/* News uses the same theme, navigation and surfaces as the activity homepage. */
:is(.news-index, .news-detail-page) {
    --news-header-height: 88px;
    --apple-link: var(--activity-teal);
}
:is(.news-index, .news-detail-page) .nba-header__inner { padding-block: 0; }
:is(.news-index, .news-detail-page) .nba-breadcrumb {
    margin: 24px 0 32px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 13px;
}
:is(.news-index, .news-detail-page) :is(.nba-news-layout, .nba-detail__layout) {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: clamp(28px, 3vw, 48px);
}
:is(.news-index, .news-detail-page) .nba-sidebar__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}
:is(.news-index, .news-detail-page) .nba-tag {
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 15px;
}
:is(.news-index, .news-detail-page) .nba-detail__sidebar-news-item {
    gap: 14px;
    padding-block: 18px;
    border-color: var(--activity-line);
}
:is(.news-index, .news-detail-page) .nba-detail__sidebar-news-img-wrap {
    flex: none;
    width: 92px;
    height: 72px;
    border-radius: 10px;
}
:is(.news-index, .news-detail-page) .nba-detail__sidebar-news-title {
    color: var(--apple-dark);
    font-size: 17px;
    line-height: 1.6;
}
:is(.news-index, .news-detail-page) .nba-detail__sidebar-news-date {
    color: var(--activity-muted);
    font-size: 14px;
    line-height: 1.7;
}
:is(.news-index, .news-detail-page) .nba-detail__sidebar-news-item:hover .nba-detail__sidebar-news-title {
    color: var(--activity-teal);
}

