:root{--ink:#1c2228;--mute:#5a6570;--line:#d7dde2;--bg:#fff;--soft:#f3f6f8;--acc:#0b6b5a;--warn:#8a4b00;--warnbg:#fff4e0;--pick:#e6f4f0}
@media(prefers-color-scheme:dark){:root{--ink:#e4e8ec;--mute:#9aa6b0;--line:#33404a;--bg:#14191d;--soft:#1d2429;--acc:#5fd0ba;--warn:#ffc77a;--warnbg:#33280f;--pick:#17352e}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:baseline;padding:.8rem 1.2rem;border-bottom:1px solid var(--line)}
.brand{font-weight:700;color:var(--ink);text-decoration:none}
nav a{margin-right:1rem}
a{color:var(--acc)}
main{max-width:64rem;margin:0 auto;padding:1rem 1.2rem 3rem}
footer{border-top:1px solid var(--line);padding:1rem 1.2rem;color:var(--mute);font-size:.9rem}
h1{font-size:1.6rem;line-height:1.25;margin:.6rem 0}
h2{font-size:1.15rem;margin:1.6rem 0 .4rem}
.lede{color:var(--mute);margin-top:0}
.note{background:var(--soft);border-left:3px solid var(--acc);padding:.5rem .8rem}
.warn{background:var(--warnbg);color:var(--warn);padding:.5rem .8rem}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.93rem;font-variant-numeric:tabular-nums}
th,td{border-bottom:1px solid var(--line);padding:.35rem .6rem;text-align:left;white-space:nowrap}
.results th{white-space:normal;font-weight:500}
thead th{background:var(--soft);font-weight:600}
tr.pick td{background:var(--pick)}
tr.flag td{color:var(--warn)}
tr.cu td{background:var(--soft)}
.targets{margin:.6rem 0}
.targets a{margin-right:.8rem}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.8rem;margin:1rem 0}
.card{display:block;border:1px solid var(--line);border-radius:6px;padding:.8rem;color:var(--ink);text-decoration:none}
.card:hover{border-color:var(--acc)}
.card h2{margin:0 0 .3rem;color:var(--acc)}
.card p{margin:0;color:var(--mute)}
.calc{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.7rem 1rem;margin:1rem 0}
.calc label,.filter label{display:block;font-size:.9rem;color:var(--mute)}
.calc input,.calc select,.filter input,.filter select{display:block;width:100%;margin-top:.2rem;padding:.35rem .4rem;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:4px;font:inherit}
.filter{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1rem 0}
.results{margin:1rem 0;min-height:7rem}
.sources{color:var(--mute);font-size:.9rem}