*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;background:var(--paper,#fafaf7);color:var(--ink,#202521)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:0;background:var(--accent,#304d40);color:var(--buttonInk,#fff);padding:11px 17px;border-radius:var(--radius,5px);font-weight:700;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus,#ed9555);outline-offset:4px}input,select,textarea{min-width:0;max-width:100%;color:var(--ink);background:var(--field,#fff);border:1px solid var(--line,#cbd1cb);padding:10px 12px;border-radius:var(--radius,5px)}textarea{min-height:100px;resize:vertical}input[type=range]{accent-color:var(--accent);padding:0}input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px;flex:none}input[type=number]{width:100%}label{display:block;font-size:.86rem;font-weight:700}select,textarea{width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6vw,6.4rem)}h2{font-size:clamp(1.7rem,3vw,2.8rem)}h3{font-size:1.25rem}img,svg{max-width:100%;height:auto}img{display:block}svg text{font-family:inherit}.identity{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;font-weight:800;line-height:1.15}.logo{font-size:28px;display:inline-grid;place-items:center;flex-shrink:0}.kicker{text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:800}.muted{opacity:.72}.subtle{background:transparent;color:inherit;border:1px solid var(--line,#cbd1cb)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:10px}.form label{margin:14px 0 5px}.form input:not([type=checkbox]),.form button{max-width:100%}.form button{margin-top:9px}.status,#status{font-size:.87rem;white-space:pre-line;min-height:2.8em;margin:18px 0 0;line-height:1.55}.how{font-size:.9rem;margin:22px 0;max-width:800px}.how summary{cursor:pointer;font-weight:700;padding:10px 0}.how p{margin-top:12px}.checkline{display:flex;align-items:flex-start;gap:9px;font-size:.92rem;margin:10px 0;padding:8px 0}.checkline input{margin-top:3px}pre{white-space:pre-wrap;overflow-wrap:anywhere}.site-footer{padding:28px max(24px,4vw);border-top:1px solid var(--line,#ccc);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer p{margin:0}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:15px;z-index:1000}.skip:focus{top:10px}.readings{padding:65px max(24px,5vw)}.readings .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.readings .card{border-top:1px solid var(--line);padding-top:20px}.readings .card h3{line-height:1.25}.readings .card p{font-size:.9rem;opacity:.8}.reading-title{display:flex;gap:20px;justify-content:space-between;align-items:baseline;margin-bottom:30px}.reading-title p{margin:0}.extra-tool{margin:25px 0;padding:20px;border:1px solid var(--line)}.extra-tool summary{font-weight:700;cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.article-page main{max-width:880px;margin:50px auto;padding:0 25px}.article-page header{padding:25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.article-page header nav{display:flex;gap:20px;flex-wrap:wrap}.article-page h1{font-size:clamp(2.3rem,5vw,4rem)}.article-page h2{font-size:1.8rem;margin-top:35px}.article-page p,.article-page li{max-width:74ch}.article-page table{max-width:100%;border-collapse:collapse}.article-page td,.article-page th{padding:9px;border:1px solid var(--line)}.article-page .brand-mark{display:none}.article-page .card{padding:20px;border:1px solid var(--line)}.article-page footer{padding:30px}.article-page .hero{padding:20px 0}.article-page .hero h1{margin-top:20px}.article-page .grid{display:grid;gap:20px}.article-page .container{max-width:880px;margin:auto}@media(max-width:760px){.readings .grid{grid-template-columns:1fr 1fr}.readings{padding:38px 22px}.reading-title{display:block}.site-footer{padding:25px 22px}.article-page header{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.readings .grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{header,.site-footer,.readings,.no-print,.how,.skip{display:none!important}body{background:white!important;color:black!important}button{display:none!important}main{display:block!important;padding:0!important}input,select,textarea{border:1px solid #999!important;background:white!important;color:black!important}*{box-shadow:none!important;animation:none!important}#printSheet{break-inside:avoid}svg{max-height:80vh}}
body{--paper:#f5f5ef;--ink:#212324;--accent:#5c43d1;--line:#cdd0c9;--radius:0;--focus:#ad5b19;font-family:Arial,sans-serif}.number-header{display:flex;justify-content:space-between;align-items:center;padding:27px 5%;border-bottom:1px solid #cdd0c9;gap:20px}.number-header .identity{font-size:18px}.number-header .logo{display:grid;place-items:center;width:38px;height:38px;border:1px solid #222;font:24px Georgia}.number-header>a:not(.identity){font-size:11px}.number-header>.kicker{font-size:8px;color:#7d847a}.number-intro{padding:50px 6% 40px;display:flex;gap:55px;align-items:flex-start}.section-number{font:13px monospace;color:#868d80;white-space:nowrap}.number-intro h1{font-size:clamp(55px,7vw,95px);line-height:.95;letter-spacing:-.065em;font-weight:500;margin:0 0 25px}.number-intro h1>span{color:#90978c}.number-intro p{font-size:14px;color:#6f766c;line-height:1.8}.number-lab{margin:0 6%;border:1px solid #bfc5ba}.mode-tabs{display:flex;border-bottom:1px solid #bfc5ba}.mode-tabs button{flex:1;background:transparent;color:#777f70;border-right:1px solid #bfc5ba;font:11px monospace;padding:18px;text-align:left}.mode-tabs button:last-child{border-right:0}.mode-tabs button[aria-pressed=true]{background:#2b3029;color:#f2f4eb}.equation-inputs{display:grid;grid-template-columns:1fr 50px 1fr 35px 70px;align-items:end;gap:20px;padding:35px 40px;border-bottom:1px solid #c5cbbf}.equation-inputs label{font:10px monospace;color:#858d7c;text-transform:uppercase;letter-spacing:.06em}.equation-inputs input{background:transparent;border:0;border-bottom:1px solid #adb79f;padding:10px 0 0;font-size:clamp(40px,5vw,70px);font-weight:400;letter-spacing:-.075em;color:#2c3627}.equation-inputs>span{font:42px Georgia;padding-bottom:10px;color:#849274}.equation-inputs>button{font:42px Georgia;height:72px;background:#e5e8dd;color:#57604b}.number-result{display:grid;grid-template-columns:1fr 1fr;background:#e8e3f8;padding:35px 40px;gap:40px}.number-result .kicker{font:9px monospace;letter-spacing:.08em;color:#8773b9}#numberResult{font-size:clamp(65px,9vw,120px);letter-spacing:-.07em;color:#6047b9;font-weight:500;line-height:1.2;overflow-wrap:anywhere}.visual-explanation{align-self:center}.visual-explanation #bars>div{font:9px monospace;color:#8d7daf;margin:10px 0}.visual-explanation #bars span{height:11px;display:block;background:#b6a3de;margin-top:8px;transition:width .3s}.visual-explanation #bars>div+div span{background:#6d4fbe}.visual-explanation #status{font:13px/1.8 monospace;color:#6d589d;margin-top:20px}.visual-explanation button{font-size:10px;padding:8px 12px;border-color:#beadde;color:#8167b1}.example-strip{display:flex;gap:15px;align-items:center;padding:17px 25px;flex-wrap:wrap;border-top:1px solid #bfc5ba}.example-strip>span{font:8px monospace;color:#8c9484}.example-strip button{background:transparent;color:#58624c;font:10px monospace;border-bottom:1px solid #bec6b3;padding:5px 0}.calculation-ledger{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:65px 6%}.calculation-ledger h2{font-size:39px;font-weight:400;letter-spacing:-.05em;margin:20px 0}.calculation-ledger p{font-size:12px;color:#87917a;max-width:270px;line-height:1.8}.calculation-ledger button{font-size:10px}.calculation-ledger ol{padding:0;list-style:none;margin:0 0 20px}.calculation-ledger li{border-bottom:1px solid #ccd4bf;padding:18px 10px;font:13px/1.7 monospace;color:#56654a}.empty-ledger{opacity:.5}.number-knowledge{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:50px 6%;background:#2a3028;color:#e5ebdd}.number-knowledge>div>h2{font-size:38px;font-weight:400;margin-top:20px;letter-spacing:-.05em}.number-knowledge>div:nth-child(2)>h2{font-size:23px;margin-top:0}.number-knowledge p{font-size:13px;line-height:1.85;color:#b7c1ab}.number-knowledge .how{font-size:11px}.site-footer{color:#8c9680}@media(max-width:850px){.number-header>.kicker{display:none}.number-intro{gap:25px}.equation-inputs{gap:12px;padding:25px;grid-template-columns:1fr 25px 1fr 20px 50px}.equation-inputs>button{height:60px;font-size:35px}.number-result{padding:30px;gap:25px}.number-result #numberResult{font-size:80px}.calculation-ledger,.number-knowledge{gap:30px}}@media(max-width:550px){.number-header{padding:20px}.number-header>a:not(.identity){font-size:9px;max-width:100px}.number-intro{padding:35px 22px;gap:15px}.number-intro h1{font-size:51px}.number-intro .section-number{font-size:10px}.number-intro p{font-size:12px}.number-lab{margin:0 18px}.mode-tabs button{font-size:8px;padding:13px 8px}.equation-inputs{padding:20px 15px;gap:7px;grid-template-columns:1fr 15px 1fr 13px 35px}.equation-inputs label{font-size:8px}.equation-inputs input{font-size:37px}.equation-inputs>span{font-size:22px}.equation-inputs>button{height:43px;font-size:25px;padding:0}.number-result{grid-template-columns:1fr;gap:10px;padding:25px}.number-result #numberResult{font-size:80px}.visual-explanation #status{font-size:11px}.example-strip{gap:10px;padding:15px}.example-strip>span{width:100%}.example-strip button{font-size:9px}.calculation-ledger,.number-knowledge{grid-template-columns:1fr;padding:40px 25px;gap:25px}.calculation-ledger h2,.number-knowledge>div>h2{font-size:34px}}
.ad-placement{margin:45px auto;padding:22px 20px;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1120px;text-align:center;clear:both;min-height:140px}.ad-placement>span{display:block;font:9px monospace;text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin-bottom:14px}.ad-placement .ad-mount{min-height:100px;overflow:hidden}.ad-placement[data-ad-placement=content] .ad-mount{min-height:250px}.ad-placement[data-ad-preview=true]{opacity:.6}.ad-placement[data-ad-preview=true] .ad-mount{border:1px dashed currentColor;display:grid;place-items:center;font:11px monospace}@media(max-width:600px){.ad-placement{margin:35px 18px;padding:20px 0;max-width:calc(100% - 36px);min-height:140px}.ad-placement .ad-mount{min-height:100px}.ad-placement[data-ad-placement=content] .ad-mount{min-height:250px}}@media print{.ad-placement{display:none!important}}.number-header>.kicker,.equation-inputs label,.example-strip>span{color:#59664e}.number-intro p{color:#59664e}.calculation-ledger p{color:#59664e}.number-result .kicker,.visual-explanation #bars>div{color:#70559d}.visual-explanation button{color:#654690}.number-knowledge p{color:#c2ccb7}.site-footer{color:#58644d}
@media(pointer:coarse){button{min-height:44px}.drawing-colors button{width:36px;min-height:36px}.cell{min-height:44px}}
