.offer-tags{gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:100%;left:-1px}.offer-tag{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--accent-on);white-space:nowrap;background:var(--offer-tag-color);padding:5px 11px 4px;font-size:12px;font-weight:700;line-height:1.3}.offer-tags[hidden]{display:none}.credit-card-directory .page-layout .intro{max-width:none;margin-bottom:var(--space-8)}.credit-card-directory .page-layout h1{max-width:none;font-size:clamp(2.5rem,5vw,3.75rem)}.credit-card-directory .page-layout .intro-copy{max-width:72ch;margin-top:var(--space-3);font-size:16px}.credit-card-hub{margin-top:0}.hub-directory{align-items:start;gap:var(--space-8);grid-template-columns:minmax(190px,.25fr) minmax(0,.75fr);display:grid}.hub-sidebar{top:calc(var(--site-header-height) + var(--space-5));gap:var(--space-6);display:grid;position:sticky}.search-block,.issuer-filter{gap:var(--space-2);display:grid}.search-block label,.filter-label{color:var(--fg);font-size:14px;font-weight:600}.search-block input{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);width:100%;min-height:42px;color:var(--fg);font:inherit;padding:9px 14px;font-size:13px}.search-block p{color:var(--muted);font-size:12px;line-height:1.45}.issuer-filter{gap:var(--space-3)}.filter-chips{gap:var(--space-2);display:grid}.filter-chip{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);min-height:38px;color:var(--fg-2);cursor:pointer;font:inherit;text-align:left;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);padding:7px 12px;font-size:13px}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.search-block input:focus-visible,.filter-chip:focus-visible,.empty-state button:focus-visible,.tile-footer a:focus-visible{box-shadow:var(--focus-ring);outline:none}.results-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:flex}.results-heading h2{color:var(--fg);font-family:var(--font-display);font-size:23px;font-weight:400}.card-list{align-items:stretch;gap:var(--space-8) var(--space-4);padding-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-tile{gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;display:flex;position:relative}.card-header{align-items:center;gap:var(--space-3);grid-template-columns:minmax(104px,.7fr) minmax(0,1fr);display:grid}.card-art{border-radius:var(--radius-sm);background:var(--surface);place-items:center;min-height:96px;padding:5px;display:grid;overflow:hidden}.card-art img{object-fit:contain;width:100%;height:100%;max-height:100px;display:block}.tile-issuer{color:var(--muted);font-size:11px;line-height:1.4}.tile-identity h3{margin-top:var(--space-1);color:var(--fg);font-family:var(--font-display);font-size:19px;font-weight:400;line-height:1.16}.tile-audience h4,.benefit-preview h4{margin-bottom:var(--space-1);color:var(--fg);font-size:13px;font-weight:600}.tile-audience p{color:var(--fg-2);font-size:13px;line-height:1.45}.benefit-preview ul{gap:var(--space-1);color:var(--fg-2);padding-left:18px;font-size:12px;line-height:1.4;display:grid}.fee-comparison{gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);grid-template-columns:1fr 1fr;margin:0;display:grid}.fee-comparison div{gap:var(--space-1);display:grid}.fee-comparison dt{color:var(--muted);font-size:11px}.fee-comparison dd{color:var(--fg);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:18px}.fee-note{color:var(--muted);font-size:11px;line-height:1.45}.tile-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-soft);margin-top:auto;display:flex}.checked-date{color:var(--muted);font-size:10px}.tile-footer a{color:var(--accent);text-underline-offset:3px;font-size:13px;font-weight:600;text-decoration-thickness:1px}.empty-state{padding:var(--space-8);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:center}.empty-state h3{color:var(--fg);font-family:var(--font-display);font-size:23px;font-weight:400}.empty-state p{margin:var(--space-2) 0 var(--space-4);color:var(--muted);font-size:13px}.empty-state button{border-radius:var(--radius-pill);background:var(--fg);min-height:40px;color:var(--accent-on);cursor:pointer;font:inherit;padding:8px 15px;font-size:13px}.reading-band{gap:var(--space-8);margin-top:var(--space-12);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--surface-dark), var(--surface-darker));color:var(--accent-on);grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);padding:clamp(25px,4vw,42px);display:grid}.band-kicker{color:color-mix(in srgb, var(--accent-on) 72%, transparent);font-size:12px}.reading-intro h2{max-width:18ch;margin-top:var(--space-2);color:var(--accent-on);font-family:var(--font-display);font-size:clamp(25px,3vw,36px);font-weight:400;line-height:1.1}.reading-principles{display:grid}.reading-principles p{border-top:1px solid var(--border-dark);color:color-mix(in srgb, var(--accent-on) 82%, transparent);grid-template-columns:110px 1fr;gap:15px;margin:0;padding:13px 0;font-size:12px;line-height:1.5;display:grid}.reading-principles strong{color:var(--accent-on);font-size:12px}@media (width<=900px){.hub-directory{gap:var(--space-5);grid-template-columns:minmax(165px,.28fr) minmax(0,.72fr)}.card-list{grid-template-columns:1fr}}@media (width<=680px){.credit-card-directory .page-layout .intro{margin-bottom:var(--space-6)}.hub-directory{gap:var(--space-6);grid-template-columns:1fr}.hub-sidebar{gap:var(--space-4);grid-template-columns:1fr;position:static}.filter-chips{flex-wrap:wrap;display:flex}.filter-chip{text-align:center}.card-list{grid-template-columns:1fr}.reading-band{gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:1fr}.reading-intro h2{max-width:25ch}}@media (width<=420px){.card-header{gap:var(--space-2);grid-template-columns:minmax(90px,.65fr) minmax(0,1fr)}.card-art{min-height:88px;padding:5px}.tile-footer{flex-direction:column;align-items:flex-start}.reading-principles p{gap:var(--space-1);grid-template-columns:1fr}}