/* Resources-only Dark21 palette. Light mode retains the original cascade. */
html[data-theme="dark"] body.dark-resources {
  background: #000;
  color: #f6f9f9;
}
html[data-theme="dark"] .dark-resources main {
  color-scheme: dark;
  background: #000;
  color: #d0dcda;
  --bg: #000;
  --surface: #050c0c;
  --sunk: #0b1918;
  --line: #294440;
  --line-strong: #567873;
  --ink: #f6f9f9;
  --ink-2: #d0dcda;
  --muted: #b8cbc7;
  --subtle: #adc2bd;
  --accent: #2dd4bf;
  --accent-hover: #5eead4;
  --accent-tint: #0b2925;
  --focus: #5eead4;
}
html[data-theme="dark"] .dark-resources .dl-calc a {
  color: #2dd4bf;
  text-decoration-color: currentColor;
}
html[data-theme="dark"] .dark-resources .dl-calc a:hover {
  color: #5eead4;
}
html[data-theme="dark"] .dark-resources .dl-form input {
  background-color: #050c0c;
  color: #f6f9f9;
  border-color: #567873;
  accent-color: #2dd4bf;
}
html[data-theme="dark"] .dark-resources .dl-btn {
  background: #0f766e;
  color: #fff;
}
html[data-theme="dark"] .dark-resources .dl-btn:hover {
  background: #0b5c56;
  filter: none;
}
html[data-theme="dark"] .dark-resources .dl-form input[aria-invalid="true"] {
  border-color: #fca5a5;
  box-shadow: 0 0 0 1px #fca5a5;
}
html[data-theme="dark"] .dark-resources .skip {
  background: #050c0c;
  color: #f6f9f9;
}
html[data-theme="dark"] .dark-resources :focus-visible {
  outline: 2px solid #5eead4;
  outline-offset: 3px;
}

/* Remaining pages: Dark21 tokens are confined to main, leaving header/footer palettes intact.
   The homepage keeps its existing hero tokens; only its remaining pale components are repaired. */
