/* Theme preference and controls for the notebook. */
:root{--card:#fff;--hover:#133c34;--button-hover:#174b40}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e9eeeb;--muted:#b4c2bd;--paper:#182422;--line:#3b4a45;--accent:#8cd4bc;--card:#22322d;--hover:#b9ecd9;--button-hover:#c0eddd}
a:hover{color:var(--hover)}.card{background:var(--card)}.button{background:var(--accent);color:var(--paper)}.button:hover{background:var(--button-hover);color:var(--paper)}
.theme-control{font:inherit;font-size:12px;line-height:1.4;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:5px;padding:6px 9px;cursor:pointer}
.theme-control:hover{color:var(--ink);border-color:var(--accent)}.theme-control:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.theme-control[hidden]{display:none}
@media(max-width:420px){.top{flex-wrap:wrap;gap:14px}.top nav{width:100%;justify-content:flex-start}}nav{align-items:center;gap:20px}@media(max-width:560px){nav{gap:13px}.theme-control{font-size:11px;padding:5px 7px}}