/* Layout repairs are confined to the foundation activity homepage. */
.activity-home {
    --apple-max-width: 1800px;
    --activity-gutter: clamp(18px, 3vw, 48px);
    --activity-header-height: 88px;
}

/* Header, main content and footer share one horizontal alignment. */
.activity-home .nba-header__inner,
.activity-home .nba-footer__inner {
    max-width: var(--apple-max-width);
    padding-inline: var(--activity-gutter);
}
.activity-home .nba-header__inner { height: var(--activity-header-height); }
.activity-home .nba-header__brand { white-space: nowrap; }
.activity-home .nba-header__logo img { flex: none; }
.activity-home .nba-marquee { top: calc(var(--activity-header-height) + 1px); }
.activity-home .nba-marquee__wrap { min-width: 0; }
.activity-home .activity-content,
.activity-home .nba-home-layout__main { width: 100%; min-width: 0; }
.activity-home .nba-breadcrumb { align-items: center; }
.activity-home .nba-breadcrumb__current { flex: initial; }

/* Keep the existing edge-to-edge photo banner and reserve room for controls. */
.activity-home .nba-hero__slide-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.activity-home .nba-hero__slide-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.activity-home .nba-hero__slide-link { max-width: 100%; }
.activity-home .nba-hero__slide-link::after { flex: none; }
.activity-home .nba-hero__controls { align-items: center; }
.activity-home .nba-hero__dots,
.activity-home .nba-hero__arrows { flex: none; align-items: center; }

/* Headlines have equal image areas and consistent space for their metadata. */
.activity-home .nba-headlines { align-items: stretch; }
.activity-home .nba-headlines__title { min-width: 0; }
.activity-home .nba-headlines__heading { overflow-wrap: anywhere; }
.activity-home .nba-headlines__list { align-items: stretch; scroll-padding-inline: 4px; }
.activity-home .nba-headlines__item,
.activity-home .nba-headlines__item:nth-last-child(-n+3),
.activity-home .nba-headlines__item:last-child {
    grid-template-columns: 36px minmax(0, 1fr);
    flex-basis: clamp(250px, 19vw, 300px);
}
.activity-home .nba-headlines__num { padding-left: 2px; }
.activity-home .nba-headlines__info { min-width: 0; }
.activity-home .nba-headlines__cat { overflow-wrap: anywhere; }
.activity-home .nba-headlines__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 4.8em;
    overflow: hidden;
    line-height: 1.6;
}
.activity-home .nba-headlines__date { flex-wrap: nowrap; gap: 6px; }
.activity-home .nba-headlines__date .material-symbols-rounded { flex: none; }

/* Sections wrap their actions before long titles can squeeze the buttons. */
.activity-home .nba-section__head { align-items: center; flex-wrap: wrap; gap: 16px 24px; }
.activity-home .nba-section__head > :first-child { flex: 1 1 260px; min-width: 0; }
.activity-home .nba-section__title { overflow-wrap: anywhere; }
.activity-home .nba-section__actions { max-width: 100%; flex-wrap: wrap; gap: 8px 12px; }
.activity-home .nba-section__more { white-space: nowrap; }
.activity-home .nba-scroll-arrow { flex: 0 0 44px; }
.activity-home .nba-scroll-wrap { min-width: 0; }
.activity-home .nba-scroll { align-items: stretch; scroll-padding-inline: 2px; padding-inline: 2px; }
.activity-home .nba-trend { max-width: calc(100% - 4px); }
.activity-home .nba-trend__img-wrap { flex: none; }
.activity-home .nba-trend__duration { max-width: calc(100% - 24px); overflow-wrap: anywhere; }
.activity-home .nba-trend__body { min-width: 0; }
.activity-home .nba-trend__title,
.activity-home .nba-grid-card__title,
.activity-home .nba-grid-card__meta,
.activity-home .nba-trend__meta { overflow-wrap: anywhere; }
.activity-home .nba-home-layout { align-items: start; gap: clamp(24px, 2.5vw, 40px); }
.activity-home .nba-home-layout__main > .nba-section:last-of-type { margin-bottom: 0; }
.activity-home .nba-home-layout .nba-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 24px;
    align-items: stretch;
}
.activity-home .nba-grid-card { min-width: 0; }
.activity-home .nba-grid-card__img-wrap { flex: none; }
.activity-home .nba-grid-card__body { padding: 24px; }
.activity-home .nba-grid-card__tag { max-width: 100%; overflow-wrap: anywhere; }

