.notebook-opening{max-width:900px;margin:45px 0 38px}.notebook-opening h1{font-size:clamp(34px,4.4vw,59px);line-height:1.06;letter-spacing:-1.8px;max-width:850px;margin:16px 0 22px}.notebook-dek{max-width:720px;font-size:18px;line-height:1.65;color:var(--muted)}.notebook-controls{display:flex;flex-wrap:wrap;gap:24px;align-items:end;margin-top:28px}.notebook-controls label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.notebook-controls select{max-width:100%;padding:10px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}.notebook-controls>span{font-size:11px;color:var(--muted);line-height:1.7}.notebook-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.notebook-comparison article{min-width:0;padding:24px 0;border-top:2px solid var(--accent)}.notebook-comparison h2{font-size:43px;letter-spacing:-1.2px;margin:13px 0}.notebook-comparison svg{width:100%;height:auto}.notebook-comparison p{font-size:13px;line-height:1.65}.notebook-caption{color:var(--muted);font-size:11px!important}.notebook-argument{max-width:780px;margin:45px 0;padding-top:26px;border-top:1px solid var(--line)}.notebook-argument h2{font-size:28px;line-height:1.25;margin:12px 0 20px}.notebook-argument p{font-size:16px;line-height:1.85}.notebook-argument button{margin-top:10px;padding:13px 17px}.notebook-counterpoint details{margin-top:25px}.notebook-counterpoint dl{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;font-size:12px;line-height:1.6}.notebook-counterpoint dd{margin:0}.chapter-hash{overflow-wrap:anywhere}@media(max-width:650px){.notebook-opening{margin-top:28px}.notebook-opening h1{letter-spacing:-1px}.notebook-dek{font-size:16px}.notebook-comparison{grid-template-columns:1fr;gap:10px}.notebook-comparison h2{font-size:38px}.notebook-controls{display:block}.notebook-controls>span{display:block;margin-top:15px}.notebook-counterpoint dl{grid-template-columns:1fr;gap:6px}.notebook-counterpoint dt{font-weight:700}.notebook-counterpoint dd{margin-bottom:10px}}

/* The question and strongest comparison belong in the opening viewport. */
main{padding-top:24px}.notebook-opening{margin-top:28px;margin-bottom:25px}.notebook-opening h1{margin-top:12px;margin-bottom:17px}.notebook-dek{font-size:17px;margin-bottom:8px}.notebook-controls{margin-top:20px}.notebook-controls .sample-tag{padding:4px 7px;font-size:10px}@media(max-width:650px){.notebook-opening{margin-top:20px}.notebook-dek{font-size:16px}.notebook-controls{margin-top:18px}}
