:root{--bg-0: #12151a;--bg-1: #1a1f27;--bg-2: #242b36;--ink: #e8e2d6;--ink-dim: #a39e92;--accent: #c45c26;--accent-soft: #e08a4f;--line: rgba(232, 226, 214, .12);--core: #d4a017;--situational: #6b8f9c;--danger: #c96b6b;--font-display: "Bebas Neue", Impact, sans-serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#2a2218 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1c2430 0%,transparent 50%),linear-gradient(180deg,var(--bg-0),#0d0f13 100%);line-height:1.5}a{color:var(--accent-soft);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--ink)}.app-shell{max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.site-header{margin-bottom:2.5rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem}.brand{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,3.75rem);letter-spacing:.04em;color:var(--ink);text-decoration:none;line-height:.95;display:inline-block}.brand:hover{color:var(--accent-soft)}.tagline{margin:.5rem 0 0;color:var(--ink-dim);font-size:1.05rem}.page-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,2.75rem);letter-spacing:.03em;margin:0;font-weight:400}.page-lead{color:var(--ink-dim);margin:.5rem 0 1.5rem}.search input,.variant-filter select{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:2px;background:var(--bg-1);color:var(--ink);font:inherit;font-size:1.1rem}.search input:focus,.variant-filter select:focus{outline:2px solid var(--accent);outline-offset:2px}.hero-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.5rem}.hero-link{display:flex;align-items:center;gap:.9rem;padding:.55rem .85rem .55rem .55rem;background:color-mix(in srgb,var(--bg-1) 88%,transparent);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:1.2rem;font-weight:600;transition:border-color .16s ease,transform .16s ease,background .16s ease}.hero-link:hover{border-color:var(--accent);background:var(--bg-2);transform:translate(4px);color:var(--ink)}.hero-thumb{width:3.35rem;height:4.5rem;object-fit:cover;object-position:top center;flex-shrink:0;background:var(--bg-2)}.hero-thumb-fallback{display:block}.hero-link-name{flex:1}.crumb{color:var(--ink-dim);margin:0 0 .75rem;font-size:.95rem}.hero-heading{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem;margin-bottom:1.5rem}.hero-card{width:6.5rem;height:8.8rem;object-fit:cover;object-position:top center;border:1px solid var(--line);background:var(--bg-2)}.hero-heading-text{display:grid;gap:.35rem}.counter-title{display:flex;align-items:center;gap:.75rem;min-width:0}.item-icon{width:3rem;height:3rem;object-fit:contain;flex-shrink:0;background:var(--bg-2);border:1px solid var(--line)}.also-against{display:flex;flex-wrap:wrap;gap:.5rem}.also-against-link{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem .25rem .25rem;border:1px solid var(--line);background:var(--bg-1);color:var(--ink);text-decoration:none;font-weight:600}.also-against-link:hover{border-color:var(--accent);color:var(--ink)}.also-against-link img{width:1.35rem;height:1.8rem;object-fit:cover;object-position:top center}.reviewed{margin:0;color:var(--ink-dim);font-size:.95rem}.variant-filter{display:grid;gap:.4rem;margin-bottom:2rem;color:var(--ink-dim);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.counter-section{margin-top:2.25rem}.counter-section h2{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.04em;font-weight:400;margin:0 0 1rem;color:var(--accent-soft)}.counter{padding:1.15rem 0 1.35rem;border-top:1px solid var(--line)}.counter-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.85rem}.counter-header h3{margin:0;font-size:1.35rem}.meta-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}.meta-tags li{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .45rem;border:1px solid var(--line);color:var(--ink-dim)}.meta-tags li[data-kind=priority]{color:var(--core);border-color:color-mix(in srgb,var(--core) 45%,transparent)}.meta-tags li[data-kind=phase]{color:var(--situational);border-color:color-mix(in srgb,var(--situational) 45%,transparent)}.advice{margin:0;display:grid;gap:.75rem}.advice div{display:grid;gap:.15rem}.advice dt{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.advice dd{margin:0}.advice .watch-out dd{color:color-mix(in srgb,var(--danger) 75%,var(--ink))}.empty{color:var(--ink-dim)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--line)}.site-footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem}.tip-link{font-weight:700;color:var(--accent-soft);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.tip-link:hover{color:var(--ink)}.footer-nav{display:flex;gap:1rem;font-size:.95rem}.footer-note{margin:.85rem 0 0;color:var(--ink-dim);font-size:.85rem}.ad-slot{margin:2rem 0 0;min-height:0;border-top:1px solid var(--line);padding-top:1rem}.legal-body{color:var(--ink-dim);display:grid;gap:.85rem;margin-top:1rem}.legal-body h2{margin:.75rem 0 0;font-family:var(--font-display);font-size:1.4rem;font-weight:400;letter-spacing:.04em;color:var(--ink)}.legal-body p{margin:0}@media(prefers-reduced-motion:reduce){.hero-list a{transition:none}}