/* ── Gold palette ────────────────────────────────────────── */
:root {
  --gold:          #C9A84C;
  --gold-light:    #E8C96A;
  --gold-dark:     #7A5F20;
  --gold-dim:      rgba(201, 168, 76, 0.10);
  --gold-hairline: rgba(201, 168, 76, 0.28);
  --bg-dark:       #111007;
  --bg-dark-2:     #1A1508;
  --bg-dark-3:     #1C1A0E;
  --border-dark:   #3A3020;
}

/* ════════════════════════════════════════════════════════════
   LIGHT MODE  [data-md-color-scheme="default"]
   ════════════════════════════════════════════════════════════ */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:             var(--gold);
  --md-primary-fg-color--light:      var(--gold-light);
  --md-primary-fg-color--dark:       var(--gold-dark);
  --md-accent-fg-color:              var(--gold);
  --md-accent-fg-color--transparent: rgba(201, 168, 76, 0.10);
  --md-typeset-a-color:              var(--gold-dark);
}

/* Header — white */
[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff !important;
  border-bottom: 1px solid #E8E0CC;
  box-shadow: 0 1px 0 var(--gold-hairline);
  color: #1A1A1A;
}
[data-md-color-scheme="default"] .md-header__title { color: #1A1A1A !important; font-weight: 600; }
[data-md-color-scheme="default"] .md-header__button { color: #6B6B6B !important; }
[data-md-color-scheme="default"] .md-header__button:hover { color: var(--gold) !important; }
[data-md-color-scheme="default"] .md-search__input {
  background-color: #F5F0E8 !important;
  color: #1A1A1A !important;
}

/* Nav tabs — white */
[data-md-color-scheme="default"] .md-tabs {
  background-color: #ffffff !important;
  border-bottom: 1px solid #E8E0CC;
}
[data-md-color-scheme="default"] .md-tabs__link { color: #5A5550 !important; opacity: 1 !important; }
[data-md-color-scheme="default"] .md-tabs__link:hover { color: var(--gold) !important; }
[data-md-color-scheme="default"] .md-tabs__item--active .md-tabs__link {
  color: var(--gold) !important;
  font-weight: 600;
  border-bottom: 2px solid var(--gold);
}

/* Sidebar — warm off-white */

[data-md-color-scheme="default"] .md-sidebar--secondary { border-left: 1px solid #EDE7D5; border-right: none; }

/* Footer — warm cream */
[data-md-color-scheme="default"] .md-footer { background-color: #F5F0E8 !important; border-top: 1px solid #eae6dc; }
[data-md-color-scheme="default"] .md-footer__title { color: #3A3020 !important; }
[data-md-color-scheme="default"] .md-footer__link:hover .md-footer__title { color: var(--gold) !important; }
[data-md-color-scheme="default"] .md-footer__direction { color: var(--gold-dark) !important; font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; }
[data-md-color-scheme="default"] .md-footer__button { color: #8A7A55 !important; }
[data-md-color-scheme="default"] .md-footer__link:hover .md-footer__button { color: var(--gold) !important; }
[data-md-color-scheme="default"] .md-footer-meta { background-color: #EDE7D5 !important; border-top: 1px solid #DDD5BE; }
[data-md-color-scheme="default"] .md-footer-meta__inner { color: #8A7A55 !important; font-size: 0.72rem; }

/* Tables */
[data-md-color-scheme="default"] .md-typeset table:not([class]) th { background-color: var(--gold); color: #111007; font-weight: 700; }
[data-md-color-scheme="default"] .md-typeset table:not([class]) tr:nth-child(even) { background-color: #F7F2E8; }

/* Button */
[data-md-color-scheme="default"] .md-button { background-color: var(--gold) !important; color: #111007 !important; font-weight: 700 !important; border-radius: 6px !important; }
[data-md-color-scheme="default"] .md-button:hover { background-color: var(--gold-light) !important; }


/* ════════════════════════════════════════════════════════════
   DARK MODE  [data-md-color-scheme="slate"]
   ════════════════════════════════════════════════════════════ */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:             var(--gold);
  --md-primary-fg-color--light:      var(--gold-light);
  --md-primary-fg-color--dark:       var(--gold-dark);
  --md-accent-fg-color:              var(--gold);
  --md-accent-fg-color--transparent: rgba(201, 168, 76, 0.10);
  --md-typeset-a-color:              var(--gold);
  --md-default-bg-color:             var(--bg-dark);
  --md-default-fg-color:             #F0EAD6;
}

/* Header — dark */
[data-md-color-scheme="slate"] .md-header {
  background-color: var(--bg-dark-2) !important;
  border-bottom: 1px solid var(--border-dark);
  box-shadow: 0 1px 0 var(--gold-hairline);
}
[data-md-color-scheme="slate"] .md-header__title { color: var(--gold) !important; font-weight: 600; }
[data-md-color-scheme="slate"] .md-header__button { color: rgba(201, 168, 76, 0.7) !important; }
[data-md-color-scheme="slate"] .md-header__button:hover { color: var(--gold) !important; }
[data-md-color-scheme="slate"] .md-search__input {
  background-color: rgba(255,255,255,0.06) !important;
  color: #F0EAD6 !important;
}
[data-md-color-scheme="slate"] .md-search__input::placeholder { color: rgba(240,234,214,0.4) !important; }

/* Nav tabs — dark */
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--bg-dark-2) !important;
  border-bottom: 1px solid var(--border-dark);
}
[data-md-color-scheme="slate"] .md-tabs__link { color: rgba(240,234,214,0.6) !important; opacity: 1 !important; }
[data-md-color-scheme="slate"] .md-tabs__link:hover { color: var(--gold-light) !important; }
[data-md-color-scheme="slate"] .md-tabs__item--active .md-tabs__link {
  color: var(--gold) !important;
  font-weight: 600;
  border-bottom: 2px solid var(--gold);
}

/* Sidebar — dark */
[data-md-color-scheme="slate"] .md-sidebar { background-color: var(--bg-dark); border-right: 1px solid var(--border-dark); }
[data-md-color-scheme="slate"] .md-sidebar--secondary { border-left: 1px solid var(--border-dark); border-right: none; }

/* Footer — dark */
[data-md-color-scheme="slate"] .md-footer { background-color: var(--bg-dark-2) !important; border-top: 1px solid var(--border-dark); }
[data-md-color-scheme="slate"] .md-footer__title { color: rgba(240,234,214,0.75) !important; }
[data-md-color-scheme="slate"] .md-footer__link:hover .md-footer__title { color: var(--gold) !important; }
[data-md-color-scheme="slate"] .md-footer__direction { color: rgba(201,168,76,0.55) !important; font-size: 0.7rem; letter-spacing: 0.06em; text-transform: uppercase; }
[data-md-color-scheme="slate"] .md-footer__button { color: rgba(201,168,76,0.6) !important; }
[data-md-color-scheme="slate"] .md-footer__link:hover .md-footer__button { color: var(--gold) !important; }
[data-md-color-scheme="slate"] .md-footer-meta { background-color: var(--bg-dark) !important; border-top: 1px solid var(--border-dark); }
[data-md-color-scheme="slate"] .md-footer-meta__inner { color: rgba(201,168,76,0.4) !important; font-size: 0.72rem; }

/* Tables */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th { background-color: var(--gold); color: #111007; font-weight: 700; }
[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:nth-child(even) { background-color: var(--bg-dark-3); }

/* Code */
[data-md-color-scheme="slate"] .md-typeset code { background-color: var(--bg-dark-3); color: var(--gold-light); border-radius: 4px; }

/* Button */
[data-md-color-scheme="slate"] .md-button { background-color: var(--gold) !important; color: #111007 !important; font-weight: 700 !important; border-radius: 6px !important; }
[data-md-color-scheme="slate"] .md-button:hover { background-color: var(--gold-light) !important; }


/* ════════════════════════════════════════════════════════════
   SIDEBAR NAV — FIXED ACTIVE STATE (NO DOUBLE RECTANGLE)
   ════════════════════════════════════════════════════════════ */

/* kill Material background highlight */
.md-nav__item--active > .md-nav__link {
  background: transparent !important;
  box-shadow: none !important;
}

/* clean gold active style */
.md-nav__item--active > .md-nav__link,
.md-nav__link--active {
  color: var(--gold) !important;
  font-weight: 600;
  border-left: 2px solid var(--gold);
  padding-left: 0.6em;
  background: transparent !important;
}

/* optional hover polish */
.md-nav__link:hover,
.md-nav__link:focus {
  color: var(--gold) !important;
}



/* ════════════════════════════════════════════════════════════
   HEADINGS — both modes
   ════════════════════════════════════════════════════════════ */

.md-typeset h1 { border-bottom: 1px solid var(--gold-hairline); padding-bottom: 0.35em; margin-bottom: 1.1em; }
.md-typeset h2 { border-left: 3px solid var(--gold); padding-left: 0.65em; }

/* ════════════════════════════════════════════════════════════
   HR
   ════════════════════════════════════════════════════════════ */

.md-typeset hr { border: none; border-top: 1px solid var(--gold-hairline); margin: 2em 0; }



.md-typeset .grid.cards > ul > li { border: 1px solid var(--border-dark); border-radius: 8px; transition: border-color 0.2s, box-shadow 0.2s; }
.md-typeset .grid.cards > ul > li:hover { border-color: var(--gold); box-shadow: 0 4px 16px rgba(201,168,76,0.15); }
.md-typeset .grid.cards > ul > li > p:first-child { color: var(--gold); }

/* ════════════════════════════════════════════════════════════
   MISC
   ════════════════════════════════════════════════════════════ */

.md-search-result mark { background-color: var(--gold-dim); color: var(--gold); border-radius: 2px; padding: 0 2px; }
::selection { background-color: rgba(201,168,76,0.22); }
.md-typeset table:not([class]) tr:hover td { background-color: var(--gold-dim); transition: background-color 0.15s; }
.md-typeset .badge { display: inline-block; padding: 0.15em 0.55em; font-size: 0.72em; font-weight: 600; letter-spacing: 0.04em; border-radius: 4px; background-color: var(--gold-dim); color: var(--gold); border: 1px solid var(--gold-hairline); vertical-align: middle; }

/* ════════════════════════════════════════════════════════════
   PRINT
   ════════════════════════════════════════════════════════════ */

@media print {
  .md-header, .md-tabs, .md-sidebar, .md-footer { display: none !important; }
  .md-content { margin: 0; padding: 0; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 0.8em; color: #666; }
}

/* ════════════════════════════════════════════════════════════
   NUCLEAR FIX — REMOVE DOUBLE ACTIVE BACKGROUND IN SIDEBAR
   ════════════════════════════════════════════════════════════ */

/* 1. Remove background from the LI container itself */
.md-nav__item--active {
  background: transparent !important;
}

/* 2. Remove background + shadow from link */
.md-nav__item--active > .md-nav__link,
.md-nav__link--active {
  background: transparent !important;
  box-shadow: none !important;
}

/* 3. Kill any pseudo-element used by Material (THIS is usually the “second rectangle”) */
.md-nav__link::before,
.md-nav__link::after,
.md-nav__item--active > .md-nav__link::before,
.md-nav__item--active > .md-nav__link::after {
  content: none !important;
  display: none !important;
}

/* 4. Force clean active state (only gold line) */
.md-nav__item--active > .md-nav__link,
.md-nav__link--active {
  color: var(--gold) !important;
  font-weight: 600;
  border-left: 2px solid var(--gold) !important;
  padding-left: 0.6em;
  background: transparent !important;
}

/* 5. Secondary nav override (very important in Material) */
.md-nav--secondary .md-nav__link--active {
  background: transparent !important;
  box-shadow: none !important;
}


/* ════════════════════════════════════════════════════════════
   BLOCKQUOTE — page intro / summary
   ════════════════════════════════════════════════════════════ */
.md-typeset blockquote {
  font-style: normal;
  border-left: 3px solid var(--gold-hairline);
  border-radius: 0 6px 6px 0;
  padding: 0.65em 1.1em;
  margin-top: 0;
}

[data-md-color-scheme="default"] .md-typeset blockquote {
  background-color: rgba(201, 168, 76, 0.06);
  color: #4A3F28;
}

[data-md-color-scheme="slate"] .md-typeset blockquote {
  background-color: rgba(201, 168, 76, 0.08);
  color: rgba(240, 234, 214, 0.82);
}

/* ════════════════════════════════════════════════════════════
   CONTENT TABS — label polish
   ════════════════════════════════════════════════════════════ */
.md-typeset .tabbed-labels > label {
  font-weight: 500;
  letter-spacing: 0.01em;
  transition: color 0.18s ease;
}

/* ════════════════════════════════════════════════════════════
   INLINE CODE — light mode (mirror dark mode treatment)
   ════════════════════════════════════════════════════════════ */
[data-md-color-scheme="default"] .md-typeset code {
  background-color: rgba(201, 168, 76, 0.10);
  color: var(--gold-dark);
  border-radius: 4px;
}

/* ════════════════════════════════════════════════════════════
   SCREENSHOTS — subtle professional frame
   ════════════════════════════════════════════════════════════ */
.md-typeset img {
  border-radius: 6px;
  max-width: 100%;
}

[data-md-color-scheme="default"] .md-typeset img {
  border: 1px solid #E8E0CC;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
}

[data-md-color-scheme="slate"] .md-typeset img {
  border: 1px solid var(--border-dark);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.38);
}

/* ════════════════════════════════════════════════════════════
   H3 HEADING — stronger weight
   ════════════════════════════════════════════════════════════ */
.md-typeset h3 {
  font-weight: 600;
  margin-top: 1.4em;
}

/* ════════════════════════════════════════════════════════════
   BOLD STEP LABELS (**1 — Title** pattern)
   Give each step-paragraph a subtle top spacing
   ════════════════════════════════════════════════════════════ */
.md-typeset p > strong:only-child {
  display: block;
  margin-top: 0.2em;
}

/* ════════════════════════════════════════════════════════════
   TABLES — tighter cell padding on small screens
   ════════════════════════════════════════════════════════════ */
@media screen and (max-width: 600px) {
  .md-typeset table:not([class]) th,
  .md-typeset table:not([class]) td {
    padding: 0.4em 0.6em;
    font-size: 0.85em;
  }
}