/* Shared geometry: route-specific styles must not reposition the identity. */
html{scrollbar-gutter:stable}
html body .product-header,html body .archive-experience .product-header{box-sizing:border-box;height:100px;min-height:100px;padding:12px 28px;gap:24px;display:flex;align-items:center}
body .product-header .product-brand{padding:0;margin:0;min-width:144px;width:144px;height:66px;flex:0 0 144px;display:flex;align-items:center}
body .product-header .brand-art{width:132px}
.theme-toggle{flex-shrink:0;border:1px solid #8994ac;border-radius:4px;background:transparent;color:inherit;padding:6px 10px;min-height:32px;cursor:pointer;font:500 12px var(--font-body)}
[data-surface=dark]{--canvas:#151a24;--surface:#202735;--subtle:#2a3445;--ink:#edf2ff;--muted:#b9c5db;--line:#465269;--lineStrong:#8493ad;--primary:#b7c5ff;--onPrimary:#172451;--selected:#35466b;--signal:#d5e88c;--onSignal:#273413;--success:#9bdfba;--successBg:#203b31;--warning:#edcf88;--warningBg:#3e3420;--danger:#ffb2b5;--dangerBg:#432b34;--focus:#b7c5ff;color-scheme:dark}
[data-surface=dark] body{background:var(--canvas);color:var(--ink)}
[data-surface=dark] :is(.audit-intro,.system-jump a,.learning-grid>*,.component-preview,.specimen,.save-outcome,.search-suggestion-tray,.archive-suggestions){background:var(--surface);color:var(--ink)}
[data-surface=dark] :is(input,textarea,select){color:var(--ink);background-color:var(--subtle);border-color:var(--line)}
[data-surface=dark] .discovery-search input{background:transparent}
[data-surface=dark] .query-chip:hover{background:var(--selected);color:var(--ink)}
[data-surface=dark] dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
[data-surface=dark] .brand-lockup{--brand-color:var(--ink)}
@media(max-width:800px){html body .product-header,html body .archive-experience .product-header{padding:12px 18px;gap:14px}}
@media(max-width:600px){html body .product-header,html body .archive-experience .product-header{height:88px;min-height:88px;padding:12px;gap:10px}body .product-header .product-brand{min-width:112px;width:112px;flex-basis:112px;height:56px}body .product-header .brand-art{width:112px}.review-bar{flex-wrap:wrap}.theme-toggle{margin-left:auto}.product-header nav>a>span{display:none}}
[data-surface=dark] input::placeholder,[data-surface=dark] textarea::placeholder{color:var(--muted);opacity:1}