@layer theme,base,legacy;@layer components{.topic-page{grid-template-columns:minmax(0,1fr);gap:32px;min-width:0;display:grid}.topic-breadcrumbs{color:var(--text-tertiary);font:500 13px/18px var(--font-ui);flex-wrap:wrap;gap:8px;display:flex}.topic-breadcrumbs a{color:var(--text-secondary);text-decoration:none}.topic-breadcrumbs a:hover{color:var(--text)}.topic-intro{gap:12px;max-width:760px;display:grid}.topic-intro .t-over,.topic-intro .t-body{color:var(--text-secondary)}.topic-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;list-style:none;display:grid}.topic-card{height:100%;color:var(--text);background:var(--raised);border-radius:20px;align-items:center;gap:16px;padding:12px;text-decoration:none;transition:background-color .16s;display:flex}.topic-card:hover{background:var(--fill-strong)}.topic-card-art{background:var(--fill-faint);border-radius:14px;flex:none;width:96px;height:96px;overflow:hidden}.topic-card-art img,.topic-show-art img,.topic-episode-art img{object-fit:cover;width:100%;height:100%;display:block}.topic-card-copy{gap:4px;min-width:0;display:grid}.topic-item-title{font:600 17px/22px var(--font-ui);text-overflow:ellipsis;overflow:hidden}.topic-card-intro{color:var(--text-secondary);font:500 13px/18px var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.topic-card-count{color:var(--text-tertiary);font:500 12px/16px var(--font-ui)}.topic-hero{color:#fff;background:linear-gradient(120deg,#1d1840,#433b75 100%);border-radius:28px;gap:10px;padding:36px;display:grid;position:relative;overflow:hidden}.topic-hero-art{object-fit:cover;opacity:.9;border-radius:28px;width:260px;height:260px;position:absolute;top:-20px;right:-30px;transform:rotate(14deg)}.topic-hero-copy{z-index:1;gap:10px;max-width:600px;display:grid;position:relative}.topic-hero .t-over{color:#ffffffbf}.topic-hero .t-sub{color:#ffffffd1}.topic-hero-button{color:#fff;height:44px;font:600 15px/20px var(--font-ui);background:#ffffff2e;border-radius:999px;justify-self:start;align-items:center;gap:8px;margin-top:6px;padding:0 18px 0 16px;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.topic-hero-button:hover{background:#ffffff42}.topic-hero-button svg{width:18px;height:18px}.topic-section{gap:16px;min-width:0;display:grid}.topic-section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.topic-count{color:var(--text-tertiary);font:500 13px/18px var(--font-ui)}.topic-guidance{max-width:66ch;color:var(--text-secondary);font:500 15px/22px var(--font-ui)}.topic-shows{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px;list-style:none;display:grid}.topic-show{color:var(--text);gap:4px;text-decoration:none;display:grid}.topic-show-art{aspect-ratio:1;background:var(--surface-elevated);border-radius:12px;margin-bottom:4px;display:block;overflow:hidden}.topic-show .topic-item-title{font:500 15px/20px var(--font-ui);white-space:nowrap}.topic-show-sub{color:var(--text-tertiary);font:500 13px/18px var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.topic-show:hover .topic-item-title{text-underline-offset:3px;text-decoration:underline}.topic-episodes{gap:2px;list-style:none;display:grid}.topic-episode{color:var(--text);border-radius:14px;align-items:center;gap:14px;padding:8px;text-decoration:none;display:flex}.topic-episode:hover{background:var(--fill-faint)}.topic-episode-art{background:var(--surface-elevated);border-radius:10px;flex:none;width:56px;height:56px;overflow:hidden}.topic-episode-copy{gap:3px;min-width:0;display:grid}.topic-episode .topic-item-title{white-space:nowrap}.topic-episode-meta{color:var(--text-tertiary);font:500 13px/18px var(--font-ui)}.topic-guide{background:var(--raised);border-radius:22px;padding:24px}.topic-guide-cta{color:var(--accent-soft);font:600 15px/20px var(--font-ui);text-underline-offset:4px;justify-self:start}.topic-related{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.topic-chip{height:40px;color:var(--text-secondary);background:var(--fill-faint);font:600 15px/20px var(--font-ui);border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.topic-chip:hover{color:var(--text);background:var(--hover-background)}@media (max-width:1100px){.topic-shows{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.topic-page{gap:24px}.topic-cards{grid-template-columns:minmax(0,1fr)}.topic-hero{padding:24px}.topic-hero-art{opacity:.45;width:150px;height:150px;top:-30px;right:-40px}.topic-shows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.topic-card{transition:none}}}@layer utilities;