:root{color-scheme:light;--ink:#1c343b;--muted:#475e63;--paper:#f5f4ee;--line:#c8d1ca;--accent:#005d61;--gold:#9b4e1d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header,main,footer{width:min(1120px,calc(100% - 40px));margin:auto}header{padding:24px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:3px}h1{font:clamp(2.7rem,6vw,5rem)/1.08 Georgia,serif;letter-spacing:-.03em;margin:24px 0}h2{font-size:1.7rem;line-height:1.2}h3{font-size:1.2rem}p{max-width:85ch}.eyebrow,.small,.ephemeral{font-size:.86rem;color:var(--muted)}.eyebrow{margin-top:44px;text-transform:uppercase;letter-spacing:.1em}.lede{font-size:1.35rem;max-width:52ch}.intro,.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.try{border-left:4px solid var(--accent);padding:4px 24px;margin:36px 0;background:#e7ede7}.try h2{font-size:1.3rem}.controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:#e5eae2;border:1px solid var(--line)}label{display:flex;flex-direction:column;font-weight:650;gap:6px}input,select,button{font:inherit}select{max-width:100%;padding:10px;border:1px solid #819c96;border-radius:4px;background:white;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--accent)}button{cursor:pointer;border:1px solid var(--accent);border-radius:4px;background:white;color:var(--accent);padding:7px 12px}button:hover{background:#e5eae2}:focus-visible{outline:3px solid #a23d17;outline-offset:3px}.panel{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fffef8;min-width:0}.two .panel{margin-bottom:0}.status,.callout{padding:14px;background:#e8efe8;border-left:4px solid var(--accent)}svg{display:block;width:100%;height:auto}svg text{font:16px system-ui,sans-serif;fill:var(--ink)}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:700}tbody th{min-width:130px}.scroll{overflow-x:auto}.scroll table{min-width:670px}details{margin:18px 0}summary{cursor:pointer;color:var(--accent);font-weight:600}.inspect{max-width:330px;margin:24px 0 12px}dt{font-weight:700;margin-top:24px}dd{margin:8px 0 24px}#sources{margin:50px 0}footer{padding:26px 0;border-top:1px solid var(--line);font-size:.9rem}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:2}.barrow{display:grid;grid-template-columns:20px 1fr 40px;gap:10px;align-items:center;font-size:.85rem}.bar{height:12px;background:#d9e6de}.bar span{display:block;height:100%;background:var(--accent)}.key{font-size:.85rem}.warn{color:#823b14;font-weight:600}#matrix{overflow-x:auto}#matrix td,#matrix th{padding:5px;font-size:.8rem}@media(max-width:700px){header,main,footer{width:calc(100% - 28px)}header{font-size:.85rem}.intro,.two,.controls{grid-template-columns:1fr}.panel{padding:15px}h1{font-size:2.9rem}.eyebrow{font-size:.75rem}.try{padding:4px 14px}.two{gap:0}.try ol{padding-left:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#readings table{min-width:450px}#readings tbody th{min-width:0}