/* Search, filters and cards carry the homepage's larger reading sizes. */
.news-index .nba-news-hero {
    padding: clamp(24px, 3vw, 44px);
    border: 1px solid var(--activity-line);
    border-radius: 20px 20px 20px 56px;
    background: var(--activity-sage);
    box-shadow: none;
}
.news-index .nba-news-hero__title {
    color: var(--activity-green);
    font-size: clamp(32px, 3.2vw, 48px);
    font-weight: 800;
    line-height: 1.3;
}
.news-index .nba-news-hero__highlight { color: var(--activity-teal); }
.news-index .nba-news-hero__sub { color: var(--activity-muted); font-size: 17px; }
.news-index .nba-news-search__form { border-color: var(--activity-line); box-shadow: none; }
.news-index :is(.nba-news-search__btn, .nba-newsletter-form__btn, .nba-news-empty__btn) {
    border-radius: 999px;
    background: var(--activity-teal);
    font-size: 16px;
}
.news-index :is(.nba-news-search__btn, .nba-newsletter-form__btn, .nba-news-empty__btn):hover {
    background: var(--activity-green);
}
.news-index .nba-news-filter { border-radius: 999px; font-size: 14px; }
.news-index .nba-news-filter--clear {
    border-color: #bfd6b3;
    background: #e6f2e0;
    color: var(--activity-green);
}
.news-index .nba-news-filter--clear:hover { background: #d5e9cd; color: var(--activity-green); }
.news-index .nba-news-grid { gap: 28px; }
.news-index :is(.nba-news-card, .nba-news-featured) {
    border-color: var(--activity-line);
    border-radius: 16px;
    box-shadow: none;
}
.news-index :is(.nba-news-card, .nba-news-featured):hover {
    border-color: #9ac6a4;
    box-shadow: 0 10px 28px #1e653b12;
}
.news-index :is(.nba-news-card__body, .nba-news-featured__body) { padding: 28px; }
.news-index .nba-news-card__title { color: #173c39; font-size: 24px; line-height: 1.5; }
.news-index .nba-news-featured__title { color: #173c39; font-size: clamp(28px, 2.5vw, 38px); line-height: 1.4; }
.news-index :is(.nba-news-card__desc, .nba-news-featured__desc) {
    color: var(--activity-muted);
    font-size: 18px;
    line-height: 1.85;
}
.news-index :is(.nba-news-card__meta-item, .nba-news-featured__meta-item, .nba-news-card__author) {
    font-size: 14px;
    line-height: 1.7;
}
.news-index :is(.nba-news-card__cat, .nba-news-featured__cat) {
    padding: 7px 12px;
    border-radius: 999px;
    background: var(--activity-green);
    font-size: 13px;
}
.news-index :is(.nba-news-featured__read, .nba-news-card__read-more) { font-size: 16px; }
.news-index .nba-news-sidebar-cat { font-size: 15px; }
.news-index .nba-sidebar__section--newsletter { background: #f2f8ed; }
.news-index .nba-newsletter-title { font-size: 22px; }
.news-index .nba-newsletter-desc { font-size: 16px; line-height: 1.8; }
.news-index .pagination li :is(a, span) { border-radius: 10px; }

/* Keep the article structure and generous typography; replace the old blue surfaces. */
.news-detail-page .nba-detail { padding-block: 0 64px; }
.news-detail-page .nba-reading-progress { top: var(--news-header-height); background: var(--activity-line); }
.news-detail-page .nba-reading-progress__bar { background: var(--activity-teal); }
.news-detail-page .nba-detail__sidebar { top: calc(var(--news-header-height) + 32px); }
.news-detail-page .nba-detail__hero {
    border: 1px solid var(--activity-line);
    border-radius: 20px 20px 20px clamp(40px, 5vw, 72px);
    background: var(--activity-sage);
    box-shadow: none;
}
.news-detail-page .nba-detail__hero-overlay {
    background: linear-gradient(transparent, #173c39b3);
}
.news-detail-page .nba-detail__hero-cat {
    gap: 8px;
    border-radius: 999px;
    background: var(--activity-green);
}
.news-detail-page .nba-detail__meta-bar { border-radius: 16px; background: #f7fbf3; }
.news-detail-page .nba-detail__meta-avatar { border-color: #cfe3c6; }
.news-detail-page .nba-detail__stat { border-radius: 999px; background: #e8f3e0; color: var(--activity-green); }
.news-detail-page .nba-detail__title { color: #173c39; }
.news-detail-page .nba-detail__content { color: #293d33; }
.news-detail-page .nba-detail__content :is(h1, h2, h3, h4, h5, h6) { color: var(--activity-green); }
.news-detail-page .nba-detail__content a { color: var(--activity-teal); text-decoration: underline; text-underline-offset: 4px; }
.news-detail-page .nba-detail__content img { box-shadow: none; }
.news-detail-page .nba-detail__content blockquote {
    border-color: var(--activity-teal);
    background: var(--activity-sage);
    color: var(--activity-green);
}
.news-detail-page .nba-detail__content code { color: var(--activity-green); }
.news-detail-page :is(.nba-detail__share, .nba-detail__author, .nba-detail__comment-form, .nba-detail__login-prompt) {
    border: 1px solid var(--activity-line);
    border-radius: 16px;
    background: #f2f8ed;
}
.news-detail-page .nba-detail__share-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.news-detail-page .nba-detail__share-btn {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border: 1px solid var(--activity-line);
    border-radius: 50%;
    background: #fff;
    color: var(--activity-green);
}
.news-detail-page .nba-detail__share-btn:hover,
.news-detail-page .nba-detail__share-btn--copied {
    border-color: var(--activity-teal);
    background: var(--activity-teal);
    color: #fff;
    box-shadow: 0 4px 14px #1e653b1a;
}
.news-detail-page .nba-detail__author-img { border-color: #cfe3c6; box-shadow: none; }
.news-detail-page .nba-detail__nav-item { border-radius: 16px; }
.news-detail-page .nba-detail__nav-item:hover { box-shadow: 0 6px 18px #1e653b12; }
.news-detail-page :is(.nba-detail__related-title, .nba-detail__comments-title) {
    padding-bottom: 18px;
    border-width: 1px;
    border-color: var(--activity-line);
    color: var(--activity-green);
}
.news-detail-page .nba-detail__related-card { border-radius: 16px; }
.news-detail-page .nba-detail__related-card:hover { border-color: #9ac6a4; box-shadow: 0 10px 28px #1e653b12; }
.news-detail-page .nba-detail__related-name { color: #173c39; }
.news-detail-page .nba-detail__textarea:focus { border-color: var(--activity-teal); box-shadow: 0 0 0 3px #1984471a; }
.news-detail-page .nba-detail__btn-submit { border-radius: 999px; background: var(--activity-teal); }
.news-detail-page .nba-detail__btn-submit:hover { background: var(--activity-green); box-shadow: 0 4px 12px #1e653b1a; }
.news-detail-page .nba-detail__login-prompt p { font-size: 17px; line-height: 1.8; }
.news-detail-page .nba-social-card > i { font-size: 20px; }
.news-detail-page .nba-social-card__count { font-size: 16px; }
.news-detail-page .nba-social-card__label { font-size: 14px; }

@media (max-width: 1100px) {
    :is(.news-index, .news-detail-page) { --news-header-height: 76px; }
    :is(.news-index, .news-detail-page) :is(.nba-news-layout, .nba-detail__layout) { grid-template-columns: minmax(0, 1fr); }
    .news-detail-page .nba-detail__sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
    .news-detail-page .nba-detail__sidebar > :is(.nba-ad, .nba-sidebar__section:first-child) { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
    :is(.news-index, .news-detail-page) .nba-breadcrumb { margin-block: 22px 26px; font-size: 12px; }
    .news-index .nba-news-hero { padding: 24px; border-bottom-left-radius: 36px; }
    .news-index .nba-news-hero__title { font-size: clamp(28px, 6vw, 36px); }
    .news-index .nba-news-hero__sub { font-size: 16px; }
    .news-index .nba-news-grid { grid-template-columns: minmax(0, 1fr); }
    .news-index :is(.nba-news-card__body, .nba-news-featured__body) { padding: 24px; }
    .news-index .nba-news-card__title { font-size: 22px; }
    .news-index .nba-news-featured__title { font-size: 28px; }
    .news-detail-page .nba-detail__hero { border-radius: 16px 16px 16px 40px; }
}

@media (prefers-reduced-motion: reduce) {
    :is(.news-index, .news-detail-page) :is(.nba-news-card, .nba-news-featured, .nba-detail__related-card, .nba-detail__nav-item, .nba-detail__share-btn) {
        transition: none;
        transform: none;
    }
}