:root{color-scheme:dark;--bg:#111827;--surface:#192437;--ink:#f0f6ff;--muted:#b4c4db;--line:#506581;--accent:#98edd7;font:16px/1.55 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg)}header{display:flex;gap:1.5rem;padding:1rem clamp(1rem,5vw,4rem);border-bottom:1px solid var(--line)}a{color:var(--accent)}.brand{font-weight:750;text-decoration:none}main{max-width:1440px;margin:auto;padding:clamp(1rem,4vw,3rem)}.hero{margin-bottom:1.5rem}.hero h1{font-size:clamp(2.25rem,6vw,4.15rem);line-height:1.04;max-width:18ch;letter-spacing:-.04em;margin:.35rem 0}.hero p{max-width:58ch}.eyebrow{color:var(--accent);font-size:.74rem;font-weight:750;letter-spacing:.12em}.tabs,.controls{display:flex;flex-wrap:wrap;gap:.55rem;align-items:end}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:.7rem;padding:1rem}.card h2{margin:.1rem 0 .65rem;font-size:1.25rem}.card h3{font-size:1.03rem}button,input,textarea,select{font:inherit;color:inherit;background:#101a2d;border:1px solid var(--line);border-radius:.45rem;padding:.35rem .6rem;max-width:100%}button{cursor:pointer;font-weight:650}button:hover,button[aria-current=true]{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.55;cursor:default}.primary,.primary:hover{background:var(--accent);color:#112e27;border-color:var(--accent)}.action{display:inline-block;border-radius:.4rem;padding:.4rem .75rem;text-decoration:none;font-weight:700}textarea,pre{font:.86rem/1.5 ui-monospace,monospace}textarea{display:block;width:100%;resize:vertical;margin:.3rem 0 .65rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101a2d;border-radius:.4rem;padding:.55rem}label{display:block;font-weight:650}.controls label input,.controls label select{display:block;margin:.2rem 0 0}label input[type=number]{max-width:12rem}.small{font-size:.88rem;color:var(--muted)}summary{cursor:pointer;color:var(--accent);margin:.55rem 0}.source{border-top:1px solid var(--line);padding:.5rem 0}.source p{margin:.25rem 0}.source summary{margin:.1rem 0}.source button{padding:.2rem .45rem}.table{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:.35rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.metric{margin:.3rem 0}.skip:not(:focus){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{position:absolute;top:1rem;left:1rem;background:var(--bg);z-index:2}#items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.5rem;max-height:23rem;overflow:auto}#items button{text-align:left}#brief,.discovery-learning-context{margin-top:1.2rem}#status{min-height:1.2rem}:focus-visible{outline:3px solid #ffdc88;outline-offset:2px}[hidden]{display:none!important}@media(max-width:780px){.comparison{grid-template-columns:1fr}}