/* Gallery thumbnails keep the full image in a compact, separate grid. */
.activity-home .nba-home-layout .nba-grid--gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.activity-home .nba-gallery-card { margin: 0; border-radius: 16px; }
.activity-home .nba-gallery-card .nba-grid-card__img-wrap { aspect-ratio: 1; background: var(--activity-sage); }
.activity-home .nba-gallery-card .nba-grid-card__img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; }
.activity-home .nba-gallery-card:hover .nba-grid-card__img { transform: none; }

/* Social cards and tags stay inside the sidebar at every width. */
.activity-home .nba-sidebar { width: 100%; min-width: 0; top: calc(var(--activity-header-height) + 68px); }
.activity-home .nba-sidebar__section { min-width: 0; padding: 22px; }
.activity-home .nba-social-card { gap: 12px; padding: 14px; }
.activity-home .nba-social-card > div { min-width: 0; }
.activity-home .nba-social-card__count { overflow-wrap: anywhere; }
.activity-home .nba-sidebar__tags { align-items: flex-start; }
.activity-home .nba-tag { display: inline; }
.activity-home .nba-footer__links a { max-width: 100%; font-size: 15px; }
.activity-home .nba-footer__col-title { font-size: 13px; }
.activity-home .nba-footer__copy,
.activity-home .nba-footer__bottom-links a { font-size: 13px; }
.activity-home .nba-footer__bottom-links { flex-wrap: wrap; }

@media (min-width: 1600px) {
    .activity-home .nba-home-layout { grid-template-columns: minmax(0, 1fr) 320px; }
    .activity-home .nba-home-layout .nba-grid--gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
    .activity-home { --activity-header-height: 76px; }
    .activity-home .nba-sidebar { position: static; }
}
@media (max-width: 960px) {
    .activity-home .nba-headlines__title { align-items: center; }
    .activity-home .nba-headlines__all { flex: none; }
}
@media (max-width: 767px) {
    .activity-home .nba-hero__slide-title { -webkit-line-clamp: 3; }
    .activity-home .nba-hero__slide-content { padding-block: 36px 100px; }
    .activity-home .nba-hero__slide-desc { -webkit-line-clamp: 2; }
    .activity-home .nba-headlines__item,
    .activity-home .nba-headlines__item:nth-last-child(-n+3),
    .activity-home .nba-headlines__item:last-child { flex-basis: min(280px, 84vw); }
    .activity-home .nba-home-layout .nba-grid { grid-template-columns: minmax(0, 1fr); }
    .activity-home .nba-home-layout .nba-grid--gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .activity-home .nba-section__head > :first-child { flex-basis: 100%; }
    .activity-home .nba-section__actions { width: 100%; }
    .activity-home .nba-section__actions .nba-section__more { margin-left: auto; }
    .activity-home .nba-grid-card__body { padding: 22px; }
}
@media (max-width: 580px) {
    .activity-home .nba-headlines__title { align-items: flex-start; }
    .activity-home .nba-footer__grid { grid-template-columns: minmax(0, 1fr); }
    .activity-home .nba-sidebar__section { padding: 20px; }
}
@media (max-width: 360px) {
    .activity-home .nba-headlines__item,
    .activity-home .nba-headlines__item:nth-last-child(-n+3),
    .activity-home .nba-headlines__item:last-child { flex-basis: calc(100vw - 52px); }
    .activity-home .nba-hero__controls { gap: 14px; }
    .activity-home .nba-hero__slide-link { gap: 16px; padding-left: 18px; }
}