html[data-theme="dark"] body.dark-rest { background: #000; }
html[data-theme="dark"] body.dark-rest:not(:has(#hp-hero)) main {
  color-scheme: dark;
  background: #000;
  color: #d0dcda;
  --bg: #000;
  --surface: #050c0c;
  --sunk: #0b1918;
  --line: #294440;
  --line-strong: #567873;
  --ink: #f6f9f9;
  --ink-2: #d0dcda;
  --muted: #b8cbc7;
  --subtle: #adc2bd;
  --accent: #2dd4bf;
  --accent-hover: #5eead4;
  --accent-tint: #0b2925;
  --focus: #5eead4;
  --h1-ink: #f6f9f9;
  --crumb-ink: #b8cbc7;
}
html[data-theme="dark"] .dark-rest main :is(.cf-card,.cf-flags,.gl-words,.card) {
  background: #050c0c;
  border-color: #294440;
}
html[data-theme="dark"] .dark-rest main .card .img { background: #0b1918; }
html[data-theme="dark"] .dark-rest main .mk-band { background-color: #000; }
html[data-theme="dark"] .dark-rest main .gl-page .btn.btn-primary {
  background: #0f766e;
  border-color: #2dd4bf;
  color: #fff;
}
html[data-theme="dark"] .dark-rest main .gl-page .btn.btn-primary:hover { background: #0b5c56; color: #fff; }
html[data-theme="dark"] .dark-rest main .gl-frow input {
  background: #050c0c;
  border-color: #567873;
  color: #f6f9f9;
}
html[data-theme="dark"] .dark-rest main .gl-frow input::placeholder { color: #b8cbc7; }
/* Cyber Radar tiles in dark keep the 10 Nov live look (Matt 11 Nov 02:49): white tiles,
   teal text, kit colour bar, teal arrow; hover fills the arrow with the kit colour. */
html[data-theme="dark"] .dark-rest .cr-kits .problems.problems-12 a,
html[data-theme="dark"] .dark-rest .cr-kits .problems.problems-12 a:is(:hover,:focus-visible) {
  background: #fff;
  color: #0f766e;
  border-color: #0f766e;
}
html[data-theme="dark"] .dark-rest .cr-kits .problems.problems-12 a::after { background: #0f766e; color: #fff; }
html[data-theme="dark"] .dark-rest .cr-kits .problems.problems-12 a:is(:hover,:focus-visible)::after { background: var(--kit); color: var(--kit-ink); }
html[data-theme="dark"] .dark-rest:not(:has(#hp-hero)) main .ordit-btn { background: #0b2925; color: #5eead4; border-color: #2dd4bf; }
html[data-theme="dark"] .dark-rest main .steps li::before { background: #0b2925; color: #5eead4; }
html[data-theme="dark"] .dark-rest :is(#np-email,#np-email-full) {
  background: #050c0c !important;
  color: #f6f9f9 !important;
  border-color: #567873 !important;
  color-scheme: dark;
}
html[data-theme="dark"] .dark-rest :is(#np-email,#np-email-full)::placeholder { color: #b8cbc7 !important; }
/* Later embedded vendor styles otherwise turn the gradient button's label white. */
html[data-theme="dark"] .dark-rest .skf-join .np-form button span { color: #001316 !important; }
html[data-theme="dark"] .dark-rest main :focus-visible:not(:where(#hp-hero *)),
html[data-theme="dark"] .dark-rest .np-form :focus-visible {
  outline: 2px solid #5eead4 !important;
  outline-offset: 3px;
}
html[data-theme="dark"] .dark-rest .skip { background: #050c0c; color: #f6f9f9; }
/* Preserve the existing About founder card and its full-width black shadow band. */
html[data-theme="dark"] .dark-rest .about-founder.founder {
  background: linear-gradient(180deg,#071716 0%,#061817 2%,#050e0d 100%);
  box-shadow: 0 0 0 100vmax #000;
}

/* Reverse sweep (Matt's addendum): only sections with an unconditional dark palette.
   These explicit light repairs intentionally change their light screenshots. */
html[data-theme="light"] .dark-rest.light-rest-glossary main {
  background: #faf8f5;
  color: #3a3631;
}
html[data-theme="light"] .light-rest-glossary .gl-page { color: #3a3631; }
html[data-theme="light"] .light-rest-glossary .gl-page :is(h1,h2,h3) { color: #1c1a17; --h1-ink: #1c1a17; }
html[data-theme="light"] .light-rest-glossary .gl-page a { color: #0f766e; text-decoration-color: currentColor; }
html[data-theme="light"] .light-rest-glossary .gl-page :is(.gl-by,.gl-crumbs,.gl-crumbs a,.gl-sources ol) { color: #57524a; }
html[data-theme="light"] .light-rest-glossary .gl-page .gl-sec,
html[data-theme="light"] .light-rest-glossary .gl-page .gl-case {
  background: #fff;
  border-color: #d6cec2;
  color: #3a3631;
}
html[data-theme="light"] .light-rest-glossary .gl-page .gl-def {
  background: #eaf3f2;
  color: #1c1a17;
  border-color: #0f766e;
}
html[data-theme="light"] .light-rest-glossary .gl-page :is(.gl-help,.gl-kit) { border-color: #0f766e; }
html[data-theme="light"] .light-rest-glossary .gl-page .gl-rel a { background: #fff; color: #0f766e; border-color: #0f766e; }
html[data-theme="light"] .light-rest-glossary .gl-page :is(.gl-rel a:hover,.gl-sources li:target) { background: #eaf3f2; }
html[data-theme="light"] .light-rest-glossary .gl-page .btn.btn-primary { background: #0f766e; color: #fff; border-color: #0f766e; }
html[data-theme="light"] .light-rest-glossary .gl-page .btn.btn-primary:hover { background: #0b5c56; }
html[data-theme="light"] .light-rest-glossary .gl-page :focus-visible { outline: 2px solid #0f766e; outline-offset: 3px; }
/* FAQ and kit founder faces inherited a local dark --surface even in light mode. */
html[data-theme="light"] .dark-rest main .faq-item {
  background: #fff;
  color: #1c1a17;
  border-color: #d6cec2;
  --ink: #1c1a17;
  --ink-2: #3a3631;
  --muted: #57524a;
  --line: #d6cec2;
  --surface: #fff;
}
html[data-theme="light"] .dark-rest main .founder:not(.about-founder) {
  background: #f3fbfa;
  border-color: #d7e7e4;
  color: #1c1a17;
}
html[data-theme="light"] .dark-rest main .founder:not(.about-founder) :is(h2,p) { color: #1c1a17; }
html[data-theme="light"] .dark-rest main .founder:not(.about-founder) .small { color: #57524a; }
html[data-theme="light"] .dark-rest main .founder:not(.about-founder) a { color: #0f766e; }
/* Non-glossary primary actions also inherited the light teal surface token. */
html[data-theme="dark"] .dark-rest main .btn.btn-primary:not(:where(#hp-hero *)) {
  background: #0f766e;
  color: #fff;
  border-color: #2dd4bf;
}
html[data-theme="dark"] .dark-rest main .btn.btn-primary:not(:where(#hp-hero *)):hover { background: #0b5c56; color: #fff; }
html[data-theme="light"] .dark-rest.light-rest-glossary main nav.site-crumbs {
  --crumb-ink: #57524a;
  color: #57524a;
}
html[data-theme="light"] .dark-rest.light-rest-glossary main :focus-visible { outline: 2px solid #0f766e; outline-offset: 3px; }
html[data-theme="light"] .dark-rest main .kb-faq :is(h2,h3,.faq-q,summary) { color: #1c1a17; }
html[data-theme="light"] .dark-rest main .faq-item .faq-ico { color: #0f766e; border-color: #0f766e; }
html[data-theme="light"] .dark-rest main .faq-item :is(.faq-a,p) { color: #3a3631; }
html[data-theme="light"] .dark-rest main .faq-item summary:focus-visible { outline: 2px solid #0f766e; outline-offset: 3px; }
html[data-theme="light"] .dark-rest main .faq-item .faq-a { background: #f3efe9; color: #3a3631; border-color: #d6cec2; }
/* These kit bands already had light backgrounds but retained hard-coded white copy. */
html[data-theme="light"] .dark-rest main :is(.kit-faq,.kb-steps) :is(h2,h3,p,li) { color: #1c1a17; }
html[data-theme="light"] .dark-rest main :is(.kit-faq,.kb-steps) a { color: #0f766e; }
html[data-theme="light"] .dark-rest main .faq-item :is(.faq-q,summary) { color: #1c1a17; }
html[data-theme="light"] .dark-rest main .faq-item a { color: #0f766e; text-decoration-color: currentColor; }
/* Keep the following prose above the founder band's extended black shadow. */
html[data-theme="dark"] .dark-rest main:has(.about-founder) .text-col > article.prose { position: relative; z-index: 1; }
/* Cyber Radar Ask Ordit button in dark: back to the 10 Nov white button (Matt 11 Nov 02:56). */
html[data-theme="dark"] .dark-rest:not(:has(#hp-hero)) main .cr-kits .ordit-btn { background: #fff; color: #1c1a17; border-color: #0f766e; }
html[data-theme="dark"] .dark-rest:not(:has(#hp-hero)) main .cr-kits .ordit-btn .ordit-ico { color: #0f766e; }
html[data-theme="dark"] .dark-rest:not(:has(#hp-hero)) main .cr-kits .ordit-btn:is(:hover,:focus-visible) { background: #0f766e; color: #fff; border-color: #0f766e; }
html[data-theme="dark"] .dark-rest:not(:has(#hp-hero)) main .cr-kits .ordit-btn:is(:hover,:focus-visible) .ordit-ico { color: #fff; }

/* 11 Nov 2026 (Matt 07:21): kit FAQ and "routine in four steps" bands are light in light mode. Dark mode unchanged. */
html:not([data-theme="dark"]) .dark-rest main .kband:is(.kb-faq,.kb-steps,.kit-faq){--bb:#FFFFFF;--rule:var(--kit,#0f766e);color:#1c1a17}
html:not([data-theme="dark"]) .dark-rest main .kband:is(.kb-faq,.kb-steps,.kit-faq) :is(h2,h3,h4,strong,summary,.faq-q){color:#1c1a17}
html:not([data-theme="dark"]) .dark-rest main .kband:is(.kb-faq,.kb-steps,.kit-faq) :is(p,li,td,th){color:#3d3a35}
html:not([data-theme="dark"]) .dark-rest main .kband:is(.kb-faq,.kb-steps,.kit-faq) a{color:#0f766e;text-decoration-color:#0f766e99}
html:not([data-theme="dark"]) .dark-rest main .kband:is(.kb-faq,.kb-steps,.kit-faq) :focus-visible{outline-color:#0f766e}
html:not([data-theme="dark"]) .dark-rest main .kb-steps li::marker{color:#0f766e}
html:not([data-theme="dark"]) .dark-rest main .kband:is(.kb-faq,.kit-faq) .faq-item{border-color:#0f766e47;background:#fff}
html:not([data-theme="dark"]) .dark-rest main .kband:is(.kb-faq,.kit-faq) .faq-a{background:#F6F9F9}