.topic-cards__section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.topic-cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.topic-cards__card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);height:100%;box-shadow:var(--shadow);flex-direction:column;padding:18px 20px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}:is(.topic-cards__card:has(.topic-cards__link:hover),.topic-cards__card:has(.topic-cards__link:focus-visible)){border-color:var(--color-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.topic-cards__head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.topic-cards__icon{background:var(--color-accent-soft);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.375rem;display:grid}.topic-cards__group{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-size:.6875rem;font-weight:700}.topic-cards__title{margin:0;font-size:1.25rem}.topic-cards__link{color:inherit;text-decoration:none}.topic-cards__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.topic-cards__link:focus-visible{outline:none}.topic-cards__top3{counter-reset:rank;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.topic-cards__top3 li{counter-increment:rank;grid-template-columns:16px auto 1fr;grid-template-areas:"n logo brand""n logo tagline";align-items:center;column-gap:10px;display:grid}.topic-cards__top3 li:before{content:counter(rank);font-family:var(--font-display);color:var(--color-text-muted);grid-area:n;font-weight:800}.topic-cards__top3 li>:first-child{border-radius:6px;grid-area:logo}.topic-cards__brand{grid-area:brand;font-size:.9375rem;font-weight:700;line-height:1.2}.topic-cards__tagline{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-area:tagline;font-size:.75rem;line-height:1.3;overflow:hidden}.topic-cards__more{border-top:1px solid var(--color-border);color:var(--color-accent-soft-text);margin:auto 0 0;padding-top:12px;font-size:.875rem;font-weight:700}.topic-cards__more span{transition:transform .15s;display:inline-block}.topic-cards__card:has(.topic-cards__link:hover) .topic-cards__more span{transform:translate(3px)}