:root{color-scheme:dark;--bg:#101316;--panel:#191e22;--ink:#f2f1e9;--muted:#b3bdc4;--line:#3c464d;--accent:#e6c645;--blue:#65b7dc;--green:#4f9b69;--violet:#bd9ee9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--bg);color:var(--ink);font:1.05rem/1.65 system-ui,-apple-system,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;padding:1rem max(1.3rem,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}.site-nav a{text-decoration:none;font-size:.92rem}.site-nav .brand{color:var(--ink);font-weight:750;margin-right:auto}.site-nav [aria-current=page]{border-bottom:2px solid var(--accent)}main{max-width:1120px;margin:auto;padding:2.6rem 1.3rem 4rem}h1,h2,h3{line-height:1.14;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.55rem,6vw,4.9rem);margin:.65rem 0 1.2rem;max-width:1000px}h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:0 0 1.2rem}h3{font-size:1.25rem}p{max-width:78ch}.lead{font-size:clamp(1.17rem,2vw,1.4rem);max-width:64ch;color:var(--muted)}.eyebrow{font-size:.87rem;font-weight:650;color:var(--muted)}.opening{padding-bottom:2.8rem}section{border-top:1px solid var(--line);padding:2.9rem 0}section section{border:0}.caption,figcaption{color:var(--muted);font-size:.92rem}.pattern-example{display:flex;gap:2rem;align-items:center;justify-content:center;margin-top:2rem;padding:1.5rem;background:var(--panel);border-radius:12px}.pattern-example figure{margin:0;flex:1;max-width:260px}.pixel-map{height:120px;background:repeating-linear-gradient(0deg,#3569b8 0 10px,#4f9b69 10px 20px);border:1px solid #89969e}.pixel-map.vertical{background:repeating-linear-gradient(90deg,#3569b8 0 10px,#4f9b69 10px 20px)}.equal{text-align:center;font-size:.95rem;color:var(--muted)}figure{margin:1.5rem 0}figcaption{margin:.6rem 0}.apparatus{display:grid;grid-template-columns:1fr auto 1fr;gap:1.4rem;align-items:center;padding:1.4rem;border:1px solid var(--line);border-radius:10px}.apparatus strong,.apparatus span{display:block}.apparatus .panel{border:2px solid var(--accent);padding:1rem}.apparatus small{color:var(--muted);font-size:.9rem}.prediction-grid,.question-grid,.spectrum-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.prediction figure,.spectrum-grid figure{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem}.prediction svg,.spectrum-grid svg{width:100%;height:auto;display:block}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.92rem}.legend .c{color:var(--blue)}.legend .d{color:var(--accent)}.prediction .caption{max-width:none}.spectrum-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.spectrum-grid dt{color:var(--muted);font-size:.9rem}.spectrum-grid dd{margin:0;font-weight:750}.topic-nav,.depth-links{display:flex;flex-wrap:wrap;gap:1rem}.topic-nav{margin-bottom:2rem}.depth-links{border-top:1px solid var(--line);padding-top:2rem}.depth-links a{flex:1;min-width:220px;font-size:1.2rem}.depth-links span{display:block;font-size:.95rem;color:var(--muted);font-weight:400}.next-question{font-size:1.25rem;border-left:3px solid var(--accent);padding-left:1.2rem;margin-top:1.8rem}details{border:1px solid var(--line);border-radius:8px;padding:1rem 1.2rem;margin:1rem 0}summary{cursor:pointer;font-weight:650}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.97rem}th,td{text-align:left;vertical-align:top;padding:.9rem;border-bottom:1px solid var(--line)}caption{text-align:left;color:var(--muted);margin-bottom:.8rem}footer{max-width:1120px;padding:1.3rem;margin:auto;color:var(--muted);font-size:.9rem}.measurements main{max-width:1280px}.measurements .map-heading h2{font-size:2rem}.measurements .map-charts{grid-template-columns:1fr}.measurements .map-charts svg{min-width:0!important;width:100%}.measurements .card-body{overflow:visible}.measurements .map-charts text{font-size:14px}.measurements .map-context{grid-template-columns:1fr 1fr}.measurements .map-explorer{padding-top:1rem}.measurements .map-order-note{max-width:none}.measurements .map-count{font-size:1rem}
@media(max-width:640px){body{font-size:1rem}.site-nav{gap:.65rem 1rem}.site-nav .brand{width:100%}main{padding-top:1.6rem}.opening{padding-bottom:1.5rem}section{padding:2rem 0}.prediction-grid,.question-grid,.spectrum-grid,.apparatus{grid-template-columns:1fr}.pattern-example{gap:.7rem;padding:.8rem}.equal{font-size:.82rem}.pixel-map{height:90px}.apparatus{gap:.8rem}.prediction figure{padding:.7rem}.measurements .map-context{grid-template-columns:1fr}.measurements .map-heading h2{font-size:1.7rem}.measurements .map-selected{grid-template-columns:1fr}.measurements main{padding:1rem}.measurements .card-body{padding:.4rem}.measurements .map-charts text{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}