/* Shared controls for standalone research reports. */
html { scroll-padding-top: 88px; }
body { margin-top: 0; }
.report-nav { --nav-bg:#fbfcfe; --nav-text:#28364b; --nav-border:#dce3ec; position:sticky; top:0; z-index:10000; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px clamp(14px,3vw,36px); background:var(--nav-bg); color:var(--nav-text); border-bottom:1px solid var(--nav-border); box-shadow:0 2px 12px #172b4d08; font:500 14px/1.4 system-ui,sans-serif; }
.report-nav a { color:inherit; text-decoration:none; border-bottom:0; }
.report-nav__home { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:-.02em; }
.report-nav__controls { display:flex; align-items:center; gap:8px; margin-left:auto; }
.report-nav .report-nav__button { appearance:none; display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border:1px solid var(--nav-border); border-radius:9px; background:transparent; color:inherit; font:inherit; cursor:pointer; white-space:nowrap; }
.report-nav .report-nav__button:hover { background:#8197b51a; }
.report-nav__archive { margin-right:8px; }
.report-nav :focus-visible { outline:2px solid #4e93da; outline-offset:3px; }
/* Keep legacy controls in the DOM for their existing scripts, but expose one toolbar. */
.theme-toggle, .language-toggle, .tgl, #themeBtn, #tglBtn, #theme-toggle, #themeToggle, #toggleTheme { display:none !important; }
html[data-theme="dark"] { color-scheme:dark; --bg:#141923; --panel:#1c2330; --ink:#e8edf4; --ink-2:#c0cad8; --ink-3:#99a7ba; --page:#141923; --surface-1:#1c2330; --surface-2:#222c3b; --text-primary:#e8edf4; --text-secondary:#c0cad8; --muted:#99a7ba; --border:#354255; --grid:#354255; }
html[data-theme="dark"] .report-nav { --nav-bg:#171e2a; --nav-text:#e0e8f4; --nav-border:#354255; }
html[data-theme="dark"] body { background:var(--page); color:var(--text-primary); }
html[data-theme="dark"] :is(.card,.panel,.toc,details) { background-color:var(--surface-1); color:var(--text-primary); border-color:var(--border); }
html[data-theme="dark"] :is(th,td) { border-color:var(--border); }
html[data-theme="dark"] thead { background:var(--surface-2); color:var(--text-primary); }
@media(max-width:560px) { .report-nav { gap:6px; font-size:12px; padding:10px 12px; } .report-nav__archive { display:none; } .report-nav .report-nav__button { padding:7px 9px; } .report-nav__home { gap:5px; } }
@media print { .report-nav { display:none; } }