/* Shared look for the interactive pages: same palette and typography as the notes pages (assets/style.css) */
:root{--bg:#fdfdfc;--fg:#1a1a19;--muted:#57564f;--grid:#e2e1da;--card:#f5f4f0;--accent:#2f6fb5}
@media (prefers-color-scheme:dark){:root{--bg:#161615;--fg:#eceae3;--muted:#b6b4ab;--grid:#33312e;--card:#211f1e;--accent:#7fb2e8}}
body{font:400 17px/1.7 ui-serif,Georgia,"Iowan Old Style",serif}
h1,h2,h3,h4,button,select,input,label,output,table,.axis text,.nums b,.row,.opts,.cols{font-family:ui-sans-serif,-apple-system,"Segoe UI",sans-serif}
.row,.opts,label,.nums,table{font-size:15px;line-height:1.5}
h1{font-size:1.9rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
h2{font-size:1.3rem;font-weight:600;line-height:1.3}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}
.card{background:var(--card);border:1px solid var(--grid);border-radius:10px}
svg{border:.5px solid var(--grid);border-radius:10px}
.muted{line-height:1.6}
.topnav{font:400 14px/1.5 ui-sans-serif,-apple-system,"Segoe UI",sans-serif;max-width:960px;margin:0 auto;padding:12px 16px 0;color:var(--muted)}
.topnav a{color:var(--muted);text-decoration:none}.topnav a:hover{color:var(--accent)}