:root{color-scheme:light;--ink:#213c42;--muted:#56696c;--paper:#f6f3eb;--card:#fffef9;--line:#ccd5ce;--teal:#126d71;--gold:#b37720;--policy:#7562ad;--market:#bf7159;--tech:#398065}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1280px;margin:auto;padding:24px}a{color:#086469;text-underline-offset:3px}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #a6b9b5;border-radius:6px;padding:8px 12px;color:var(--ink);font-weight:650}button:hover{background:#e8f1e9}button.primary{background:var(--teal);color:white}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #9aaca8;border-radius:5px;padding:8px;background:#fff;color:var(--ink)}input[type=checkbox],input[type=range]{width:auto}input[type=range]{width:100%;accent-color:var(--teal)}input[type=checkbox]{accent-color:var(--teal)}label{display:block;font-size:.88rem;font-weight:650;margin:10px 0 5px}h1{font:clamp(2.4rem,5vw,4.5rem)/1.06 Georgia,serif;letter-spacing:-.04em;margin:.3em 0}h2{font-size:1.32rem;line-height:1.25;margin:0}h3{font-size:1rem;margin:0}p{margin:.75em 0}nav{display:flex;gap:10px;flex-wrap:wrap;font-size:.9rem}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;margin-top:30px}.hero img{width:100%;height:auto;border-radius:14px}.lead{font-size:1.24rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:750;color:var(--teal);margin:0}.boundary{background:#e7eeea;border-left:4px solid var(--teal);padding:13px 17px;font-size:.94rem}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{font-size:.84rem}#status{min-height:1.6em;color:var(--teal);font-size:.9rem}#status.error,[role=alert]{color:#a03127}.guide,.panel,.explanations details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;margin:0 0 22px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.panel-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head button{font-size:.8rem;flex-shrink:0}.small{font-size:.79rem;color:var(--muted)}.library{padding:16px}.scenario{border-top:1px solid var(--line);padding:13px 0}.scenario-main{display:flex;gap:10px;align-items:flex-start}.scenario-main label{margin:0;flex:1;cursor:pointer}.scenario-main input{margin-top:6px;flex-shrink:0}.scenario p{margin:4px 0 7px}.scenario button{font-size:.76rem;padding:5px 9px}.type{display:inline-block;border-radius:20px;padding:1px 7px;background:#efebe4;font-size:.7rem;margin-right:5px}.type.policy{color:#604c94}.type.market{color:#98503c}.type.tech{color:#2a6951}#scenarios{max-height:800px;overflow:auto;padding-right:6px}.controls{display:grid;grid-template-columns:1fr .8fr 1.3fr;gap:12px}.controls label{margin-top:0}.timeline{min-width:0}.chart-scroll,.table-scroll{max-width:100%;overflow:auto;border:1px solid #e2e6de;border-radius:5px;margin:12px 0}.chart-scroll svg{display:block;min-width:760px;width:100%;background:#fafbf7;touch-action:pan-y}.chart-scroll svg .milestone-line{cursor:ew-resize;touch-action:none}.table-scroll{max-height:440px}table{border-collapse:collapse;width:100%;font-size:.78rem;font-variant-numeric:tabular-nums}th,td{text-align:right;border-bottom:1px solid #e0e5df;padding:7px 9px;white-space:nowrap}th:first-child,td:first-child{text-align:left}thead{position:sticky;top:0;background:#e8eeea;z-index:1}caption{text-align:left;font-size:.78rem;color:var(--muted);padding:8px}summary{cursor:pointer;font-weight:700;color:var(--teal)}details[open]>summary{margin-bottom:12px}.milestone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.milestone-card{border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0}.milestone-card h3{font-size:1.06rem}.milestone-card .attention{font-size:1.15rem;font-weight:750;margin:12px 0 4px}.milestone-card ul{font-size:.83rem;padding-left:20px}.milestone-card li{margin:9px 0}.milestone-card button{font-size:.75rem;padding:4px 8px;margin-top:9px}.swap-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.explanations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explanations details{font-size:.86rem;height:fit-content}code{font-size:.87em;overflow-wrap:anywhere}dialog{border:1px solid #a6b9b5;border-radius:12px;color:var(--ink);background:var(--card);width:min(700px,94vw);padding:24px;max-height:90vh;overflow:auto}dialog::backdrop{background:#17343ab3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}fieldset{border:1px solid var(--line);border-radius:6px;margin:18px 0;padding:12px}legend{font-size:.9rem;font-weight:650}textarea{font-family:ui-monospace,monospace;font-size:.8rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}footer{font-size:.85rem;border-top:1px solid var(--line);color:var(--muted)}:focus-visible{outline:3px solid #cc922c;outline-offset:3px}.skip{position:absolute;top:-80px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.library #scenarios{max-height:420px}.hero{gap:20px}.explanations{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.controls>div:last-child{grid-column:1/-1}}@media(max-width:600px){header,main,footer{padding:18px}.hero{grid-template-columns:1fr}.hero img{max-width:420px}.panel,.guide{padding:15px}.controls,.swap-controls{grid-template-columns:1fr}.controls>div:last-child{grid-column:auto}.form-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start}.panel-head h2{font-size:1.18rem}.toolbar button{flex-grow:1}.milestone-grid{grid-template-columns:1fr}}