/* "Explore by topic" cards (home + resources). Auto-fit grid: add a topic in site_names.TOPICS and it slots in. */
.topics-sec{background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);border-top:1px solid var(--line)}
.topic-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.topic-card{position:relative;background:#fff;border:1px solid var(--line);border-top:6px solid var(--gold);border-radius:var(--radius);padding:1.5rem 1.5rem 1.4rem;box-shadow:0 2px 10px rgba(2,28,74,.06);display:flex;flex-direction:column}
.topic-card+.topic-card{border-top-color:var(--navy-3)}
.topic-top{display:flex;gap:1rem;align-items:center;margin-bottom:.7rem}
.topic-ico{flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--navy);color:#FFD36B}
.topic-ico svg{width:32px;height:32px}
.topic-meta{margin:0 0 .25rem;display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:center}
.topic-pil{font-size:.9rem;font-weight:700;color:var(--muted)}
.topic-card h3{margin:0;font-size:clamp(1.35rem,2.6vw,1.6rem)}
.topic-card h3 a{color:var(--navy);text-decoration:none}
.topic-card h3 a:hover{text-decoration:underline}
.topic-card>p{margin:0 0 .9rem}
.topic-subs{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.topic-subs a{display:inline-flex;align-items:center;min-height:40px;padding:.2rem .85rem;border:1.5px solid var(--line);border-radius:999px;background:var(--cream);color:var(--navy);font-weight:700;font-size:.98rem;text-decoration:none}
.topic-subs a:hover{border-color:var(--navy);background:#fff}
.topic-cta{margin-top:auto;align-self:flex-start}
.topic-grid.compact .topic-card{padding:1.2rem 1.2rem 1.1rem}
.topic-grid.compact .topic-card>p{font-size:1.02rem}
@media (max-width:639px){.topic-card{padding:1.2rem 1.1rem}.topic-ico{width:48px;height:48px}.topic-cta{align-self:stretch;text-align:center}}