:root{--bg:#150D12;--deep:#1F1219;--card:#271620;--border:#3D2233;--gold:#E8A33D;--gold-l:#F2C169;--text:#F5E6D3;--muted:#C9A468}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--gold-l)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-l);outline-offset:2px}
.kente{height:4px;background:linear-gradient(90deg,#C0392B 0 16.6%,#FFE500 0 33.3%,#2E7D4A 0 50%,#FF6B00 0 66.6%,#FFE500 0 83.3%,#C0392B 0)}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);max-width:960px;margin:0 auto}
.logo{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:var(--gold);text-decoration:none;font-size:18px}
.btn{display:inline-block;background:var(--gold);color:#1a0f00;font-weight:600;text-decoration:none;padding:10px 16px;border-radius:999px;font-size:14px}
.btn.ghost{background:transparent;color:var(--gold-l);border:1px solid var(--gold)}
main{max-width:960px;margin:0 auto;padding:16px}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}
h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,5vw,40px);line-height:1.15;margin:12px 0 8px}
h2{font-family:'Playfair Display',Georgia,serif;font-size:20px;margin:0 0 10px;color:var(--gold-l)}
.lead{font-size:18px;color:var(--text);margin:0 0 14px}
.verdict{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 20px}
.pill{display:inline-block;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}
.bar{display:grid;grid-template-columns:130px 1fr 40px;gap:8px;align-items:center;font-size:14px;margin:6px 0}
.track{height:8px;background:var(--border);border-radius:99px;overflow:hidden}
.fill{height:100%;background:var(--gold)}
dl{margin:0}dt{font-weight:600;color:var(--gold-l);font-size:14px}dd{margin:0 0 10px}
ul{margin:0;padding-left:20px}
.note{font-size:14px;color:var(--muted);border-left:3px solid var(--gold);padding:10px 14px;background:var(--deep);border-radius:0 10px 10px 0;margin:18px 0}
.small{font-size:13px;color:var(--muted)}
.card a{color:var(--gold-l)}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.join{margin:18px 0;border-color:var(--gold);background:linear-gradient(135deg,#2a1810,#271620)}
.join p{margin:0 0 12px}
footer{max-width:960px;margin:24px auto 0;padding:20px 16px 40px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}
footer a{color:var(--muted);margin-right:14px}
.list{columns:3 220px;column-gap:24px;padding:0;list-style:none}
.list li{break-inside:avoid;margin:0 0 6px}
.list .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.filters input{flex:1;min-width:200px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;font-size:15px}
@media (max-width:480px){.bar{grid-template-columns:110px 1fr 36px}}