
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.filters button{font:500 14.5px/1 var(--font-b);padding:11px 16px;border-radius:999px;border:1px solid var(--line-l);background:#fff;color:var(--text-l);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.filters button .c{color:var(--muted-l);margin-left:6px;font-size:13px}
.filters button[aria-pressed="true"] .c{color:#C9C7DA}
.cat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.cat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cat{grid-template-columns:1fr}}
.pc{display:grid;grid-template-rows:auto 1fr;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line-l);box-shadow:0 18px 44px -30px rgba(20,20,40,.35)}
.pc[hidden]{display:none}
.pc .im{aspect-ratio:16/10;overflow:hidden;background:#EDECF3}
.pc .im img{width:100%;height:100%;object-fit:cover;object-position:top left}
.pc .im.pn{background:radial-gradient(120% 120% at 0% 0%,#3A2D66 0%,#1A1A2E 70%);display:grid;align-items:end;padding:20px}.pc .im.pn span{font:400 var(--t-h3)/1.2 var(--font-h);color:#F4B489;max-width:14ch}
.pc .im.dk{background:#0E1B2D;display:flex;justify-content:center;gap:10px;padding:12px}.pc .im.dk img{width:auto;height:100%;border-radius:8px}
.pc .bd{padding:18px 20px 20px;display:grid;gap:8px;align-content:start}
.pc .k{font:600 11.5px/1 var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-t)}
.pc h3{font-size:var(--t-h3);line-height:1.1;color:var(--ink)}
.pc p{font-size:15.5px;color:var(--muted-l)}
.pc p b{color:var(--text-l);font-weight:600}
.pc a.go{justify-self:start;margin-top:4px;font:600 14.5px var(--font-b);color:var(--orange-t);text-decoration:none;border-bottom:1px solid rgba(184,86,31,.4)}
.count{font-size:14px;color:var(--muted-l);margin:-12px 0 18px}

/* ===== Impeccable pass (2026-09-22): contrast, tracking, heading order, sizes ===== */
h1,h2,h3,.h1,.h2,.h3,.chname,.qb b,.tocg b{letter-spacing:-0.01em!important}
.chn{line-height:1.1!important}
.side b{font-size:11.5px!important}
.light .eyebrow,.grey .eyebrow,.t-light .chq,.t-grey .chq,.qk,.acnext .kick,.qb .visit,[data-dir="B"] .sec:not(.dark) .eyebrow{color:#A5481A!important}
.gkpi small,.gpill span,.mkh small,.mside small,.gkpi span,.mside span,.gch small,.grank small{color:#565E6C!important}
.lay.a .fn{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.28)!important}
.fh{font:600 12px/1 var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 12px}

.lvl{margin-top:34px}.lvl:first-of-type{margin-top:8px}.lvl[hidden]{display:none}
.lvl .lh{display:grid;gap:6px;margin-bottom:16px;max-width:70ch}.lvl .lh p{color:var(--muted-l);font-size:16px}
.lvl .cat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.lvl .cat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.lvl .cat{grid-template-columns:1fr}}
.pc.big{grid-column:span 2}.pc.big .im{aspect-ratio:16/8}.pc.big h3{font-size:var(--t-h2)}
@media (max-width:620px){.pc.big{grid-column:auto}.pc.big .im{aspect-ratio:16/10}}
@media (max-width:760px){.pc .im img{object-fit:contain;object-position:top center;background:#fff}}

/* ===== 2026-09-23 QA fixes: whole-card click + flagship on mobile ===== */
.pc{position:relative}.pc a.go::after{content:"";position:absolute;inset:0;border-radius:18px}.pc a.go{position:static}
.pc:hover{border-color:#CFCDE0}
.pc .np{font:500 12.5px var(--font-b);color:var(--muted-l)}
.pc a.go+a.go{position:relative;z-index:1;margin-top:0}.pc a.go+a.go::after{content:none}
.pc.big .im img{object-fit:cover!important;object-position:top center!important;background:#fff!important}
@media (max-width:620px){.pc.big .im{aspect-ratio:16/12}.pc.big h3{font-size:24px}}
