.topic-hero{border-bottom:1px solid var(--border);padding:3.5rem 0 3rem;position:relative;overflow:hidden}@media (min-width:640px){.topic-hero{padding:5rem 0 4rem}}.topic-hero:before{content:"";pointer-events:none;background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 0%,#0000 78%);mask-image:radial-gradient(120% 100% at 50% 0,#000 0%,#0000 78%)}.topic-hero>*{z-index:1;position:relative}.topic-eyebrow{letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(var(--topic-rgb,225,29,72),.25);background:rgba(var(--topic-rgb,225,29,72),.1);color:rgb(var(--topic-rgb,225,29,72));border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.72rem;font-weight:800;display:inline-flex}.topic-crumbs{color:var(--muted2);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:flex}.topic-crumbs a{color:var(--muted2);transition:color .14s}.topic-crumbs a:hover{color:var(--fg)}.topic-next-card{border:1px solid var(--border);background:var(--panel2);border-radius:1.1rem;padding:1.25rem 1.35rem;text-decoration:none;transition:transform .22s,border-color .22s,background .22s;display:block}.topic-next-card:hover{border-color:rgba(var(--topic-rgb,225,29,72),.42);background:var(--panel);transform:translateY(-3px)}.topic-next-card .tnc-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);font-size:.68rem;font-weight:800}.topic-next-card .tnc-title{color:var(--fg);margin-top:.4rem;font-weight:800}.topic-next-card .tnc-sub{color:var(--muted);margin-top:.3rem;font-size:.85rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.topic-next-card{transition:none}.topic-next-card:hover{transform:none}}