.topic-hero{padding:48px 0 36px;border-bottom:1px solid var(--gray-200)}.topic-hero--science{background:linear-gradient(135deg,#e8fff4,#dbeafe)}.topic-hero--math{background:linear-gradient(135deg,#eff6ff,#e0f2fe)}.topic-hero--history{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.topic-hero--geo{background:linear-gradient(135deg,#fce7f3,#ede9fe)}.topic-hero--language{background:linear-gradient(135deg,#f3e8ff,#ede9fe)}.topic-hero--econ{background:linear-gradient(135deg,#fff7ed,#fffbeb)}.topic-hero__inner{display:flex;align-items:flex-start;gap:24px}.topic-hero__icon{font-size:3.5rem;flex-shrink:0;width:80px;height:80px;background:var(--white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.topic-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:10px}.topic-hero p{max-width:620px;margin-bottom:16px;font-size:1rem}.topic-hero__tags{display:flex;gap:8px;flex-wrap:wrap}.topic-hero__tags .tag-pill{background:var(--white);border:1px solid var(--gray-200)}.topic-hero__tags .tag-pill:hover{background:var(--teal);color:var(--white);border-color:var(--teal)}@media(max-width:600px){.topic-hero__icon{display:none}}.topic-game-card__thumb{height:130px;display:flex;align-items:center;justify-content:center;font-size:3rem}.topic-game-card__type{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-muted);margin-bottom:6px}.topic-game-card h3{font-size:1rem;margin-bottom:6px}.topic-game-card p{font-size:.84rem;color:var(--ink-soft);line-height:1.5}.guide-list-card__tags{display:flex;gap:6px;margin-bottom:10px}.guide-list-card h3{font-size:1rem;margin-bottom:6px}.guide-list-card p{font-size:.84rem;color:var(--ink-soft);line-height:1.5;margin-bottom:10px}.guide-list-card__meta{font-size:.78rem;color:var(--gray-500);font-weight:500}@media(max-width:480px){.topic-hero{padding:32px 16px 24px}.topic-games-grid{grid-template-columns:1fr;gap:10px}.game-card{padding:14px}}