:root{color-scheme:dark;--bg:#111a20;--panel:#19262d;--paper:#f3ecd9;--muted:#b8c5c6;--line:#3b5058;--gold:#efc66d;--teal:#87d6c8;--red:#ffac94;font-family:'Source Sans 3',Arial,sans-serif;font-size:17px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);line-height:1.6}main{max-width:1200px;margin:auto;padding:4rem 1.5rem 3rem}a{color:var(--teal);text-underline-offset:.2em}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Source Serif 4',Georgia,serif;font-weight:550;line-height:1.13}h1{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.04em;max-width:780px;margin-bottom:1.2rem}h2{font-size:1.75rem}h3{font-size:1.05rem}.eyebrow,.number-label{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.hero{display:grid;grid-template-columns:1fr 215px;gap:2rem;align-items:center;margin-bottom:2.5rem}.hero p{max-width:720px;font-size:1.12rem}.hero-mark{width:100%;color:var(--gold)}.tags{display:flex;gap:.65rem;flex-wrap:wrap}.tags span{border:1px solid var(--line);border-radius:20px;padding:.2rem .7rem;font-size:.8rem;color:var(--muted)}.desk{display:grid;grid-template-columns:355px minmax(0,1fr);gap:1.4rem;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);padding:1.4rem;margin-bottom:1.4rem;border-radius:8px}.step{color:var(--gold);font-family:monospace;font-size:.85rem;margin-bottom:.7rem}.small,.hint{font-size:.86rem;color:var(--muted)}.hint{margin:.45rem 0 1rem}label{display:block;font-weight:600;font-size:.9rem;margin:.9rem 0 .35rem}input,select,button{font:inherit;max-width:100%}input,select{width:100%;background:var(--bg);color:var(--paper);border:1px solid #6b8088;padding:.65rem .7rem;border-radius:4px}input[type=checkbox]{width:1.05rem;height:1.05rem;flex:0 0 auto;margin-top:.28rem;accent-color:var(--gold)}input[type=file]{font-size:.83rem;padding:.6rem}button,.button{border:1px solid var(--gold);background:var(--gold);color:#172026;font-weight:650;padding:.7rem 1rem;cursor:pointer;border-radius:4px;display:inline-block;text-decoration:none;line-height:1.35}button:hover,.button:hover{filter:brightness(1.12)}button.secondary,.button.secondary{background:transparent;color:var(--gold);border-color:var(--line)}button:disabled{opacity:.5;cursor:wait}.wide{width:100%}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.grid2 label{margin-top:.5rem}summary{cursor:pointer;font-weight:650;color:var(--teal);padding:.35rem 0}details{margin:.8rem 0}details>div{margin-top:.8rem}.check{display:flex;gap:.65rem;font-weight:400;font-size:.86rem}.data-note{border-left:3px solid var(--gold);padding:.3rem 0 .3rem .8rem;margin:1rem 0;color:var(--muted);font-size:.86rem}.result-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pill{color:var(--teal);font: .75rem monospace;text-transform:uppercase;letter-spacing:.04em}.ceiling{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(3.3rem,7vw,5rem);line-height:1.1;color:var(--gold);margin:.8rem 0}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:1.2rem;gap:1rem}.metric-number{display:block;font-size:1.7rem;line-height:1.4}.verdict{padding:1.1rem;border:1px solid var(--line);border-left:4px solid var(--teal);margin-top:1.4rem}.verdict[data-status=exceeds]{border-left-color:var(--red)}.verdict[data-status=not-comparable]{border-left-color:var(--gold)}.verdict strong{display:block;font-size:1.2rem;margin-bottom:.4rem}.verdict p{margin:0;font-size:.9rem}.chart{width:100%;display:block;min-height:150px}.chart text{font-family:Arial,sans-serif;fill:var(--muted);font-size:11px}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.key::before{content:'';display:inline-block;width:.65rem;height:.65rem;background:var(--gold);margin-right:.35rem}.key.teal::before{background:var(--teal)}.key.gray::before{background:#8496ab}table{border-collapse:collapse;width:100%;font-size:.82rem}th,td{text-align:right;padding:.55rem .5rem;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}.table-wrap{overflow:auto;max-height:360px}.status{min-height:1.6em;font-size:.88rem;color:var(--teal)}.error{color:var(--red)}[hidden]{display:none!important}.below{max-width:900px;margin:3rem auto 0}.below p,.below li{color:var(--muted)}.below li{margin:.6rem 0}code,pre{font-family:'IBM Plex Mono',monospace;font-size:.8rem}pre{padding:1rem;background:var(--bg);overflow:auto;border:1px solid var(--line);border-radius:4px}.notice{background:#23343a;color:var(--paper);border-left:3px solid var(--teal);padding:1rem}.aw-wayout{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;border-top:1px solid var(--line);font-size:.9rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.print-only{display:none}.mobile-summary{display:none}noscript{display:block;padding:1rem;background:#472b23}.summary-row{display:flex;justify-content:space-between;gap:1rem}.source{overflow-wrap:anywhere}.loading .result-body{opacity:.45}.chart-section{margin-top:1.8rem}hr{border:0;border-top:1px solid var(--line);margin:1.3rem 0}
@media(max-width:900px){.desk{grid-template-columns:300px minmax(0,1fr)}main{padding:3rem 1rem}.hero{grid-template-columns:1fr 130px}.panel{padding:1rem}}
@media(max-width:720px){.mobile-summary{display:block}.desk{display:block}.hero{display:block}.hero-mark{display:none}main{padding:2.3rem 1rem}.metrics{gap:.6rem}.ceiling{font-size:3.7rem}.panel{padding:1.1rem}h1{font-size:2.7rem}.sidebar{display:grid;grid-template-columns:1fr}.grid2{gap:.6rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{:root{color-scheme:light;--bg:#fff;--panel:#fff;--paper:#111;--muted:#333;--line:#aaa;--gold:#503a08;--teal:#155b50}.hero-mark,.sidebar,.mobile-summary,.actions,.aw-home-banner,.aw-wayout,#site-banner,button{display:none!important}.desk,.hero{display:block}main{padding:0}.panel{break-inside:avoid}.print-only{display:block}.chart{max-height:220px}}
