:root{color-scheme:light;--ink:#203e30;--muted:#4c6356;--paper:#f7f9f4;--line:#b8c9b9;--accent:#255d42;font-family:system-ui,sans-serif;color:var(--ink);background:var(--paper)}
.embedded header,.embedded footer{display:none}.embedded main{padding-top:0}.embedded .intro{padding-top:24px}
*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:28px 32px}header,figcaption{display:flex;justify-content:space-between;gap:16px}header{font-size:13px;padding-bottom:24px;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:3px}.intro{max-width:830px;padding:35px 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}h1{font:normal clamp(32px,4.6vw,53px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:16px 0 20px}p{line-height:1.6}h2{font:normal 29px/1.2 Georgia,serif}.intro>p:last-child{font-size:18px;max-width:650px}fieldset{margin:18px 0 30px;padding:16px 22px 18px;border:1px solid var(--line);border-radius:4px}legend{padding:0 8px;font-weight:650}fieldset p{margin-top:0}.choices,.presets{display:flex;flex-wrap:wrap;gap:8px}button{min-height:44px;padding:10px 17px;background:transparent;border:1px solid var(--accent);border-radius:4px;color:var(--ink);font:inherit;cursor:pointer}button:hover{background:#e3ece2}button[aria-pressed=true]{background:var(--accent);color:white}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #965705;outline-offset:4px}.feedback:empty{display:none}.feedback{margin:15px 0 0;font-size:15px}.experiment{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:36px}.views{min-width:0}figure{margin:0}figure+figure{margin-top:22px}figcaption{font-size:12px;flex-wrap:wrap;gap:4px}figcaption span{color:var(--muted)}svg{display:block;width:100%;max-height:410px}.compass{font-size:13px;text-anchor:middle;fill:var(--ink);font-weight:700}.small{font:12px system-ui;fill:var(--ink)}.view-note{font-size:12px;color:var(--muted);margin:0;max-width:460px}.controls{padding-top:12px}label{display:flex;justify-content:space-between;font-weight:650;gap:10px}output{font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:44px;accent-color:var(--accent);margin:5px 0}.hint{font-size:13px;color:var(--muted);margin:0 0 26px}.presets{margin:24px 0}#low,#high{background:var(--accent);color:white}dl{margin:30px 0}dl>div{padding:15px 0;border-top:1px solid var(--line)}dt{font-size:13px}dd{margin:6px 0 0;font:normal 38px Georgia,serif;font-variant-numeric:tabular-nums}.status{font-size:14px}.explanation{max-width:780px;margin:35px 0}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650;min-height:28px}li{margin:10px 0;line-height:1.5}footer{font-size:12px;color:var(--muted);margin:32px 0 12px}button,summary{touch-action:manipulation}@media(max-width:650px){main{padding:20px}header{flex-direction:column;gap:7px}.intro{padding-top:24px}.experiment{grid-template-columns:1fr;gap:14px}.controls{border-top:1px solid var(--line);padding-top:20px}fieldset{padding:14px}figcaption{font-size:11px}.choices button{flex:1 1 auto}.small{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}