:root{color-scheme:light;--ink:#123f36;--paper:#f4f1e8;--line:#cad2c6;--gold:#ac6832}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}header,main,footer{max-width:1440px;margin:auto;padding:24px 4vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}header strong{letter-spacing:.16em;font-size:14px}nav,.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}a{color:inherit;text-underline-offset:5px}nav a{font-size:14px}h1{font:clamp(36px,5vw,68px)/1.06 Georgia,serif;margin:20px 0}h2{font:32px/1.16 Georgia,serif;margin:20px 0}h3{font-size:20px}p{max-width:85ch}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lead{font-size:20px;max-width:900px}.subtle{color:#49635a;font-size:14px}.panel{border-top:1px solid var(--line);padding:24px 0;margin-top:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{background:#fffdf7;border:1px solid var(--line);padding:24px;min-width:0}.badge{display:inline-block;background:var(--ink);color:white;padding:5px 12px;font-size:12px;letter-spacing:.08em}.demo .badge{background:var(--gold)}.demo{border-left:4px solid var(--gold);padding-left:24px}button,select,input{font:inherit;border:1px solid #849b8b;border-radius:3px;background:#fffdf7;color:var(--ink);padding:10px 14px;min-height:44px}button{cursor:pointer}button:hover{background:#e3eadf}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.viewport:focus-visible{outline:3px solid #b36c28;outline-offset:4px}.chart svg{width:100%;height:auto;display:block}.chart{min-width:0}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}caption{text-align:left;margin:12px 0}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}details{margin:20px 0}summary{cursor:pointer}.viewport{height:440px;background:#dce3d7;position:relative;overflow:hidden;touch-action:none}.viewport img{position:absolute;max-width:none;user-select:none;pointer-events:none;transform-origin:0 0}.viewerbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.viewerbar button{min-width:48px;padding:8px 12px}.readtext{white-space:pre-line;max-width:78ch}.result{padding:16px;background:#dce8da}code{font-size:14px;overflow-wrap:anywhere}footer{font-size:13px;border-top:1px solid var(--line)}.skip{position:absolute;left:20px;top:-80px}.skip:focus{top:4px;background:white;z-index:10}.status{min-height:28px;font-size:14px;font-variant-numeric:tabular-nums}#data-table{overflow:auto}label{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap}input[type=number]{width:140px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.card{padding:16px}.viewport{height:330px}.lead{font-size:18px}main{padding-top:12px}h1{font-size:40px}th,td{padding:8px;font-size:14px}.demo{padding-left:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}