:root{color-scheme:dark;font:16px/1.6 system-ui;background:#101813;color:#e9f0e8}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;font-size:12px}a{color:#d9f78b}h1{font-size:clamp(48px,7vw,92px);line-height:1.04;letter-spacing:-.055em;margin:28px 0}h2{line-height:1.2}h3{margin:0}.eyebrow{color:#d9f78b;letter-spacing:.14em;font-size:12px}.lede{max-width:700px;color:#bdcabc;font-size:22px}.controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}button,input,select{font:inherit;background:#233126;color:inherit;border:1px solid #52614f;border-radius:9px;padding:10px}button[aria-pressed=true]{background:#d9f78b;color:#102013}section,aside{margin:48px 0}aside,.card,.stat{background:#19251c;border:1px solid #334437;border-radius:18px;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px;margin-top:25px}.stats{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:160px}.stat b{display:block;font-size:36px}.score{font-size:42px;font-weight:700}.pass{color:#cbed8c}.fail{color:#ffb3a3}.neutral{color:#c4cfca}.bar{height:8px;background:#35423a;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:#d9f78b}details{border-top:1px solid #36483a;padding:14px 0;margin-top:14px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 ui-monospace,monospace}label{display:inline-flex;flex-direction:column;gap:6px;margin:8px 16px 8px 0}canvas{display:block;width:100%;height:280px;background:#19251c;border:1px solid #334437;border-radius:14px;margin-top:20px}.advanced-only{display:none}body.advanced .advanced-only{display:block}.meta{font-size:13px;color:#bec9c0}.case{padding:14px 0;border-bottom:1px solid #36483a}.case p{font-size:14px}.case pre{max-height:280px;overflow:auto}footer{font-size:13px;color:#bec9c0}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #36483a;padding:10px}@media(max-width:600px){header,main,footer{padding:20px}header{flex-direction:column}h1{font-size:54px}}

label{max-width:100%}select{max-width:100%;width:100%}main{min-width:0}