:root{color-scheme:dark;--bg:#060708;--panel:#0c0d10;--edge:#292e34;--text:#e8e6e1;--muted:#a5a9ae;--amber:#d4934a;--call:#8cc79a;--put:#df9083;--price:#79c4ee;font-family:Arial,sans-serif;font-size:16px;line-height:1.65;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--amber)}button,input{font:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button{cursor:pointer}main{max-width:1200px;margin:auto;padding:0 32px}.site-head{max-width:1200px;margin:auto;min-height:84px;display:flex;align-items:center;gap:28px;padding:20px 32px;border-bottom:1px solid var(--edge);font-family:Consolas,monospace;font-size:.75rem;letter-spacing:.07em;color:var(--muted)}.brand{font-size:1.05rem;color:var(--text);font-weight:bold;text-decoration:none}.brand span{color:var(--amber)}.draft{margin-left:auto;border:1px solid var(--edge);padding:4px 10px;font-size:.65rem}.intro{max-width:900px;padding:62px 0 30px}.eyebrow{font: .72rem/1.5 Consolas,monospace;letter-spacing:.13em;color:var(--amber);margin:0 0 15px}h1,h2,h3{line-height:1.2;margin:0;font-weight:600;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,4vw,3.3rem);letter-spacing:-.04em}h1 span{color:#b9bdc1}h2{font-size:clamp(1.5rem,2.8vw,2rem)}h3{font-size:1.05rem;letter-spacing:-.01em}.standfirst{font-size:1.1rem;line-height:1.7;max-width:800px;margin:24px 0 12px}.definition{color:var(--muted);max-width:790px;font-size:.9rem}.contents{display:flex;flex-wrap:wrap;gap:12px 26px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:18px 0;font-size:.83rem}.contents a{text-decoration:none}section{padding:54px 0;border-bottom:1px solid var(--edge);scroll-margin-top:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.example-badge,.section-aside{text-align:right;font-size:.75rem;color:var(--muted);margin:0;max-width:260px}.example-badge{border-left:2px solid var(--amber);padding-left:15px}.chart-card{border:1px solid var(--edge);background:var(--panel);padding:24px 24px 0}.chart-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.chart-heading p{font-size:.8rem;color:var(--muted);margin:7px 0}.toggle{font-size:.78rem;white-space:nowrap;display:flex;align-items:center;gap:8px}.toggle input{width:17px;height:17px;accent-color:var(--amber)}.legend{display:flex;gap:22px;flex-wrap:wrap;font-size:.82rem;margin:12px 0 0}.call{color:var(--call)}.put{color:var(--put)}.price{color:var(--price)}.difference{color:var(--text)}.chart{width:100%;min-height:200px}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-description{font-size:.77rem;color:var(--muted);margin:8px 0 0}.chart-lower-head{border-top:1px solid var(--edge);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.segmented{border:0;display:flex;margin:0;padding:0;font-size:.75rem}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.segmented span{display:block;border:1px solid var(--edge);padding:6px 13px;color:var(--muted)}.segmented input:checked+span{color:var(--text);background:#20242a;border-color:#929aa3}.segmented input:focus-visible+span{outline:2px solid var(--amber);outline-offset:3px}.minute-picker{border-top:1px solid var(--edge);padding:16px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;font-size:.75rem;color:var(--muted)}#minutes{display:flex;gap:5px;flex-wrap:wrap}#minutes button{border:1px solid var(--edge);background:transparent;color:var(--text);padding:6px 12px;font-family:Consolas,monospace;font-size:.8rem}#minutes button[aria-pressed=true]{color:#10100c;background:var(--amber);border-color:var(--amber)}.readout{padding:16px 0;border-top:1px solid var(--edge);display:flex;flex-wrap:wrap;gap:12px 26px;font: .8rem/1.5 Consolas,monospace}.readout strong{color:var(--text)}.caption{font-size:.8rem;color:var(--muted);max-width:950px;margin:14px 0 0}.calculation-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.ledger-panel{min-width:0}.ledger-panel h3{margin:0 0 18px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.8rem;white-space:nowrap;text-align:left}th{font-weight:normal;color:var(--muted);font-size:.7rem;border-bottom:1px solid #555c63;padding:10px 10px 10px 0}td{border-bottom:1px solid var(--edge);padding:12px 10px 12px 0}td:nth-child(n+3),th:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}td:last-child,th:last-child{padding-right:0}.arithmetic{background:var(--panel);border-left:2px solid var(--amber);padding:22px}.arithmetic p{margin:0 0 18px;font-size:.82rem}.arithmetic p:last-child{margin:0}.arithmetic span,.arithmetic strong{display:block}.arithmetic span{color:var(--muted)}.arithmetic strong{font-family:Consolas,monospace;font-weight:normal;margin-top:5px}.reference{border-top:1px solid var(--edge);margin-top:25px;padding-top:17px;font-size:.9rem}.reference summary{cursor:pointer;line-height:1.5}.reference p{max-width:880px;color:var(--muted)}.measure-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.measure-cards article{border-top:2px solid #626b73;padding-top:16px}.unit{font:.68rem/1.5 Consolas,monospace;color:var(--amber);letter-spacing:.05em;display:block;margin-bottom:12px}.measure-cards p,.scope-grid p,.question-list p{font-size:.9rem;color:var(--muted)}.measure-cards .use{color:var(--text);padding-top:10px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.question-list{margin-top:28px}.question-list article{display:flex;gap:22px;padding:21px 0;border-top:1px solid var(--edge)}.question-list article>span{color:var(--amber);font:.85rem Consolas,monospace}.question-list p{margin-bottom:0;max-width:830px}.next-read>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.next-read a{border:1px solid var(--edge);text-decoration:none;font-size:.85rem;display:flex;justify-content:space-between;gap:12px;padding:18px}.next-read a span{color:var(--amber)}footer{padding:35px 0 55px;color:var(--muted);font-size:.78rem}footer h2{font-size:1rem;color:var(--text)}footer p{max-width:890px}footer ul{padding-left:18px}.notice{border-left:2px solid var(--amber);padding:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.svg-label{fill:var(--muted);font:12px Consolas,monospace}.svg-grid{stroke:#2e333a;stroke-width:1;stroke-dasharray:3 5}.svg-zero{stroke:#7d868e;stroke-width:1}.svg-selected{stroke:var(--amber);stroke-width:1.2;stroke-dasharray:3 4}
@media(max-width:760px){main{padding:0 20px}.site-head{padding:18px 20px;gap:12px}.site-head>span:not(.draft){display:none}.intro{padding:35px 0 22px}.standfirst{font-size:1rem}.definition{font-size:.83rem}.contents{gap:12px 18px;font-size:.78rem}section{padding:35px 0}.section-head{display:block}.example-badge,.section-aside{text-align:left;margin-top:16px;max-width:none}.chart-card{padding:18px 12px 0}.chart-heading{display:block}.toggle{margin-top:12px}.legend{gap:15px;font-size:.76rem}.chart-lower-head{align-items:start;flex-direction:column}.minute-picker{align-items:start}.readout{gap:8px 16px;font-size:.74rem}.calculation-grid{grid-template-columns:1fr}.arithmetic{display:block}#math{display:grid;grid-template-columns:1fr 1fr;gap:15px}.arithmetic p{margin:0}.measure-cards{grid-template-columns:1fr;gap:22px}.scope-grid{grid-template-columns:1fr;gap:18px}.next-read>div{grid-template-columns:1fr;gap:12px}.next-read a{padding:16px}.caption{font-size:.77rem}.chart{min-height:0}.draft{font-size:.6rem}.arithmetic{padding:18px}h1{font-size:2rem}#minutes button{min-height:40px;padding:6px 10px}}
.section-intro{max-width:840px;color:var(--muted);font-size:.95rem;margin:20px 0 26px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison-grid figure{min-width:0;margin:0;padding:20px 14px 8px;background:var(--panel);border:1px solid var(--edge)}.comparison-grid figcaption{padding:0 6px}.comparison-grid figcaption p{font-size:.82rem;color:var(--muted);margin:8px 0 12px}.comparison-grid svg{display:block;width:100%;height:auto}.comparison-grid .svg-label{font-size:12px}.comparison-table{margin-top:22px}.comparison-table caption{text-align:left;color:var(--muted);font-size:.78rem;padding-bottom:8px}.comparison-table td,.comparison-table th:not(:first-child){text-align:right}.comparison-table th:first-child{text-align:left}.reading-note{border-left:2px solid var(--amber);padding:2px 0 2px 20px;margin-top:28px;max-width:900px}.reading-note p{color:var(--muted);font-size:.88rem}.reading-note p:last-child{margin-bottom:0}@media(max-width:760px){.comparison-grid{grid-template-columns:1fr;gap:16px}.comparison-grid figure{padding:16px 10px 4px}.comparison-grid .svg-label{font-size:14px}.section-intro{font-size:.88rem}.reading-note{padding-left:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}