/* Shared appearance controls; data and chart semantics remain unchanged. */
:root{--field:#17263b;--pill-bg:#19334b;--pill-border:#355c78;--pill-text:#a9dbff;--track:#25374d}
html[data-theme="light"]{color-scheme:light;--bg:#f4f7fb;--card:#fff;--edge:#d7e2ef;--text:#182b43;--muted:#566a82;--up:#087d60;--down:#c13b58;--accent:#276cc6;--field:#fff;--pill-bg:#e5f2ff;--pill-border:#b6d4f1;--pill-text:#215e92;--track:#dce6f0}
html[data-theme="light"] select,html[data-theme="light"] input,html[data-theme="light"] button{background:var(--field);color:var(--text);border-color:var(--edge)}
html[data-theme="light"] button.active{background:#dbeafd;border-color:#6397d6}
html[data-theme="light"] .pill{background:var(--pill-bg);color:var(--pill-text);border-color:var(--pill-border)}
html[data-theme="light"] .track{background:var(--track)}
html[data-theme="light"] .nav a.active{background:#dbeafd;color:#1b4d89;border-color:#6397d6}
html[data-theme="light"] .error{background:#fff0f2;color:#a82341}
html[data-theme="light"] .report-output{background:#f5f8fc}
.appearance{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;color:var(--muted);font-size:13px}
.appearance select{padding:7px 10px;font-size:13px}
.report-output{display:block;width:100%;min-height:160px;max-height:340px;resize:vertical;white-space:pre-wrap;line-height:1.65;background:var(--field);color:var(--text);border:1px solid var(--edge);border-radius:10px;padding:12px;font:13px/1.65 ui-monospace,SFMono-Regular,monospace}
.report-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.report-actions button{background:#315889;color:#fff;border-color:#80b6ff}
.report-hint{font-size:12px;color:var(--muted);margin:8px 0}
@media(max-width:760px){.tablewrap{max-width:100%;-webkit-overflow-scrolling:touch}.chart rect[role="button"]{outline-offset:2px}.report-output{min-height:200px}}

/* Unified navigation and responsive controls on both pages. */
.nav{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 20px}
.nav a{color:var(--muted);border:1px solid var(--edge);padding:9px 14px;border-radius:11px;text-decoration:none}
.nav a.active{background:#315889;color:#fff;border-color:#80b6ff}
html[data-theme="light"] .nav a.active{background:#dbeafd;color:#1b4d89;border-color:#6397d6}
html[data-theme="light"] .report-actions button{background:#225c9e;color:#fff;border-color:#225c9e}
html[data-theme="light"] .notice{color:var(--muted)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.toolbar select,.toolbar input{min-width:0;max-width:100%}.nav a{flex:1;text-align:center;white-space:nowrap}.report-actions button{flex:1}}