/* Notebook / graph-paper theme. Loaded after style.css; only colours, type and surfaces change. */
@font-face{font-family:"Kalam";src:url(/fonts/kalam-bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#fbfaf4;--text:#1f2a36;--muted:#5b6773;--dim:#8a939c;--surface:#fff;--surface2:#eef2f6;--line:#cfd8e1;
 --blue:#1f5fa8;--blue2:#1f5fa8;--curve:#1f5fa8;--g:#7b848d;--good:#1f7a3f;--bad:#c8372d;--red:#c8372d;--grid:#dde7f0;--hand:"Kalam","Comic Sans MS",cursive}
html{color-scheme:light}
body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px}
#formulas{display:none}
.topbar{padding:0;position:relative}
.pill{max-width:none;border-radius:0;background:#fff;border:0;border-bottom:2px solid #33414f;box-shadow:none;padding:10px max(16px,calc(50% - 470px))}
.brand,a.brand{font-family:var(--hand);font-size:20px;color:var(--text)}
.logo{background:#fff;border:1.5px solid #33414f;border-radius:4px}
.logo-curve{stroke:var(--red)}
.tag{color:var(--muted);font-size:13px}
.iconbtn:hover{color:var(--text)}
h1{letter-spacing:-.01em;font-weight:800}
.hand,h1.hand{font-family:var(--hand);font-weight:700;letter-spacing:0;font-size:clamp(40px,8vw,60px);line-height:1;margin:6px 0 10px;color:var(--text)}
.eyebrow{color:var(--red);font-weight:600;letter-spacing:.02em}
input:not([type=radio]):not([type=range]){background:#fff;border:1.5px solid #9fb0c0;border-radius:6px;color:var(--text)}
input::placeholder{color:#9aa3ac}
input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,95,168,.18)}
.primary,.secondary{border-radius:6px}
.primary{background:var(--blue);color:#fff;box-shadow:0 3px 0 #133e70}
.primary:hover{filter:none;background:#1a5294}
.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #133e70}
.secondary{background:#fff;color:var(--text);border:1.5px solid #9fb0c0;box-shadow:none}.secondary:hover{background:#f3f6f9}
.link{color:var(--blue)}
.choice{background:#fff;border:1.5px solid #cfd8e1;border-radius:6px}
.choice:hover{border-color:#9fb0c0}
.choice:has(input:checked){background:#fff7e0;border-color:#33414f}
.box{border-color:#6b7480;border-radius:3px}.box::after{border-radius:1px;background:var(--red)}
.choice:has(input:checked) .box{border-color:#33414f}
.track{background:#e3e9ef;border-radius:2px}.track div{border-radius:2px}
.qmenu{background:#fff;box-shadow:0 10px 30px rgba(31,42,54,.15);border-radius:8px}
.qmenu button:hover,.qmenu button:focus-visible{background:#eef2f6}.qmenu [aria-current]{background:#fff7e0}
.graphcard{background:#fff;border:1.5px solid #33414f;border-radius:6px;box-shadow:4px 4px 0 #cfd8e1}
.gl{stroke:#dce6ef}.ax{stroke:#33414f}.tk{fill:#5b6773}.axl{fill:#1f2a36}
.curve.dash{stroke:#7b848d}
.cursor{stroke:#33414f}.pinc{stroke:#fff}.probeline{stroke:#7b848d}.probedot{stroke:#fff}
.chip{background:#e8f0f9;color:#1f4f87}
.vals{background:#fff;border:1px solid #cfd8e1}.vals th,.vals td{border-bottom:1px solid #e3e9ef}
.keys button{background:#eef2f6;color:var(--text)}
.rlist button,.revlist li{background:#fff;border:1.5px solid #cfd8e1;border-radius:6px}
.rlist button:hover{border-color:#9fb0c0}
.ringbg{stroke:#e3e9ef}
.hint{background:#fff7e0;color:#4a3b10;border-radius:6px}
#pgraph.wob{animation:wobx .4s}@keyframes wobx{25%{transform:translateX(-5px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
#pgraph.glow{animation:none}
.tablebox{background:#fff;border:1.5px solid #cfd8e1;border-radius:6px}.results td{border-top:1px solid #e3e9ef}
dialog{background:#fff;color:var(--text);border:1.5px solid #33414f;border-radius:8px}
#secretClose,#secretGrid button{background:#eef2f6;color:var(--text)}
#secretGrid button span{background:var(--red)}
.foot{color:var(--blue)}
/* landing */
.entry{max-width:940px;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.sheet{background:#fff;border:1.5px solid #33414f;border-radius:4px;padding:26px 26px 26px 54px;position:relative;box-shadow:5px 5px 0 #cfd8e1;
 background-image:linear-gradient(90deg,transparent 38px,#e9a6a0 38px,#e9a6a0 40px,transparent 40px),repeating-linear-gradient(transparent 0 29px,#e3ecf4 29px 30px)}
.sheet .lead{color:var(--muted);font-size:15.5px;margin:0 0 18px}
.notefig{margin:8px 0 0;max-width:300px}
.notefig svg{width:100%;height:auto;display:block;border:1.5px solid #33414f;background:#fff}
.notefig figcaption{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5}
.pen{font-family:var(--hand);font-weight:700;font-size:19px;color:var(--red)}
.pencil{font-family:var(--hand);font-weight:700;font-size:16px;color:#6b7480}
.formsheet label{font-size:14.5px}
.formsheet .primary{padding:12px 34px;font-size:16px}
@media (max-width:760px){
 .entry{grid-template-columns:1fr;gap:18px;margin-top:4px}
 .sheet{padding:20px 16px 20px 40px;background-image:linear-gradient(90deg,transparent 26px,#e9a6a0 26px,#e9a6a0 28px,transparent 28px),repeating-linear-gradient(transparent 0 29px,#e3ecf4 29px 30px)}
 .notefig{max-width:220px}
 .pill{padding:10px 14px}
}
.entry[hidden],[hidden]{display:none!important}