:root{--bg:#f3f5f9;--card:#fff;--tx:#172033;--mu:#5b6578;--bd:#d9dee7;--ac:#26336e;--ac2:#3d4f9a;--wa:#9a5b00;--wab:#fdf0d5;--black:#0d0d0d;color-scheme:light}
@media(prefers-color-scheme:dark){:root{--bg:#0f1520;--card:#18202e;--tx:#e8ecf3;--mu:#97a1b3;--bd:#2b3546;--ac:#5b6fc2;--ac2:#9fb0ee;--wa:#f0b45e;--wab:#3a2b12;--black:#000;color-scheme:dark}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.5 "Barlow",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--ac2)}
header{background:var(--card);border-top:6px solid var(--ac);border-bottom:1px solid var(--bd)}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
.brand{display:flex;align-items:center;gap:16px;padding:16px 0}
.brand img{width:72px;height:72px;border-radius:12px;background:#fff;padding:4px;box-shadow:0 0 0 1px var(--bd)}
.brand h1{font:700 30px/1.1 "Barlow Condensed","Arial Narrow",sans-serif;margin:0;color:var(--ac)}
@media(prefers-color-scheme:dark){.brand h1{color:var(--tx)}}
.brand p{margin:2px 0 0;color:var(--mu)}
nav{display:flex;gap:4px}nav a{padding:12px 12px 10px;text-decoration:none;color:var(--mu);font-weight:600;border-bottom:3px solid transparent}nav a.on{color:var(--tx);border-bottom-color:var(--ac)}
main{padding:24px 0 48px}
h2{font:700 26px/1.2 "Barlow Condensed","Arial Narrow",sans-serif;margin:0 0 6px}
h3{font:600 22px/1.2 "Barlow Condensed","Arial Narrow",sans-serif;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--ac)}
.mu{color:var(--mu);font-size:14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:20px}
.card p{margin:8px 0 16px}
.btn{display:inline-block;background:var(--ac);color:#fff;text-decoration:none;font-weight:600;padding:11px 18px;border-radius:8px}
.btn.alt{background:transparent;color:var(--ac2);box-shadow:inset 0 0 0 1px var(--bd)}
.note{background:var(--wab);border-left:4px solid var(--wa);border-radius:6px;padding:10px 14px;margin:14px 0;font-size:15px}
.find{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}
.find input{font:inherit;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;min-width:260px;background:var(--card);color:var(--tx)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ring{position:relative;overflow:hidden;padding-top:24px}
.ring::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--bd)}
.ring.d-bb::before{background:var(--black)}
.ring.d-cb::before{background:linear-gradient(90deg,#f1f1ee 0 20%,#efc31a 20% 40%,#2f9a4c 40% 60%,#1d4fa6 60% 80%,#c22f2b 80%)}
.ring.d-brk::before{background:repeating-linear-gradient(90deg,#b98a52 0 46px,#a5763f 46px 48px)}
.rn{font:700 28px/1 "Barlow Condensed","Arial Narrow",sans-serif}.ev{font:600 19px "Barlow Condensed","Arial Narrow",sans-serif;margin-left:8px}
table{width:100%;border-collapse:collapse;margin-top:10px}td{padding:6px 0;border-bottom:1px solid var(--bd);font-size:15px;vertical-align:top}tr:last-child td{border-bottom:0}
td:first-child{color:var(--mu);font-size:14px;width:46%;padding-right:8px}
.tbc{color:var(--mu);font-style:italic}.tag{font-size:12px;font-weight:600;color:var(--wa);margin-left:6px}
tr.hit td{background:var(--wab)}.ring.hide{display:none}
footer{color:var(--mu);font-size:13px;padding:20px 0 40px;text-align:center}
@media print{nav,.find,.btn{display:none}body{background:#fff}.card{break-inside:avoid}}