/*
===================
RULES
===================
*/

h2 {
  font-weight: bold !important;
}

h3 {
  font-weight: bold !important;
}

div.rule,
div.subrule {
  --hang: 2em;
  --text-start: 2em;
  padding-left: var(--text-start);
  margin-top: 1em;
  margin-bottom: 1em;
}

div.subrule {
  --text-start: 4em;
}

div.rule,
div.subrule {
  text-indent: calc(-1 * var(--hang));
}

div.rule-block {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0;
  text-indent: 0;
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid;
  border-left: .2rem solid;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);

  & .rule-block-label {
    font-weight: bold;
  }
}

div.rule-example,
div.rule-examples,
div.rule-note {
  border-radius: 8px;
}

div.rule-example,
div.rule-examples {
  border-color: #5E9E4F;
  background: color-mix(in srgb, #5E9E4F 15%, transparent)
}

div.rule-note {
  border-color: #4F7CAC;
  background: color-mix(in srgb, #5E9E4F 15%, transparent)
}

div.rule-annotation {
  display: none; /* Hidden by default */
  font-size: .8em;
  border: 2px dashed;
  border-left: .2rem solid;
  border-color: var(--md-accent-fg-color);
  background: var(--md-default-fg-color--lightest);
}

.md-typeset .md-button {
  border-color: var(--md-typeset-color);
  color: var(--md-typeset-color);
}

/* Add padding to the bottom of content */
.md-content {
  padding-bottom: 60vh;
}


/* Highlight rules if focused */
div.rule:target, div.subrule:target {
  background-color: var(--md-accent-fg-color);
  transition: background-color 0.5s ease-out;
  border-radius: 0.3em;
}


.inline-icon {
    display: inline-flex;
    vertical-align: middle;
    margin: 0 0.05em;
    & img {
        height: 1.1em;
        width: auto;
        position: relative;
        top: -0.1em;
        filter: drop-shadow(0 0 0.05em var(--md-default-fg-color));
    }
}


/*
===================
ANNOTATION
===================
*/

/* Shown when button pressed */
html[data-fab-annotations="show"] .rule-annotation { display: block; }

/* Header button */
.fab-annotation-toggle {
  background: none;
  border: 0;
  font: inherit;
  opacity: .65;
}
.fab-annotation-toggle:hover,
.fab-annotation-toggle:focus-visible,
html[data-fab-annotations="show"] .fab-annotation-toggle { opacity: 1; }
.fab-annotation-toggle .fab-ann-off,
.fab-annotation-toggle .fab-ann-on { display: flex; }
.fab-annotation-toggle .fab-ann-on,
html[data-fab-annotations="show"] .fab-annotation-toggle .fab-ann-off { display: none; }
html[data-fab-annotations="show"] .fab-annotation-toggle .fab-ann-on { display: flex; }





/*
===================
SEARCH
===================
*/

/* Header dropdown extras (Material supplies the rest) */
.md-search-result__meta a { color: var(--md-accent-fg-color); }
.fab-crumbs {
  display: block;
  margin: 0 0 .2rem;
  font-size: .64rem;
  color: var(--md-default-fg-color--light);
}
.md-search-result__link.fab-active { background-color: var(--md-accent-fg-color--transparent); }
.md-search-result__teaser mark,
.fab-teaser mark {
  background-color: var(--md-typeset-mark-color, #ffff0080);
  color: inherit;
  border-radius: .1rem;
}
 
/* Full results page (docs/search.md) */
.fab-controls { display: flex; gap: .6rem; flex-wrap: wrap; margin: 1rem 0 .4rem; }
.fab-input {
  flex: 1 1 18rem;
  padding: .5rem .7rem;
  font: inherit;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  border: .05rem solid var(--md-default-fg-color--lighter);
  border-radius: .2rem;
}
.fab-scope {
  padding: .5rem .6rem;
  font: inherit;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  border: .05rem solid var(--md-default-fg-color--lighter);
  border-radius: .2rem;
}
.fab-status { margin: .2rem 0 .8rem; font-size: .8rem; color: var(--md-default-fg-color--light); }
.fab-results { list-style: none; margin: 0; padding: 0; }
.fab-hit { margin: 0; border-top: .05rem solid var(--md-default-fg-color--lightest); }
.fab-hit a { display: block; padding: .6rem .3rem; color: inherit; }
.fab-hit a:hover, .fab-hit a:focus { background: var(--md-accent-fg-color--transparent); }
.fab-hit-title { display: block; font-weight: 700; }
.fab-teaser { display: block; font-size: .85rem; }
 
/* Landing highlight when a result links straight to a rule */
div.rule:target, div.subrule:target {
  background: var(--md-accent-fg-color--transparent);
  scroll-margin-top: 4rem;
}





/*
===================
COMPARISONS
===================
*/


/* Version comparison page */
:root {
  --fab-add-bg: rgba(46, 160, 67, .16);   --fab-add-strong: rgba(46, 160, 67, .45);
  --fab-del-bg: rgba(248, 81, 73, .16);   --fab-del-strong: rgba(248, 81, 73, .45);
  --fab-move-bg: rgba(212, 167, 44, .28); --fab-move-strong: rgba(212, 167, 44, .5);
  --fab-sticky-top: 2.4rem;               /* height of the Material header; raise it if you use navigation.tabs */
}

/* Two columns need more room than Material's default content width */
.md-main__inner:has(.fab-compare) { max-width: 92rem; }

.fab-cmp-controls { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; align-items: flex-end; margin: 1rem 0 .6rem; }
.fab-cmp-controls label { display: flex; flex-direction: column; gap: .15rem; font-size: .7rem; color: var(--md-default-fg-color--light); }
.fab-cmp-controls select, .fab-cmp-controls button {
  padding: .4rem .6rem; font: inherit; font-size: .8rem;
  color: var(--md-default-fg-color); background: var(--md-default-bg-color);
  border: .05rem solid var(--md-default-fg-color--lighter); border-radius: .2rem;
}
.fab-cmp-controls button { cursor: pointer; }
.fab-cmp-options { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; font-size: .8rem; margin: .2rem 0 .6rem; }
.fab-cmp-options label { display: inline-flex; align-items: center; gap: .35rem; }

.fab-cmp-legend { display: flex; flex-wrap: wrap; gap: .4rem .8rem; font-size: .75rem; margin: .2rem 0 .6rem; }
.fab-cmp-legend span { padding: .05rem .5rem; border-radius: .15rem; }
.fab-key-add { background: var(--fab-add-bg); }
.fab-key-del { background: var(--fab-del-bg); }
.fab-key-move { background: var(--fab-move-bg); }

.fab-cmp-status { margin: .2rem 0 .8rem; font-size: .8rem; color: var(--md-default-fg-color--light); }

.fab-diff { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .8rem; line-height: 1.45; }
.fab-diff .fab-c-num { width: 3.6rem; }
.fab-diff thead th {
  position: sticky; top: var(--fab-sticky-top); z-index: 2;
  padding: .4rem .5rem; text-align: left; font-weight: 700;
  background: var(--md-default-bg-color); border-bottom: .1rem solid var(--md-default-fg-color--lighter);
}
.fab-diff td { padding: .12rem .4rem; vertical-align: top; }
.fab-diff tr { scroll-margin-top: calc(var(--fab-sticky-top) + 3rem); }
.fab-num { text-align: right; white-space: nowrap; color: var(--md-default-fg-color--light); user-select: none; }
.fab-txt { overflow-wrap: anywhere; }
.fab-diff td:nth-child(3) { border-left: .05rem solid var(--md-default-fg-color--lightest); }

.fab-add, .fab-mod-r { background: var(--fab-add-bg); }
.fab-del, .fab-mod-l { background: var(--fab-del-bg); }
.fab-move { background: var(--fab-move-bg); }
.fab-renum { background: var(--fab-move-bg); color: var(--md-default-fg-color); }   /* rule number changed, text identical */
.fab-empty { background: var(--md-default-fg-color--lightest); }

.fab-diff ins, .fab-diff del { text-decoration: none; color: inherit; border-radius: .1rem; }
.fab-diff ins { background: var(--fab-add-strong); }
.fab-diff del { background: var(--fab-del-strong); }

.fab-collapsed td { padding: .15rem 0; background: var(--md-default-fg-color--lightest); text-align: center; }
.fab-expand { width: 100%; border: 0; background: none; color: var(--md-default-fg-color--light); font: inherit; font-size: .75rem; cursor: pointer; padding: .2rem; }
.fab-expand:hover { color: var(--md-accent-fg-color); }




/*
===================
TABLES
===================
*/


.md-typeset table:not([class]) {
  /* font-size: .8rem; */
  border-top: .08rem solid var(--md-typeset-table-color);
  border-bottom: .08rem solid var(--md-typeset-table-color);
  border-left: none;
  border-right: none;
}

.md-typeset__table table:not([class]) th {
    min-width: 2rem;
    border-bottom: .05rem solid var(--md-typeset-table-color);
}

/* Manual mid-rule borders */
.md-typeset__table table:not([class]) tr:has(td.hline) td,
.md-typeset__table table:not([class]) tr td.cline {
  border-bottom: .05rem solid var(--md-typeset-table-color);
}

/* Table cell padding */
.md-typeset__table table:not([class]) th,
.md-typeset__table table:not([class]) td {
    padding: .15em 1em;
    border-top: none;
    vertical-align: middle;
}

/* Make empty cells collapse */
.md-typeset__table table:not([class]) th:empty,
.md-typeset__table table:not([class]) td:empty {
  padding: 0;
}

/* Dynamic SVG */
.dynamic-svg {
  filter: var(--md-svg-filter);
}

/* Custom Box for Penalties */
.ppg-penalty {
  display: inline;
  font-style: italic;
  font-size: 1.2em;
  padding: .5em;
  border: .05rem solid var(--md-typeset-table-color);
}

/*
===================
COOKIE
===================
*/

.cookie-banner {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #c39256;
  color: #fff;
  padding: 1rem;
  font-size: 14px;
  text-align: center;
  z-index: 9999;
}

.cookie-banner.show {
  display: block;
}

.cookie-banner a {
  color: #fff;
  text-decoration: underline;
}

.cookie-dismiss {
  background: transparent;
  border: none;
  color: #fff;
  font-weight: bold;
  margin-left: 10px;
  font-size: 16px;
  cursor: pointer;
}





/*
===================
GENERAL
===================
*/


/* Color palette */
:root {
  --font-sans: "capitolium-2", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-scala: "ff-scala-sans-pro", "Scala Sans Pro", sans-serif;
  --font-tiller: "tiller", "Tiller", serif;
  --spacing: 0.25rem;
  --default-font-family: var(--font-sans);
  --font-scala: "ff-scala-sans-pro", "Scala Sans Pro", sans-serif;
  --color-black: #000;
  --color-white: #fff;
  --color-gold: #DAB45F;
  --color-gold-dark: #423115;
  --color-gold-light: #cfb587;
  --color-purple-dark: #262044;
  --color-sand: #f9e6c5;
  --color-dark-violet: #22142a;
  --color-maroon: #2f0807;
  --color-red: #d52002;
  --color-dark-green: #151b12;
  --color-blood: #91160d;
  --color-sand-dark: #f9e6c5;
  --color-earth: #120600;
  --color-lavender: #b6b8e7;
  --color-steel: #9A9FA0;
  --color-steel-dark: #4B5051;
  --color-blood-light: #A7453D;
  --color-unreleased: #4E618D;
  --color-unreleased-light: #BAC6E2;
  --color-unreleased-dark: #14141C;
  --color-teal: #0F5470;
  --color-silver: #7b9baa;
  --color-light-sand: #F7F2EF;

  /* ---- PRIMARY: header, tabs and primary buttons ---- */
  --md-primary-fg-color: var(--color-earth); /* Brand colour. Header bar, tabs bar, primary buttons (.md-button--primary). */
  --md-primary-fg-color--light: var(--color-gold-dark); /* Lighter brand shade. Not used by the core stylesheet in 9.6.14; free for your own CSS. */
  --md-primary-fg-color--dark: var(--color-black); /* Darker brand shade. Background of the repository/source link block in the nav. */
  --md-primary-bg-color: var(--color-gold);/* Text and icons that sit ON the brand colour (header title and icons, tab labels). Note the naming: "bg" here means "the contrast colour for content on --md-primary-bg-color: #fff; the primary surface". */
  --md-primary-bg-color--light: var(--color-gold-light); /* Softer version of the above (the search box placeholder in the header). */
 
  /* ---- ACCENT: hover, focus and active states ---- */
  --md-accent-fg-color: var(--color-gold); /* Interactive highlight: link hover/focus, focus outlines, scrollbar hover, active states. Used in ~45 places. */
  --md-accent-fg-color--transparent: rgba(var(--color-gold), 0.1); /* Translucent tint of the accent: hover/focus background behind icons, pagination links, linked inline code. */
  --md-accent-bg-color: var(--color-gold-dark); /* Text colour on top of an accent-coloured surface (e.g. a focused button or tag). */
  --md-accent-bg-color--light: rgba(var(--color-gold-dark), 0.7); /* Softer version of the above. Unused by the core stylesheet; free for your own CSS. */
 
}

/*
 * colour schemes "lss-light" and "lss-dark" for Material for MkDocs 9.6.x
 *
 * Every value below is Material's own stock value (light = the "default" scheme, dark = "slate"),
 * so the site looks unchanged until you edit something. Change values, leave the names alone.
 *
 * Every variable is listed because a custom scheme does NOT inherit from "slate". Anything left
 * out falls back to the LIGHT defaults, which on a dark page means dark text on a dark background.
 */
[data-md-color-scheme="lss-light"] {
  /* ---- PAGE: text and background ---- */
  --md-default-fg-color: color-mix(in srgb, var(--color-black) 80%, transparent); /* Main text colour. */
  --md-default-fg-color--light: color-mix(in srgb, var(--color-black) 50%, transparent); /* Secondary text: inactive nav items, captions, metadata; also the default for code comments and punctuation. */
  --md-default-fg-color--lighter: color-mix(in srgb, var(--color-black) 30%, transparent); /* Borders and dividers that need to be visible: blockquote bar, scrollbar thumbs, input borders. */
  --md-default-fg-color--lightest: color-mix(in srgb, var(--color-black) 10%, transparent); /* Faintest tint: horizontal rules, subtle dividers, hover backgrounds, disabled icons. */
  --md-default-bg-color: var(--color-light-sand); /* Page background (also inputs, nav drawer and admonition backgrounds by default). */
  --md-default-bg-color--light: color-mix(in srgb, var(--color-light-sand) 70%, transparent); /* Translucent page background. Unused by the core stylesheet in 9.6.14; free for your own overlays. */
  --md-default-bg-color--lighter: color-mix(in srgb, var(--color-light-sand) 30%, transparent); /* More transparent page background. Unused by the core stylesheet; free for your own CSS. */
  --md-default-bg-color--lightest: color-mix(in srgb, var(--color-light-sand) 10%, transparent); /* Most transparent page background. Unused by the core stylesheet; free for your own CSS. */
 

  /* ---- CONTENT: body text, links, tables, marks, keys ---- */
  --md-typeset-color: var(--md-default-fg-color); /* Body text colour inside page content (defaults to --md-default-fg-color). */
  --md-typeset-a-color: var(--color-gold); /* Links in content, plus the active item in the nav and table of contents. */
  --md-typeset-mark-color: #ffff0080; /* Background of ==highlighted== text. */
  --md-typeset-table-color: color-mix(in srgb, var(--md-default-fg-color) 80%, transparent); /* Table borders. */
  --md-typeset-table-color--light: color-mix(in srgb, var(--md-default-fg-color) 20%, transparent); /* Table row hover background. */
  --md-typeset-del-color: #f5503d26; /* Background of CriticMarkup deletions and removed lines in code diffs. */
  --md-typeset-ins-color: #0bd57026; /* Background of CriticMarkup insertions and added lines in code diffs. */
  --md-typeset-kbd-color: #fafafa; /* Keyboard key (<kbd>) face colour. */
  --md-typeset-kbd-accent-color: #2e2020; /* Keyboard key top-edge highlight. */
  --md-typeset-kbd-border-color: #b8b8b8; /* Keyboard key border/shadow colour. */
 
  /* ---- CODE: blocks and syntax highlighting ---- */
  --md-code-fg-color: #36464e; /* Text colour inside inline code and code blocks. */
  --md-code-bg-color: #f5f5f5; /* Background of inline code, code blocks, filename bars and line-number gutters. */
  --md-code-hl-color: #4287ff; /* Line highlight accent (the left edge of lines marked with hl_lines). */
  --md-code-hl-color--light: #4287ff1a; /* Background of highlighted lines. */
  --md-code-hl-number-color: #d52a2a; /* Syntax colour: numbers. */
  --md-code-hl-special-color: #db1457; /* Syntax colour: special tokens (escapes, regex, interpolation). */
  --md-code-hl-function-color: #a846b9; /* Syntax colour: function names. */
  --md-code-hl-constant-color: #6e59d9; /* Syntax colour: constants and built-in names. */
  --md-code-hl-keyword-color: #3f6ec6; /* Syntax colour: keywords. */
  --md-code-hl-string-color: #1c7d4d; /* Syntax colour: strings. */
  --md-code-hl-name-color: var(--md-code-fg-color); /* Syntax colour: plain identifiers. */
  --md-code-hl-operator-color: var(--md-default-fg-color--light); /* Syntax colour: operators. */
  --md-code-hl-punctuation-color: var(--md-default-fg-color--light); /* Syntax colour: punctuation. */
  --md-code-hl-comment-color: var(--md-default-fg-color--light); /* Syntax colour: comments. */
  --md-code-hl-generic-color: var(--md-default-fg-color--light); /* Syntax colour: generic tokens. */
  --md-code-hl-variable-color: var(--md-default-fg-color--light); /* Syntax colour: variables. */
 
  /* ---- ADMONITIONS and WARNING BANNER ---- */
  --md-admonition-fg-color: var(--md-default-fg-color); /* Text colour inside admonition boxes (the coloured title bar and icon are per-type and not variables). */
  --md-admonition-bg-color: var(--md-default-bg-color); /* Background of admonition boxes. */
  --md-warning-fg-color: #000000de; /* Text colour of the warning banner (e.g. the "outdated version" notice). */
  --md-warning-bg-color: #ff9; /* Background of the warning banner. */
 
  /* ---- FOOTER ---- */
  --md-footer-fg-color: #fff; /* Footer text and icons (and the announcement banner). */
  --md-footer-fg-color--light: #ffffffb3; /* Footer secondary text: links in the meta bar. */
  --md-footer-fg-color--lighter: #ffffff73; /* Footer tertiary text: copyright line. */
  --md-footer-bg-color: #000000de; /* Footer (and announcement banner) background. */
  --md-footer-bg-color--dark: #00000052; /* Darker strip at the very bottom of the footer. */
 
  /* ---- SHADOWS ---- */
  --md-shadow-z1: 0 .2rem .5rem #0000000d,0 0 .05rem #0000001a; /* Subtle shadow: inputs, admonitions. */
  --md-shadow-z2: 0 .2rem .5rem #0000001a,0 0 .05rem #00000040; /* Medium shadow: tooltips, menus, focused inputs. */
  --md-shadow-z3: 0 .2rem .5rem #0003,0 0 .05rem #00000059; /* Strong shadow: dialogs, the mobile drawer, the search results panel. */
}
 

/* color-mix(in srgb, var(--color-light-sand) 70%, transparent) */
 
/* Dark scheme. Wrapped in @media screen exactly like Material's own slate scheme, so printing
   falls back to the light defaults instead of printing a dark page. */
@media screen {
  [data-md-color-scheme="lss-dark"] {
    /* Tells the browser to draw native controls and scrollbars dark. */
    color-scheme: dark;

    /* ---- PAGE: text and background ---- */
    --md-default-fg-color: var(--color-sand); /* Main text colour. */
    --md-default-fg-color--light: color-mix(in srgb, var(--color-sand) 50%, transparent); /* Secondary text: inactive nav items, captions, metadata; also the default for code comments and punctuation. */
    --md-default-fg-color--lighter: color-mix(in srgb, var(--color-sand) 30%, transparent); /* Borders and dividers that need to be visible: blockquote bar, scrollbar thumbs, input borders. */
    --md-default-fg-color--lightest: color-mix(in srgb, var(--color-sand) 10%, transparent); /* Faintest tint: horizontal rules, subtle dividers, hover backgrounds, disabled icons. */
    --md-default-bg-color: var(--color-earth); /* Page background (also inputs, nav drawer and admonition backgrounds by default). */
    --md-default-bg-color--light: color-mix(in srgb, var(--color-earth) 50%, transparent); /* Translucent page background. Unused by the core stylesheet in 9.6.14; free for your own overlays. */
    --md-default-bg-color--lighter: color-mix(in srgb, var(--color-earth) 30%, transparent); /* More transparent page background. Unused by the core stylesheet; free for your own CSS. */
    --md-default-bg-color--lightest: color-mix(in srgb, var(--color-earth) 10%, transparent); /* Most transparent page background. Unused by the core stylesheet; free for your own CSS. */
 
    /* ---- CONTENT: body text, links, tables, marks, keys ---- */
    --md-typeset-color: var(--md-default-fg-color); /* Body text colour inside page content (defaults to --md-default-fg-color). */
    --md-typeset-a-color: var(--color-gold); /* Links in content, plus the active item in the nav and table of contents. */
    --md-typeset-mark-color: #4287ff4d; /* Background of ==highlighted== text. */
    --md-typeset-table-color: color-mix(in srgb, var(--md-default-fg-color) 80%, transparent); /* Table borders. */
    --md-typeset-table-color--light: color-mix(in srgb, var(--md-default-fg-color) 20%, transparent); /* Table row hover background. */
    --md-typeset-del-color: #f5503d26; /* Background of CriticMarkup deletions and removed lines in code diffs. */
    --md-typeset-ins-color: #0bd57026; /* Background of CriticMarkup insertions and added lines in code diffs. */
    --md-typeset-kbd-color: hsla(var(--md-hue),15%,90%,.12); /* Keyboard key (<kbd>) face colour. */
    --md-typeset-kbd-accent-color: hsla(var(--md-hue),15%,90%,.2); /* Keyboard key top-edge highlight. */
    --md-typeset-kbd-border-color: hsla(var(--md-hue),15%,14%,1); /* Keyboard key border/shadow colour. */
 
    /* ---- CODE: blocks and syntax highlighting ---- */
    --md-code-fg-color: hsla(var(--md-hue),18%,86%,.82); /* Text colour inside inline code and code blocks. */
    --md-code-bg-color: hsla(var(--md-hue),15%,18%,1); /* Background of inline code, code blocks, filename bars and line-number gutters. */
    --md-code-hl-color: #2977ff; /* Line highlight accent (the left edge of lines marked with hl_lines). */
    --md-code-hl-color--light: #2977ff1a; /* Background of highlighted lines. */
    --md-code-hl-number-color: #e6695b; /* Syntax colour: numbers. */
    --md-code-hl-special-color: #f06090; /* Syntax colour: special tokens (escapes, regex, interpolation). */
    --md-code-hl-function-color: #c973d9; /* Syntax colour: function names. */
    --md-code-hl-constant-color: #9383e2; /* Syntax colour: constants and built-in names. */
    --md-code-hl-keyword-color: #6791e0; /* Syntax colour: keywords. */
    --md-code-hl-string-color: #2fb170; /* Syntax colour: strings. */
    --md-code-hl-name-color: var(--md-code-fg-color); /* Syntax colour: plain identifiers. */
    --md-code-hl-operator-color: var(--md-default-fg-color--light); /* Syntax colour: operators. */
    --md-code-hl-punctuation-color: var(--md-default-fg-color--light); /* Syntax colour: punctuation. */
    --md-code-hl-comment-color: var(--md-default-fg-color--light); /* Syntax colour: comments. */
    --md-code-hl-generic-color: var(--md-default-fg-color--light); /* Syntax colour: generic tokens. */
    --md-code-hl-variable-color: var(--md-default-fg-color--light); /* Syntax colour: variables. */
 
    /* ---- ADMONITIONS and WARNING BANNER ---- */
    --md-admonition-fg-color: var(--md-default-fg-color); /* Text colour inside admonition boxes (the coloured title bar and icon are per-type and not variables). */
    --md-admonition-bg-color: var(--md-default-bg-color); /* Background of admonition boxes. */
    --md-warning-fg-color: #000000de; /* Text colour of the warning banner (e.g. the "outdated version" notice). */
    --md-warning-bg-color: #ff9; /* Background of the warning banner. */
 
    /* ---- FOOTER ---- */
    --md-footer-fg-color: #fff; /* Footer text and icons (and the announcement banner). */
    --md-footer-fg-color--light: #ffffffb3; /* Footer secondary text: links in the meta bar. */
    --md-footer-fg-color--lighter: #ffffff73; /* Footer tertiary text: copyright line. */
    --md-footer-bg-color: hsla(var(--md-hue),15%,10%,.87); /* Footer (and announcement banner) background. */
    --md-footer-bg-color--dark: hsla(var(--md-hue),15%,8%,1); /* Darker strip at the very bottom of the footer. */
 
    /* ---- SHADOWS ---- */
    --md-shadow-z1: 0 .2rem .5rem #0000000d,0 0 .05rem #0000001a; /* Subtle shadow: inputs, admonitions. */
    --md-shadow-z2: 0 .2rem .5rem #00000040,0 0 .05rem #00000040; /* Medium shadow: tooltips, menus, focused inputs. */
    --md-shadow-z3: 0 .2rem .5rem #0006,0 0 .05rem #00000059; /* Strong shadow: dialogs, the mobile drawer, the search results panel. */
  }
}
 
/* ------------------------------------------------------------------------------------------------
 * OPTIONAL: per-scheme tweaks for the extra pages (compare / search). These are plain variables
 * defined in fab-compare.css; redefine them here per scheme to retune them for light or dark.
 * ---------------------------------------------------------------------------------------------- */
[data-md-color-scheme="lss-light"] {
  --fab-add-bg: rgba(46, 160, 67, .16);   --fab-add-strong: rgba(46, 160, 67, .45);
  --fab-del-bg: rgba(248, 81, 73, .16);   --fab-del-strong: rgba(248, 81, 73, .45);
  --fab-move-bg: rgba(212, 167, 44, .28);
}
[data-md-color-scheme="lss-dark"] {
  --fab-add-bg: rgba(46, 160, 67, .22);   --fab-add-strong: rgba(46, 160, 67, .50);
  --fab-del-bg: rgba(248, 81, 73, .22);   --fab-del-strong: rgba(248, 81, 73, .50);
  --fab-move-bg: rgba(212, 167, 44, .30);
}