:root{color-scheme:light;--bg:#f3f1e9;--ink:#222920;--muted:#67705f;--line:#d7dacd;--green:#355c38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}header,footer{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 40px;font-size:12px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;font-weight:800;font-size:28px;letter-spacing:-2px}.brand span{font:10px/1.4 monospace;letter-spacing:1px}main{max-width:1400px;margin:auto;padding:0 40px}.hero{padding:65px 0 45px;position:relative}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.5px;color:var(--muted)}h1{font:clamp(70px,9vw,132px)/.94 Georgia,serif;letter-spacing:-6px;margin:24px 0}h1 em{font-weight:normal;color:var(--green)}.intro{position:absolute;left:57%;top:120px;font-size:22px;line-height:1.6;max-width:390px}.byline{font:11px monospace;color:var(--muted);margin-top:30px}.workspace{display:grid;grid-template-columns:285px 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fbfcf6}aside{padding:28px;border-right:1px solid var(--line);background:#e9eddf}h2{font:30px/1.15 Georgia,serif;letter-spacing:-.7px;margin:14px 0 22px}aside h2{font-size:25px}label{display:block;font-size:12px;font-weight:650;margin-top:20px}select{width:100%;border:1px solid #aab5a2;border-radius:7px;background:#fbfcf6;padding:11px;margin-top:8px;font:inherit;font-size:14px}aside p{font-size:13px;color:var(--muted)}#arms{display:flex;gap:8px;margin:18px 0}#arms span{background:#fbfcf6;border:1px solid var(--line);padding:8px;border-radius:6px;font:12px monospace;flex:1;text-align:center}input[type=range]{width:100%;accent-color:var(--green);margin:15px 0}output{float:right}input[type=checkbox]{accent-color:var(--green)}.check{display:flex;gap:8px;align-items:center}.canvas{padding:28px;min-width:0}.chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.pill{font:10px monospace;white-space:nowrap;border:1px solid #b4c7a7;color:var(--green);border-radius:20px;padding:7px 10px}#legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;margin-bottom:16px}#legend span::before{content:'';display:inline-block;background:var(--color);width:9px;height:9px;border-radius:50%;margin-right:5px}svg{width:100%;height:auto;overflow:visible}svg text{font:11px monospace;fill:#687361}.fine{font-size:11px;line-height:1.7;color:var(--muted)}#insight{background:#e9eddf;border-radius:9px;padding:16px;font-size:14px;min-height:76px}.results{padding:56px 0 40px}.results>p{font-size:13px;color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}caption{text-align:left;color:var(--muted);font-size:11px;margin:8px 0}th{font:11px monospace;color:var(--muted);padding:16px 12px;border-bottom:1px solid var(--ink)}td{padding:18px 12px;border-bottom:1px solid var(--line)}td:first-child{font-weight:650}button{background:var(--ink);color:white;font:13px system-ui;border:0;border-radius:7px;padding:13px 20px;margin-top:22px;cursor:pointer}button:hover{background:var(--green)}.notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px 0 70px;border-top:1px solid var(--line)}.notes p{font-size:14px;color:#56614e}.notes a{font-size:12px}footer{border-top:1px solid var(--line);border-bottom:0;font:10px monospace;color:var(--muted);gap:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd631d;outline-offset:4px}@media(max-width:950px){.intro{position:static;font-size:18px}.workspace{grid-template-columns:230px 1fr}.canvas,aside{padding:20px}.chart-head{display:block}.pill{display:inline-block;margin-bottom:16px}}@media(max-width:650px){header,footer{padding:20px}.brand span{font-size:8px}header>a:last-child{font-size:10px;max-width:100px}main{padding:0 20px}.hero{padding:40px 0 25px}h1{letter-spacing:-4px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.notes{grid-template-columns:1fr;gap:20px}.results{padding-top:35px}footer{align-items:start;flex-direction:column}table{min-width:620px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root .download{display:inline-block;background:var(--ink);color:#fff;font:13px system-ui;border-radius:7px;padding:13px 20px;margin-top:22px;text-decoration:none}.download:hover{background:var(--green)}