/* The hero is shared; its destinations occupy the same quiet reading width. */
.news-page { font-family: var(--spinmatch-font-family); line-height: 1.6; color: #fff; background: #1a1a1a; min-height: 100vh; margin: 0; padding: 0; }
.news-page .container { max-width: 1300px; margin: 0 auto; padding: 0; }
.news-page .news-main { padding: 0 0 40px; min-height: 60vh; }
.news-page .news-layout { display: block; min-width: 0; }
.news-page .news-view[hidden] { display: none; }
.news-page .news-content { min-width: 0; padding: 0; background: transparent; border: 0; }
.news-page .news-list { margin-top: 8px; }
.news-page .news-list h2::after { display: none; }
.news-page .news-search-toolbar { display: block; max-width: 1200px; min-width: 0; margin: 0 auto; padding: 0; isolation: auto; }
.news-page .news-category-filter { grid-column: 1 / -1; }
.news-page .filters-panel .news-categories { display: flex; flex-flow: row wrap; justify-content: flex-start; gap: 8px; min-width: 0; margin: 0; padding: 0; overflow: visible; background: transparent; border: 0; border-radius: 0; backdrop-filter: none; }
.news-page .filters-panel .category-btn { min-height: 40px; padding: 8px 13px; border: 0; border-radius: 8px; background: var(--sm-filter-choice); color: var(--sm-text-muted, #aeb4bf); font: inherit; font-size: 13px; cursor: pointer; transition: background-color 180ms ease, color 180ms ease; }
.news-page .filters-panel .category-btn:hover { background: rgba(255,255,255,.04); color: #fff; }
.news-page .filters-panel .category-btn.active { background: var(--sm-filter-selected); box-shadow: none; color: #fff; }
.news-page .filters-panel .category-btn:focus-visible { outline: 2px solid rgba(230,235,243,.55); outline-offset: 2px; }
@media (max-width: 768px) {
    .news-page .news-main > .container { padding: 0; }
    .news-page .news-search-toolbar { margin-bottom: 0; }
    .news-page .news-main { padding-bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) { .news-page .category-btn { transition: none; } }