:root{color-scheme:light;--paper:#f5f0e6;--ink:#243b30;--muted:#596057;--line:#cecdbf;--cream:#fffdf8;--rust:#9e4029;--green:#3b6250}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--ink);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #986c13;outline-offset:5px}.skip{position:absolute;top:-5rem;left:1rem;background:var(--cream);padding:.7rem;z-index:2}.skip:focus{top:1rem}.masthead,main,footer{width:min(1180px,calc(100% - 64px));margin:auto}.masthead,footer{display:flex;justify-content:space-between;gap:1rem;padding:25px 0;border-bottom:1px solid var(--line);font-size:.85rem}.masthead a{font-weight:650}.masthead span,footer span{color:var(--muted)}.intro{max-width:850px;padding:65px 0 42px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;margin:0 0 1rem;color:var(--green)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12;margin:0 0 1rem}h1{font-size:clamp(2.7rem,5.4vw,4.9rem);letter-spacing:-.04em}h1 em{color:var(--rust);font-weight:400}h2{font-size:1.85rem;letter-spacing:-.025em}h3{font-size:1.35rem}.lead{max-width:780px;font-size:1.2rem;line-height:1.6;margin:1.6rem 0 1rem}.scope{font-size:.95rem;max-width:680px;color:var(--muted)}.notice{padding:1rem;border:1px solid var(--line);background:var(--cream)}.notice[hidden]{display:none}.experiment{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.25fr);border:1px solid var(--line);background:var(--cream);border-radius:3px;overflow:hidden}.control-panel{padding:32px;border-right:1px solid var(--line)}.result-panel{padding:32px;background:#eeede3}fieldset{padding:0;margin:1.8rem 0 0;border:0;min-width:0}.control{margin-top:1.5rem}.control:first-of-type{margin-top:0}label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.91rem;font-weight:650}output{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--rust)}input[type=range]{width:100%;height:28px;accent-color:var(--green);display:block;margin:10px 0 0;cursor:pointer}.endpoints{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);gap:8px}.hint{font-size:.77rem;line-height:1.55;color:var(--muted);margin:.6rem 0 0}.examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.5rem}.examples button{border:1px solid #9fada0;color:var(--ink);background:transparent;border-radius:3px;padding:10px 12px;font-size:.78rem;line-height:1.3;min-height:44px}.examples button:hover{background:#e9eee3}.examples button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.result .eyebrow{margin-bottom:.1rem}.gap{display:flex;align-items:baseline;gap:.7rem;font-family:Georgia,serif;font-size:4.6rem;line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:.2rem 0 .8rem}.gap .unit{font-size:1.35rem;letter-spacing:0}.result h2{font:600 1rem/1.4 system-ui,sans-serif;letter-spacing:0;margin-bottom:.4rem}.result>p:last-child{font-size:.86rem;line-height:1.55;margin:0;max-width:490px;min-height:2.7em}.result[data-state=overlap] .gap,.result[data-state=overlap] h2{color:var(--rust)}.result[data-state=contact] .gap{color:#735b1b}figure{margin:1.8rem 0 0}svg{display:block;width:100%;height:auto}.svg-heading{font:600 13px system-ui,sans-serif;letter-spacing:1.6px;fill:#394c3f}.svg-measure{font:600 17px system-ui,sans-serif;fill:#283c31}.svg-small{font:14px system-ui,sans-serif;fill:#515a4f}figcaption{font-size:.75rem;line-height:1.55;color:var(--muted);margin:.2rem 0 1.4rem}.budget{width:100%;border-collapse:collapse;font-size:.83rem;margin-top:1.4rem}.budget caption{text-align:left;font-family:Georgia,serif;font-size:1.3rem;margin-bottom:.8rem}.budget th,.budget td{padding:7px 0;border-bottom:1px solid var(--line)}.budget th{text-align:left;font-weight:400}.budget td,.budget thead th:last-child{text-align:right;font-variant-numeric:tabular-nums}.budget thead th{font-size:.69rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.budget tfoot th,.budget tfoot td{font-weight:700;border-bottom:0;padding-top:11px}.sensitivity{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:48px;padding:48px 0;border-bottom:1px solid var(--line)}.sensitivity p:not(.eyebrow){font-size:.9rem}.sensitivity figure{margin:0}.contact-note{color:var(--green);font-weight:600}.explanation{padding:45px 0 55px}.equation{font-family:Georgia,serif;font-size:1.2rem;padding:20px 0;border-block:1px solid var(--line);margin:1.7rem 0 2rem}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.notes-grid p{font-size:.88rem}.notes-grid p:last-child{margin-bottom:0}details{margin-top:2rem;border-block:1px solid var(--line);padding:17px 0;font-size:.87rem}summary{font-weight:650;cursor:pointer}details p{max-width:850px}footer{border-bottom:0;border-top:1px solid var(--line);padding:22px 0 45px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.masthead,main,footer{width:calc(100% - 36px)}.intro{padding:42px 0 28px}.experiment{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid var(--line)}.control-panel,.result-panel{padding:24px}.sensitivity{grid-template-columns:1fr;gap:18px}.notes-grid{gap:28px}.masthead span{display:none}footer{flex-wrap:wrap}}@media(max-width:480px){body{font-size:16px}.masthead,main,footer{width:calc(100% - 28px)}h1{font-size:2.75rem}.lead{font-size:1.05rem}.control-panel,.result-panel{padding:20px}.notes-grid{grid-template-columns:1fr}.gap{font-size:4.2rem}.sensitivity{padding:35px 0}.svg-small{font-size:16px}.examples button{flex:1 1 44%}label{font-size:.83rem}.explanation{padding-top:32px}.equation{font-size:1.05rem}}