/* Keep the existing typography and imagery; change surfaces and UI contrast. */
:root{color-scheme:light}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--ink)}
.theme-toggle:hover{background:var(--aqua)}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}
:root[data-theme="dark"]{color-scheme:dark;--paper:#0c2028;--ink:#e7f0ed;--slate:#acbec2;--border:#35505a;--aqua:#1b3941;--white:#142e36;--surface:#142e36;--accent:#b6d8cd}
[data-theme="dark"] .theme-moon{display:none}
[data-theme="dark"] .theme-sun{display:block}
[data-theme="dark"] .header,[data-theme="dark"] .steps li{border-color:var(--border)}
[data-theme="dark"] .brand-symbol,[data-theme="dark"] .brand-symbol span,[data-theme="dark"] .brand-symbol span:after{border-color:var(--accent)}
[data-theme="dark"] .button,[data-theme="dark"] .closing .button-light{background:var(--accent);color:#123c48}
[data-theme="dark"] .button:hover,[data-theme="dark"] .closing .button-light:hover{background:#d7ebe3}
[data-theme="dark"] .path-card,[data-theme="dark"] .radio-card,[data-theme="dark"] .skip-link{background:var(--surface)}
[data-theme="dark"] .path-card:hover,[data-theme="dark"] .radio-card:has(input:checked){background:var(--aqua);border-color:var(--accent)}
[data-theme="dark"] .path-icon,[data-theme="dark"] .context-strip,[data-theme="dark"] .closing,[data-theme="dark"] .form-note,[data-theme="dark"] .receipt{background:var(--aqua);color:var(--slate)}
[data-theme="dark"] .closing{color:var(--ink)}
[data-theme="dark"] .path-icon svg{stroke:var(--accent)}
[data-theme="dark"] .section-tag,[data-theme="dark"] .step-number,[data-theme="dark"] .insight-read,[data-theme="dark"] #use-points li:before,[data-theme="dark"] nav a:hover,[data-theme="dark"] .article-body a:hover{color:var(--accent)}
[data-theme="dark"] .use-tabs button[aria-selected="true"]{color:var(--accent);border-color:var(--accent)}
[data-theme="dark"] .progress-track span{background:var(--accent)}
[data-theme="dark"] input:not([type="radio"]):not([type="checkbox"]),[data-theme="dark"] select,[data-theme="dark"] textarea{background:var(--surface);border-color:#647f87;color:var(--ink)}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#a0b5ba;opacity:1}
[data-theme="dark"] input[type="radio"],[data-theme="dark"] input[type="checkbox"]{accent-color:var(--accent)}
[data-theme="dark"] .form-error{color:#ffb4a6}
[data-theme="dark"] dialog{box-shadow:0 25px 100px #0008;border:1px solid var(--border)}
[data-theme="dark"] dialog::backdrop{background:#030f16cc}
[data-theme="dark"] .article-body p,[data-theme="dark"] .article-body li{color:var(--slate)}
[data-theme="dark"] .article-summary{border-color:var(--accent)}
[data-theme="dark"] .article-table-wrap caption{color:var(--ink)}
[data-theme="dark"] .image-caption{background:rgba(12,32,40,.92);color:var(--ink)}
[data-theme="dark"] :focus-visible{outline-color:#9cdad4}
@media(max-width:1050px){
  .header{gap:12px}.header-actions{gap:8px}.header-cta{gap:10px;padding:12px 14px}#navigation{gap:14px}#navigation a{font-size:12px}
}
@media(min-width:761px) and (max-width:1000px){
  .header{height:80px;flex-wrap:wrap}.header .brand{margin-right:auto}.header-actions{order:1}.menu-toggle{order:2;display:flex;align-items:center;gap:10px;padding:12px 0;background:none;font-size:12px}.menu-toggle span{font-size:18px}.header-cta{display:none}
  #navigation{display:none;position:absolute;top:80px;left:0;right:0;padding:14px 5% 23px;background:var(--paper);border-bottom:1px solid var(--border)}#navigation.is-open{display:flex;flex-direction:column;gap:5px}#navigation a{font-size:15px;padding:12px 0}
}
@media(max-width:1000px){#navigation{max-height:calc(100dvh - 80px);overflow-y:auto}}
@media(max-width:760px){
  .header{gap:8px}.header .brand{margin-right:auto}.header-actions{order:1}.menu-toggle{order:2;gap:7px}#navigation a{font-size:15px}
}
@media(max-width:370px){.menu-toggle{font-size:11px;gap:5px}.header .brand{gap:7px}}