.topic-page{background:var(--background);min-height:100vh}.topic-page__header{border-bottom:2px solid var(--foreground);padding:2rem 0}@media (min-width:768px){.topic-page__header{padding:3rem 0}}.topic-page__title{font-family:var(--font-display);color:var(--foreground);letter-spacing:-.02em;font-size:2.5rem;font-weight:800;line-height:1.1}@media (min-width:768px){.topic-page__title{font-size:3.5rem}}@media (min-width:1024px){.topic-page__title{font-size:4rem}}.topic-page__description{color:var(--foreground-muted);max-width:42rem;margin-top:.75rem;font-size:1rem}@media (min-width:768px){.topic-page__description{font-size:1.125rem}}.topic-page__related{flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.25rem;display:flex}.topic-page__related-link{color:var(--foreground-muted);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.topic-page__related-link:hover{color:var(--color-electric)}.topic-page__content{padding:2rem 0}@media (min-width:768px){.topic-page__content{padding:3rem 0}}.topic-page__count{font-family:var(--font-mono);color:var(--foreground-muted);margin-bottom:1.5rem;font-size:.8125rem}.topic-grid{margin-bottom:3rem}.topic-grid__mobile{display:block}.topic-grid__desktop{display:none}@media (min-width:1024px){.topic-grid__mobile{display:none}.topic-grid__desktop{grid-template-columns:1fr 2fr 1fr;gap:1.5rem;display:grid}}.topic-grid__mobile-rest{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}@media (min-width:640px){.topic-grid__mobile-rest{grid-template-columns:repeat(3,1fr)}}.topic-grid__column{flex-direction:column;gap:1rem;display:flex}.topic-grid__column--left,.topic-grid__column--center{border-right:1px solid var(--border);padding-right:1.5rem}.topic-card{display:block}.topic-card--large{border-bottom:2px solid var(--foreground);margin-bottom:1.5rem;padding-bottom:1.5rem}.topic-card__image{background:var(--background-muted);border-radius:.5rem;margin-bottom:.75rem;position:relative;overflow:hidden}.topic-card__image--large{aspect-ratio:16/10}.topic-card__image--medium{aspect-ratio:4/3}.topic-card__title{font-family:var(--font-display);color:var(--foreground);transition:color var(--transition-fast);font-weight:700;line-height:1.2}.group:hover .topic-card__title{color:var(--color-electric)}.topic-card__title--large{font-size:1.5rem}@media (min-width:640px){.topic-card__title--large{font-size:1.75rem}}.topic-card__title--medium{font-size:.9375rem;line-height:1.3}@media (min-width:640px){.topic-card__title--medium{font-size:1rem}}.topic-card__teaser{color:var(--foreground-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.9375rem;line-height:1.5;display:-webkit-box;overflow:hidden}.topic-card__meta{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.topic-card__date{font-family:var(--font-mono);color:var(--foreground-muted);font-size:.75rem}.topic-featured{display:block}.topic-featured__image{aspect-ratio:4/3;background:var(--background-muted);border-radius:.5rem;margin-bottom:.75rem;position:relative;overflow:hidden}.topic-featured__image--large{aspect-ratio:16/10}.topic-featured__title{font-family:var(--font-display);color:var(--foreground);transition:color var(--transition-fast);font-size:1rem;font-weight:700;line-height:1.25}.group:hover .topic-featured__title{color:var(--color-electric)}.topic-featured__title--large{font-size:1.5rem}@media (min-width:1280px){.topic-featured__title--large{font-size:1.75rem}}.topic-featured__meta{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.topic-featured__date{font-family:var(--font-mono);color:var(--foreground-muted);font-size:.75rem}.topic-text{border-bottom:1px solid var(--border);padding-bottom:.75rem}.topic-text__title{font-family:var(--font-display);color:var(--foreground);transition:color var(--transition-fast);font-size:.9375rem;font-weight:600;line-height:1.35}.group:hover .topic-text__title{color:var(--color-electric)}.topic-text__meta{justify-content:space-between;align-items:center;margin-top:.375rem;display:flex}.topic-text__date{font-family:var(--font-mono);color:var(--foreground-muted);font-size:.6875rem}.topic-list{border-top:2px solid var(--foreground);margin-top:3rem;padding-top:2rem}.topic-list__heading{font-family:var(--font-display);color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700}.topic-list__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:640px){.topic-list__grid{grid-template-columns:repeat(2,1fr);gap:1rem 2rem}}@media (min-width:1024px){.topic-list__grid{grid-template-columns:repeat(3,1fr)}}.topic-list-item{border-bottom:1px solid var(--border);gap:.75rem;padding-bottom:1rem;display:flex}.topic-list-item__image{background:var(--background-muted);border-radius:.375rem;flex-shrink:0;width:80px;height:60px;position:relative;overflow:hidden}.topic-list-item__content{flex:1;min-width:0}.topic-list-item__title{font-family:var(--font-display);color:var(--foreground);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-size:.9375rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.group:hover .topic-list-item__title{color:var(--color-electric)}.topic-list-item__date{font-family:var(--font-mono);color:var(--foreground-muted);margin-top:.25rem;font-size:.6875rem;display:block}.topic-pagination{justify-content:center;align-items:center;gap:.25rem;margin-top:3rem;display:flex}.topic-pagination__nav{color:var(--foreground-muted);transition:color var(--transition-fast);align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.topic-pagination__nav:hover:not(.topic-pagination__nav--disabled){color:var(--color-electric)}.topic-pagination__nav--disabled{opacity:.4;cursor:not-allowed}.topic-pagination__pages{align-items:center;gap:.25rem;display:flex}.topic-pagination__ellipsis{color:var(--foreground-muted);padding:.5rem}.topic-pagination__page{text-align:center;min-width:2.5rem;color:var(--foreground-muted);transition:all var(--transition-fast);padding:.5rem .75rem;font-size:.875rem;font-weight:500}.topic-pagination__page:hover{color:var(--color-electric);background:var(--background-muted)}.topic-pagination__page--active,.topic-pagination__page--active:hover{background:var(--color-electric);color:#fff}.topic-page__empty{text-align:center;padding:4rem 2rem}.topic-page__empty-icon{width:4rem;height:4rem;color:var(--foreground-muted);opacity:.5;margin:0 auto 1rem}.topic-page__empty-title{font-family:var(--font-display);color:var(--foreground);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.topic-page__empty-text{color:var(--foreground-muted);font-size:.9375rem}