:root{--accent:#187b79}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}main{max-width:1220px;margin:auto;padding:28px 24px 64px}.hero{max-width:850px;margin:22px 0 32px}.eyebrow{letter-spacing:.15em;color:var(--accent);font-weight:800;font-size:12px}h1{font-size:clamp(32px,5vw,60px);line-height:1.12;letter-spacing:-.04em;margin:15px 0}h2{font-size:24px;line-height:1.3}p{line-height:1.8}.intro{font-size:19px;color:var(--secondary);max-width:740px}.lab{border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--surface)}.scene-wrap{background:#eff7f2;padding:10px}.scene{width:100%;display:block;aspect-ratio:900/420;min-height:250px;color:#23413d}.scene text{font-family:inherit;font-size:18px;fill:#23413d}.scene .small{font-size:14px}.controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:23px 28px;border-top:1px solid var(--border)}label{display:flex;flex-direction:column;gap:10px;flex:1;min-width:180px;font-weight:700}input[type=range]{width:100%;accent-color:var(--accent);min-height:28px}select,button{font:inherit;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:var(--surface);min-height:46px;padding:10px 16px}button{cursor:pointer}button:hover{border-color:var(--accent)}button[aria-pressed=true],.primary{background:var(--accent);color:#fff}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d8872c;outline-offset:4px}.readout{margin:0;padding:20px 28px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-size:18px;line-height:1.7;min-height:95px}.prompt{border-left:4px solid #dfaa54;padding:0 0 0 18px;margin:28px 0;font-size:18px}.learn{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:35px 0}.learn article{padding:0 6px}.step{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em}.learn p{color:var(--secondary)}details{border-top:1px solid var(--border);padding:22px 0}summary{font-size:19px;font-weight:700;cursor:pointer}.references a{display:block;margin:12px 0;color:var(--accent);overflow-wrap:anywhere}.fineprint{font-size:14px;color:var(--secondary)}.row{display:flex;gap:10px;flex-wrap:wrap}a{color:var(--accent)}@media(max-width:620px){main{padding:16px 14px 40px}.hero{margin:20px 0}.intro{font-size:17px}.controls{padding:18px;gap:18px}label{min-width:140px}.learn{grid-template-columns:1fr;gap:6px}.readout{padding:18px;font-size:16px}.scene-wrap{padding:0}.scene{min-height:225px}h1{font-size:36px}.scene text{font-size:21px}.scene .small{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:620px){.controls label{flex-basis:100%;min-width:0}.controls select{width:100%;min-width:0}.scene text{font-size:25px}.scene .small{font-size:21px}}