.guide-hero{background:var(--surface);border-bottom:var(--bw) solid var(--ink);padding:52px 24px 40px}.guide-hero-inner{max-width:1280px;margin:0 auto}.guide-kicker{margin-bottom:14px}.guide-h1{max-width:16ch;margin:0 0 14px}.guide-h1 .accent{color:var(--cta-ink);background:var(--cta);border-radius:var(--r-2);border:var(--bw) solid var(--ink);box-shadow:var(--sh-offset-sm);padding:0 14px;display:inline-block;transform:rotate(-1.5deg)}.guide-lead{max-width:640px;font:400 17px/1.6 var(--font-body);color:var(--ink-2);margin:12px 0 0}.guide-byline{color:var(--ink-muted);margin:10px 0 0;font-size:.85rem}.guide-stats{flex-wrap:wrap;gap:26px;margin:28px 0 0;display:flex}.guide-stats .stat{flex-direction:column;gap:4px;min-width:110px;display:flex}.guide-stats .stat .v{font:700 36px/1 var(--font-mono);letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums}.guide-stats .stat .l{font:500 13px/1.3 var(--font-body);color:var(--ink-muted);max-width:150px}.guide-hero-pick{flex-direction:column;align-items:flex-start;gap:12px;max-width:320px;margin:26px 0 0;display:flex}.guide-pick-tag{align-self:flex-start}.guide-section{padding-top:44px}.guide-section .sec-head{margin-bottom:22px}.guide-intro{max-width:760px}.guide-intro p{font:400 16px/1.7 var(--font-body);color:var(--ink-2);margin:0 0 14px}.guide-table-wrap{border:var(--bw) solid var(--ink);border-radius:var(--r-5);box-shadow:var(--sh-offset);background:var(--surface);overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font:400 14px/1.45 var(--font-body);min-width:660px}.guide-table thead th{text-align:left;background:var(--ink);color:var(--surface);font:700 11px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:15px 18px}.guide-table tbody td{border-top:var(--bw) solid var(--rule);color:var(--ink-2);vertical-align:middle;padding:14px 18px}.guide-table tbody tr.is-top td{background:var(--winner-bg,color-mix(in oklch, var(--cta) 12%, var(--surface)))}.guide-table tbody tr:hover td{background:var(--surface-2)}.guide-tname{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:14px;font-weight:700;display:flex}.guide-tname-label{min-width:0}.guide-tthumb{border-radius:var(--r-2);border:var(--bw) solid var(--ink);background:var(--surface);flex:none;width:52px;height:52px;position:relative;overflow:hidden}.guide-tthumb-img{object-fit:contain;width:100%;height:100%;padding:4px;display:block}.guide-tname:hover{color:var(--trust)}.guide-tname:hover .guide-tthumb{border-color:var(--trust)}.guide-key{color:var(--ink-muted);max-width:320px}.guide-num{font-family:var(--font-mono);white-space:nowrap;color:var(--ink);font-weight:600}.guide-rank{background:var(--ink);width:30px;height:30px;color:var(--surface);font:700 14px/1 var(--font-mono);font-variant-numeric:tabular-nums;border:var(--bw) solid var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.guide-rank.gold{background:var(--cta);color:var(--cta-ink);box-shadow:var(--sh-offset-sm)}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px 18px;display:grid}.guide-cell{position:relative}.guide-medal{z-index:3;background:var(--cta);color:var(--cta-ink);border-radius:var(--r-pill);border:var(--bw) solid var(--ink);box-shadow:var(--sh-offset-sm);font:700 12px/1 var(--font-display);align-items:center;gap:6px;padding:7px 12px;display:inline-flex;position:absolute;top:-13px;left:18px}.guide-medal.silver{background:var(--medal-silver);color:var(--ink)}.guide-medal.bronze{background:var(--medal-bronze);color:var(--ink)}.guide-criteria{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.guide-criterion{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--r-5);box-shadow:var(--sh-offset-sm);padding:22px 20px 20px;position:relative}.guide-crit-n{background:var(--cta);width:30px;height:30px;color:var(--cta-ink);border:var(--bw) solid var(--ink);border-radius:var(--r-2);font:700 15px/1 var(--font-mono);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.guide-criterion h3{font:700 16px/1.25 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}.guide-criterion p{font:400 14px/1.6 var(--font-body);color:var(--ink-muted);margin:0}.guide-faq{border:var(--bw) solid var(--ink);border-radius:var(--r-5);max-width:840px;box-shadow:var(--sh-offset-sm);background:var(--surface);overflow:hidden}.guide-faq-item{border-bottom:var(--bw) solid var(--rule)}.guide-faq-item:last-child{border-bottom:0}.guide-faq-item summary{cursor:pointer;font:600 15.5px/1.4 var(--font-display);color:var(--ink);padding:16px 46px 16px 18px;list-style:none;position:relative}.guide-faq-item summary::-webkit-details-marker{display:none}.guide-faq-item summary:after{content:"+";font:400 24px/1 var(--font-body);color:var(--cta);position:absolute;top:13px;right:18px}.guide-faq-item[open] summary{background:var(--surface-2)}.guide-faq-item[open] summary:after{content:"−"}.guide-faq-item p{max-width:72ch;font:400 14.5px/1.65 var(--font-body);color:var(--ink-2);margin:0;padding:0 18px 18px}.guide-cta-band{margin-top:56px;margin-bottom:8px}.guide-cta-inner{background:var(--cta);border:var(--bw) solid var(--ink);border-radius:var(--r-7);box-shadow:var(--sh-offset);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;display:flex}.guide-cta-inner h2{color:var(--cta-ink);margin:0 0 6px}.guide-cta-inner p{font:500 14px/1.4 var(--font-body);color:var(--cta-ink);opacity:.82;align-items:center;gap:7px;margin:0;display:inline-flex}.guide-index{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.guide-index-group{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--r-5);box-shadow:var(--sh-offset-sm);padding:22px 22px 20px}.guide-index-group h3{margin:0 0 14px}.guide-index-group ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-index-card{min-height:44px;color:var(--ink-2);font:600 15px/1.35 var(--font-body);background:var(--surface-2);border:var(--bw) solid var(--rule);border-radius:var(--r-2);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:transform .12s,border-color .12s,color .12s;display:flex}.guide-index-card svg{color:var(--ink-muted);flex-shrink:0;transition:transform .12s,color .12s}.guide-index-card:hover{color:var(--ink);border-color:var(--ink);box-shadow:var(--sh-offset-sm);transform:translate(-2px,-2px)}.guide-index-card:hover svg{color:var(--cta-ink);transform:translate(2px)}.guide-index-card:active{box-shadow:none;transform:translate(0)}.guide-empty{background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--r-5);box-shadow:var(--sh-offset-sm);padding:28px 28px 26px}.guide-empty h2{margin:0 0 10px}.guide-empty p{max-width:56ch;font:400 15px/1.6 var(--font-body);color:var(--ink-2);margin:0 0 20px}.guide-fallback-grid{margin-top:28px}.guide-tail{height:56px}@media (prefers-reduced-motion:reduce){.guide-index-card,.guide-index-card:hover,.guide-index-card svg,.guide-index-card:hover svg{transform:none}}@media (max-width:720px){.guide-hero{padding:36px 16px 28px}.guide-cta-inner{padding:24px 22px}.guide-stats{gap:18px}}