.topics-page{--tp-bg:#0a0612;--tp-surface:#171120;--tp-elevated:#232328;--tp-text:#f6edf4;--tp-text2:#b8a9bc;--tp-text3:#7a6f84;--tp-accent:#f03c64;--tp-on-accent:#fff;--tp-line:#ffffff14;--tp-radius:4px;--tp-radius-panel:6px;background:var(--tp-bg);min-height:100vh;color:var(--tp-text)}.topics-main{width:100%;max-width:var(--content-max);padding:20px var(--page-gutter) 84px;box-sizing:border-box;margin-inline:auto}.topics-hero{border-bottom:1px solid var(--tp-line);margin:0 0 22px;padding-bottom:16px}.topics-hero__kicker{color:var(--tp-accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.topics-hero__title{color:var(--tp-text);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.2}.topics-hero__deck{max-width:48ch;color:var(--tp-text2);margin:0;font-size:14px;line-height:1.55}.topics-status{color:var(--tp-text2);margin:0 0 16px;font-size:13px}.topics-status[role=alert]{color:#f43f5e}.topics-status--muted{color:var(--tp-text3)}.topics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.topic-card{border:1px solid var(--tp-line);border-radius:var(--tp-radius-panel);background:var(--tp-elevated);color:inherit;text-decoration:none;transition:border-color .15s;display:block;overflow:hidden}.topic-card:hover{border-color:#f03c6473}.topic-card:hover .topic-card__image{transform:scale(1.03)}.topic-card:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}.topic-card__cover{aspect-ratio:16/9;background:var(--tp-elevated);position:relative;overflow:hidden}.topic-card__image,.topic-card__placeholder{position:absolute;inset:0}.topic-card__image{transition:transform .35s}.topic-card__placeholder{background:linear-gradient(135deg,#8c2fe038,#0a0612e6)}.topic-card__veil{pointer-events:none;z-index:1;background:linear-gradient(#0000,#0a0612e0);height:52%;position:absolute;inset:auto 0 0}.topic-card__title{z-index:2;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px #00000073;margin:0;font-size:16px;font-weight:750;line-height:1.3;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.topics-breadcrumb{margin:0 0 16px}.topics-breadcrumb a{color:var(--tp-text2);font-size:13px;font-weight:650;text-decoration:none}.topics-breadcrumb a:hover{color:var(--tp-text)}.topics-breadcrumb a:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px;border-radius:var(--tp-radius)}.topic-detail-hero{border:1px solid var(--tp-line);border-radius:var(--tp-radius-panel);background:var(--tp-elevated);margin:0 0 24px;overflow:hidden}.topic-detail-hero__cover{aspect-ratio:21/9;background:var(--tp-elevated);min-height:180px;position:relative;overflow:hidden}.topic-detail-hero__image,.topic-detail-hero__placeholder{position:absolute;inset:0}.topic-detail-hero__placeholder{background:linear-gradient(145deg,#8c2fe047,#0a0612f2)}.topic-detail-section__head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;display:flex}.topic-detail-section__head h2{color:var(--tp-text);margin:0;font-size:16px;font-weight:750}.topic-detail-section__head span{color:var(--tp-text3);font-size:12px;font-weight:650}.topics-page .category-grid{gap:16px 12px}@media (max-width:980px){.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-detail-hero__cover{aspect-ratio:16/9}}@media (max-width:640px){.topics-grid{grid-template-columns:1fr}}