.site-utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--header-utility-height);
  border-block-end: var(--border-width) solid var(--color-border);
}

.site-utility__social {
  display: flex;
  align-items: center;
}

.site-utility__social a,
.site-search-disclosure summary {
  display: grid;
  place-items: center;
  width: var(--header-social-size);
  height: var(--header-social-size);
  min-height: 0;
  color: var(--color-text);
}

.icon {
  display: inline-block;
  width: var(--header-search-icon-size);
  height: var(--header-search-icon-size);
  flex: none;
}

.site-utility a:hover,
.site-search-disclosure summary:hover {
  color: var(--brand-accent);
}

.site-search-disclosure {
  position: relative;
}

.site-search-disclosure summary {
  list-style: none;
}

.site-search-disclosure summary::-webkit-details-marker {
  display: none;
}

.site-search-disclosure .site-search {
  position: absolute;
  z-index: 30;
  inset-block-start: calc(100% + var(--space-1));
  inset-inline-end: 0;
  display: grid;
  width: min(var(--header-search-control-width), calc(100vw - 2 * var(--page-gutter)));
  padding: var(--space-4);
  background: var(--color-page);
  border: var(--border-width) solid var(--color-border);
  box-shadow: var(--header-search-popover-shadow);
}

.site-search-disclosure[open] .site-search {
  animation: search-reveal var(--motion-duration-fast) var(--motion-easing-standard) both;
}

@keyframes search-reveal {
  from { opacity: 0; transform: translateY(calc(-1 * var(--space-2))); }
  to { opacity: 1; transform: translateY(0); }
}

.site-search label {
  font-size: var(--text-small);
  font-weight: var(--font-weight-bold);
}

.site-search__controls {
  display: flex;
  gap: var(--space-2);
}

.site-search__controls input {
  width: 100%;
  min-width: 0;
}

.site-header-slot {
  position: relative;
}

.site-header {
  position: relative;
  inset-block-start: 0;
  z-index: 20;
  width: 100%;
  border: 0;
  background: var(--color-header);
}

.site-header__inner {
  display: block;
  min-height: 0;
}

.site-header__mast {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: var(--space-6);
  padding-block: var(--header-mast-padding);
}

.site-header__mast p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--header-location-size);
  line-height: var(--leading-meta);
}

.site-header__motto {
  text-align: right;
}

.site-header__brand img {
  display: block;
  width: clamp(var(--header-logo-mobile-width), var(--header-logo-fluid-width), var(--header-logo-width));
  max-width: none;
}

.site-navigation--desktop {
  border-block: var(--border-width) solid var(--color-text);
}

.site-navigation--desktop ul {
  justify-content: center;
  gap: 0;
  flex-wrap: nowrap;
  min-height: var(--header-nav-height);
}

.site-navigation--desktop a {
  min-height: var(--header-nav-height);
  padding-inline: var(--header-nav-item-padding);
  border: 0;
  border-block-end: var(--nav-indicator-width) solid transparent;
  font-size: var(--header-nav-font-size);
}

.site-navigation--mobile {
  display: none;
}

.site-header.is-compact {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  box-shadow: var(--header-sticky-shadow);
  border-block-end: var(--border-width) solid var(--color-border);
  animation: header-reveal var(--motion-duration-fast) var(--motion-easing-standard) both;
}

@keyframes header-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}

.site-header.is-compact .site-header__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-8);
}

.site-header.is-compact .site-header__mast {
  display: block;
  padding-block: var(--header-compact-padding);
}

.site-header.is-compact .site-header__location,
.site-header.is-compact .site-header__motto {
  display: none;
}

.site-header.is-compact .site-header__brand img {
  width: var(--header-logo-compact-width);
}

.site-header.is-compact .site-navigation--desktop {
  border: 0;
}

.site-header.is-compact .site-navigation--desktop ul {
  justify-content: flex-end;
  gap: 0;
  min-height: 0;
}

.site-header.is-compact .site-navigation--desktop a {
  min-height: var(--control-min-size);
  padding-inline: var(--header-compact-nav-item-padding);
  font-size: var(--header-compact-nav-font-size);
}

.site-navigation--desktop a:hover,
.site-navigation--desktop a:focus-visible,
.site-navigation--desktop a[aria-current] {
  background: transparent;
  border-block-end-color: var(--color-nav-active-line);
}

.site-footer {
  padding-block: var(--space-8) var(--space-4);
  background: var(--color-surface);
}

.site-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1.5fr);
  gap: var(--column-gap);
}

.site-footer__brand {
  max-width: var(--footer-copy-max);
}

.site-footer__brand-pair {
  display: flex;
  align-items: center;
  gap: var(--footer-brand-gap);
}

.site-footer__brand-pair a img {
  width: var(--footer-logo-width);
  max-width: 100%;
}

.site-footer__brand-divider {
  width: var(--border-width);
  height: var(--footer-brand-divider-height);
  flex: none;
  background: var(--color-border);
}

.site-footer__brand .site-footer__network-logo {
  width: var(--footer-network-logo-width);
  max-width: 100%;
  height: auto;
}

.site-footer__brand p {
  color: var(--color-text);
  font-size: var(--text-small);
}

.site-footer__group h2 {
  margin-block-end: var(--space-4);
  font-size: var(--text-small);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--underline-offset);
  text-transform: uppercase;
}

.site-footer__group ul {
  display: grid;
  gap: var(--space-1);
  justify-content: start;
}

.site-footer__group a {
  min-height: 0;
  padding-block: var(--space-1);
  border: 0;
  font-size: var(--text-small);
  font-weight: var(--font-weight-regular);
}

.site-footer__group a:hover,
.site-footer__group a:focus-visible {
  text-decoration: underline;
  text-decoration-color: var(--brand-accent);
  text-underline-offset: var(--underline-offset);
}

.site-footer__contact {
  display: grid;
  align-content: start;
  gap: var(--space-2);
}

.site-footer__contact a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  overflow-wrap: anywhere;
}

.site-footer__contact a span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.site-footer__contact .icon {
  width: var(--space-4);
  height: var(--space-4);
}

.site-footer__legal {
  margin-block-start: var(--space-6);
  grid-column: 1 / -1;
}

.back-to-top {
  position: fixed;
  z-index: 40;
  inset-inline-end: var(--page-gutter);
  inset-block-end: var(--space-6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--control-min-size);
  width: var(--control-min-size);
  padding: 0;
  border: var(--border-width) solid var(--color-border);
  background: var(--color-page);
  color: var(--color-text);
  box-shadow: var(--back-to-top-shadow);
  font-size: var(--text-small);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  animation: header-reveal var(--motion-duration-fast) var(--motion-easing-standard) both;
}

.back-to-top[hidden] { display: none; }

.back-to-top:hover,
.back-to-top:focus-visible { border-color: var(--brand-accent); }

.reading-progress {
  position: fixed;
  z-index: 80;
  inset-block-start: 0;
  inset-inline: 0;
  height: var(--article-progress-height);
  background: var(--brand-accent);
  transform: scaleX(var(--reading-progress, 0));
  transform-origin: left center;
  pointer-events: none;
}

@media (max-width: 1119px) {
  .site-header__inner,
  .site-header.is-compact .site-header__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-4);
    align-items: center;
    padding-block: 0;
  }

  .site-header__mast {
    display: block;
    padding-block: var(--space-3);
  }

  .site-header__location,
  .site-header__motto,
  .site-navigation--desktop {
    display: none;
  }

  .site-navigation--mobile {
    display: block;
    justify-self: end;
  }

  .site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 719px) {
  .site-header__brand img,
  .site-header.is-compact .site-header__brand img {
    width: var(--header-logo-mobile-width);
  }

  .site-footer__inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-footer__legal {
    grid-column: 1;
  }
}

.breadcrumb {
  color: var(--color-text-secondary);
  font-size: var(--text-label);
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: 0;
  list-style: none;
}

.breadcrumb li + li::before {
  content: "/";
  padding-inline-end: var(--space-2);
  color: var(--color-border);
}

.breadcrumb [aria-current="page"] {
  color: var(--color-text);
}

.site-main:has(.article-layout),
.site-main:has(.content-layout) {
  gap: var(--space-8);
  padding-block-start: var(--space-8);
}

.article-layout {
  align-items: start;
  gap: var(--story-section-gap) var(--column-gap);
}

.article-header__category a,
.information-page__eyebrow,
.collection-header__eyebrow {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-text);
  letter-spacing: var(--tracking-editorial-label);
}

.article-header h1 {
  max-width: 100%;
  font-size: var(--story-title-size);
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-tight);
  text-wrap: balance;
  overflow-wrap: normal;
}

.article-header__excerpt {
  max-width: var(--story-reading-width);
  font-size: var(--story-deck-size);
  line-height: var(--leading-body);
}

.article-header__meta {
  padding-block-start: var(--space-4);
  border-block-start: var(--border-width) solid var(--color-border);
}

.article-header__meta strong {
  color: var(--color-text);
}

.article-detail {
  max-width: none;
  gap: var(--space-6);
}

.featured-media {
  aspect-ratio: var(--player-aspect);
}

.featured-media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-media:has(> .article-detail__featured-image) {
  aspect-ratio: auto;
}

.featured-media > .article-detail__featured-image {
  height: auto;
  object-fit: contain;
}

.article-body {
  max-width: var(--story-reading-width);
  gap: var(--story-paragraph-gap);
}

.article-body p {
  line-height: var(--leading-article);
}

.article-body .ad-slot {
  padding-block: var(--space-6);
  border-block: var(--border-width) solid var(--color-border);
}

.share-controls {
  display: grid;
  gap: var(--space-4);
  align-content: start;
  padding-block-start: var(--space-6);
  border-block-start: var(--border-width) solid var(--color-border);
}

.share-controls h2 {
  font-size: var(--story-related-title-size);
}

.share-controls__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.share-controls a {
  gap: var(--space-2);
  background: var(--color-page);
  font-size: var(--text-small);
}

.share-controls .icon {
  width: var(--story-share-icon-size);
  height: var(--story-share-icon-size);
}

.related-news {
  padding-block-start: var(--space-4);
  border-block-start: var(--editorial-rule-strong);
}

.related-news h2 {
  margin-block-end: var(--space-2);
  font-size: var(--story-sidebar-heading-size);
}

.related-news .article-card__title {
  font-size: var(--story-related-title-size);
}

.related-news .article-card__excerpt,
.related-news .article-card__category,
.related-news .article-card__meta > span {
  display: none;
}

.editorial-sidebar {
  display: grid;
  align-content: start;
  gap: var(--story-section-gap);
  min-width: 0;
  padding-inline-start: var(--space-6);
  border-inline-start: var(--border-width) solid var(--color-border);
}

.editorial-sidebar__block {
  padding-block-start: var(--space-4);
  border-block-start: var(--editorial-rule-strong);
}

.editorial-sidebar__block h2 {
  margin-block-end: var(--space-4);
  font-size: var(--story-sidebar-heading-size);
}

.editorial-sidebar__list {
  display: grid;
  gap: 0;
  padding: 0;
  list-style: none;
}

.editorial-sidebar__list li + li {
  border-block-start: var(--border-width) solid var(--color-border);
}

.editorial-sidebar__list a {
  display: grid;
  grid-template-columns: var(--story-sidebar-thumb-width) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  padding-block: var(--space-3);
  text-decoration: none;
}

.editorial-sidebar__list a:hover strong,
.editorial-sidebar__list a:focus-visible strong {
  text-decoration: underline;
  text-decoration-color: var(--brand-accent);
}

.editorial-sidebar__list img,
.editorial-sidebar__placeholder {
  display: block;
  width: 100%;
  aspect-ratio: var(--image-card-aspect);
  object-fit: cover;
  border-radius: var(--radius-image);
  background: var(--color-surface-hover);
}

.editorial-sidebar__list strong {
  display: block;
  font-size: var(--story-sidebar-item-size);
  line-height: var(--leading-card);
}

.editorial-sidebar__category {
  display: block;
  margin-block-end: var(--space-1);
  font-size: var(--text-label);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-editorial-label);
}

@media (min-width: 1120px) {
  .article-layout > .article-detail { grid-column: 1; grid-row: 1; max-width: none; }
  .article-layout > .share-controls { grid-column: 1; grid-row: 2; }
  .article-layout > .related-news { grid-column: 1; grid-row: 3; }
  .article-layout > .editorial-sidebar { grid-column: 2; grid-row: 1 / span 3; }
}

@media (max-width: 1119px) {
  .article-layout { display: flex; flex-direction: column; }
  .article-layout > .article-detail { order: 1; }
  .article-layout > .share-controls { order: 2; }
  .article-layout > .editorial-sidebar { display: contents; }
  .article-ad--lateral-1 { order: 3; width: 100%; }
  .editorial-sidebar__block { order: 4; width: 100%; }
  .article-layout > .related-news { order: 5; width: 100%; }
  .article-ad--lateral-2 { order: 6; width: 100%; }
}

@media (max-width: 719px) {
  .related-news { grid-template-columns: minmax(0, 1fr); }
  .share-controls__links a { flex: 1 1 auto; }
  .editorial-sidebar__list a { grid-template-columns: minmax(0, var(--story-sidebar-thumb-width)) minmax(0, 1fr); }
  .breadcrumb li[aria-current="page"] { display: none; }
}

.content-layout > .information-page {
  max-width: none;
}

.information-page__header {
  gap: var(--space-4);
}

.information-page__header h1 {
  font-size: var(--story-title-size);
}

.information-page__deck {
  max-width: var(--story-reading-width);
  color: var(--color-text-secondary);
  font-size: var(--story-deck-size);
  line-height: var(--leading-body);
}

.information-page__body {
  max-width: var(--story-reading-width);
  gap: var(--space-8);
}

.information-page__statement {
  display: grid;
  grid-template-columns: var(--border-width) minmax(0, 1fr);
  gap: var(--space-6);
  font-size: var(--story-deck-size);
  font-weight: var(--font-weight-semibold);
}

.information-page__statement::before {
  content: "";
  background: var(--brand-accent);
}

.institutional-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  padding: 0;
  list-style: none;
}

.institutional-values li {
  display: grid;
  gap: var(--space-4);
  align-content: center;
  min-height: var(--space-24);
  padding: var(--space-4);
  background: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-card);
  font-size: var(--text-base);
  font-weight: var(--font-weight-bold);
}

.institutional-values .icon {
  width: var(--space-8);
  height: var(--space-8);
  color: var(--color-text);
}

.institutional-contact {
  padding: var(--space-6);
  background: var(--color-surface);
  border-block-start: var(--editorial-rule-strong);
  font-weight: var(--font-weight-semibold);
}

.institutional-contact a {
  font-weight: var(--font-weight-bold);
}

@media (min-width: 1120px) {
  .content-layout > .information-page { grid-column: 1; grid-row: 1; }
  .content-layout > .editorial-sidebar { grid-column: 2; grid-row: 1; }
}

@media (max-width: 1119px) {
  .content-layout > .editorial-sidebar {
    border: 0;
    padding: 0;
  }
}

@media (max-width: 719px) {
  .institutional-values { grid-template-columns: minmax(0, 1fr); }
}

.site-main:has(.archive-layout) {
  gap: var(--space-6);
  padding-block-start: var(--space-8);
}

.collection-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--archive-header-description-width));
  align-items: end;
  gap: var(--column-gap);
  max-width: none;
  padding-block-end: var(--space-8);
  border-block-end: var(--editorial-rule-strong);
}

.collection-header h1 {
  font-size: var(--archive-title-size);
  line-height: var(--leading-tight);
}

.collection-header > p:last-child {
  max-width: var(--archive-description-measure);
  line-height: var(--leading-body);
}

.search-page .collection-header {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  padding-block-end: var(--space-6);
}

.search-page .collection-header h1 {
  font-size: var(--story-title-size);
}

.archive-layout {
  align-items: start;
  gap: var(--column-gap);
}

.archive-layout [data-archive-list].collection-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--archive-feed-gap);
}

.archive-layout .collection-grid > .article-card {
  padding-block-start: var(--space-4);
  border-block-start: var(--border-width) solid var(--color-border);
}

.archive-layout .collection-grid > .article-card .article-card__title {
  font-size: var(--archive-card-title-size);
}

.archive-layout .collection-grid > .article-card .article-card__excerpt {
  display: none;
}

.archive-grid--opening > .article-card:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
  padding: 0;
  border: 0;
}

.archive-grid--opening > .article-card:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
  padding: 0;
  border: 0;
}

.archive-grid--opening > .article-card:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}

.archive-grid--opening > .article-card:nth-child(1) img,
.archive-grid--opening > .article-card:nth-child(1) .article-card__placeholder {
  aspect-ratio: var(--archive-lead-aspect);
}

.archive-grid--opening > .article-card:nth-child(1) .article-card__title {
  font-size: var(--archive-lead-title-size);
}

.archive-grid--opening > .article-card:nth-child(1) .article-card__excerpt,
.archive-layout .collection-grid > .article-card--wide .article-card__excerpt {
  display: block;
  font-size: var(--text-small);
}

.archive-stream-heading {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-4);
  padding-block-start: var(--space-4);
  border-block-start: var(--editorial-rule-strong);
}

.archive-stream-heading h2 {
  font-size: var(--text-section);
}

.archive-stream-heading span {
  color: var(--color-text-secondary);
  font-size: var(--text-label);
}

.archive-layout .collection-grid > .article-card--wide {
  grid-column: 1 / -1;
}

.archive-layout .collection-grid > .article-card--wide .article-card__content {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: var(--space-6);
}

.archive-layout .collection-grid > .article-card--wide img,
.archive-layout .collection-grid > .article-card--wide .article-card__placeholder {
  grid-row: 1 / span 4;
}

.archive-layout .collection-grid > .article-card--wide .article-card__media-link {
  grid-row: 1 / span 4;
}

.archive-sidebar {
  display: grid;
  align-content: start;
  gap: var(--story-section-gap);
  min-width: 0;
}

.archive-sidebar__selection {
  padding-block-start: var(--space-4);
  border-block-start: var(--editorial-rule-strong);
}

.archive-sidebar__selection h2 {
  margin-block-end: var(--space-4);
  font-size: var(--story-sidebar-heading-size);
}

.archive-sidebar__selection ol {
  display: grid;
  gap: var(--space-4);
  padding: 0;
  list-style: none;
}

.archive-sidebar__selection li + li {
  padding-block-start: var(--space-4);
  border-block-start: var(--border-width) solid var(--color-border);
}

.archive-sidebar__selection a {
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
}

@media (min-width: 1120px) {
  .archive-layout > .archive-main { grid-column: 1; grid-row: 1; }
  .archive-layout > .archive-sidebar { grid-column: 2; grid-row: 1; }
}

@media (max-width: 1119px) {
  .collection-header { grid-template-columns: minmax(0, 1fr); }
  .archive-layout [data-archive-list].collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 719px) {
  .archive-layout [data-archive-list].collection-grid { grid-template-columns: minmax(0, 1fr); }
  .archive-grid--opening > .article-card:nth-child(n) { grid-column: 1; grid-row: auto; }
  .archive-stream-heading { flex-direction: column; }
  .archive-layout .collection-grid > .article-card--wide .article-card__content { grid-template-columns: minmax(0, 1fr); }
  .archive-layout .collection-grid > .article-card--wide img,
  .archive-layout .collection-grid > .article-card--wide .article-card__placeholder { grid-row: auto; }

.archive-layout .collection-grid > .article-card--wide .article-card__media-link {
  grid-row: auto;
}
}

/* Composición editorial de la portada aprobada. */
.site-main:has(.featured-section) {
  gap: 0;
  padding-block: 0 var(--space-16);
}

.home-title,
.featured-section > .section-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.news-ticker {
  margin-block: var(--space-1) var(--space-6);
  padding-inline: 0;
  background: var(--color-page);
  border-block: var(--border-width) solid var(--color-border);
  border-inline: 0;
  border-radius: 0;
}

.news-ticker__eyebrow {
  padding-inline: var(--space-2);
  border-inline-start: var(--border-width) solid var(--brand-accent);
  border-radius: 0;
  background: transparent;
  color: var(--color-text);
}

.article-card {
  border: 0;
}

.article-card__content {
  align-content: start;
  gap: var(--space-2);
  padding: 0;
}

.article-card__category {
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-editorial-label);
  letter-spacing: var(--tracking-editorial-label);
}

.article-card__title {
  font-weight: var(--font-weight-bold);
  line-height: var(--leading-card);
}

.article-card__meta {
  font-size: var(--text-label);
}

.article-card img,
.article-card__placeholder {
  aspect-ratio: var(--image-card-aspect);
}

.article-card img[src$=".svg"] {
  object-fit: contain;
  background: var(--color-surface-hover);
}

.featured-section {
  margin-block: var(--space-6) var(--section-gap);
}

.featured-section > .featured-grid {
  display: grid;
  grid-template-columns: var(--featured-grid-columns);
  grid-auto-rows: auto;
  gap: var(--card-gap);
}

.featured-grid .article-card,
.featured-grid [data-featured-role="lead"],
.featured-grid [data-featured-role="secondary"] {
  min-height: 0;
}

.featured-grid > :nth-child(1) { grid-column: 2; grid-row: 1 / span 2; }
.featured-grid > :nth-child(2) { grid-column: 1; grid-row: 1; }
.featured-grid > :nth-child(3) { grid-column: 1; grid-row: 2; }
.featured-grid > :nth-child(4) { grid-column: 3; grid-row: 1; }
.featured-grid > :nth-child(5) { grid-column: 3; grid-row: 2; }

.featured-grid > :nth-child(2),
.featured-grid > :nth-child(3) {
  padding-inline-end: var(--card-gap);
  border-inline-end: var(--border-width) solid var(--color-border);
}

.featured-grid > :nth-child(4),
.featured-grid > :nth-child(5) {
  padding-inline-start: var(--card-gap);
  border-inline-start: var(--border-width) solid var(--color-border);
}

.featured-grid > :nth-child(3),
.featured-grid > :nth-child(5) {
  padding-block-start: var(--space-6);
  border-block-start: var(--border-width) solid var(--color-border);
}

.featured-grid .article-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-height: 0;
  background: transparent;
  overflow: visible;
}

.featured-grid .article-card__content::after {
  display: none;
}

.featured-grid .article-card img,
.featured-grid .article-card__placeholder {
  position: static;
  order: 3;
  width: 100%;
  height: auto;
  aspect-ratio: var(--image-card-aspect);
}

.featured-grid .article-card .article-card__media-link,
.featured-grid .article-card__media-link {
  order: 3;
  height: auto;
}

.featured-grid .article-card__category,
.featured-grid .article-card__title,
.featured-grid .article-card__meta {
  position: static;
  inset: auto;
}

.featured-grid .article-card__category { order: 1; }
.featured-grid .article-card__title {
  order: 2;
  color: var(--color-text);
  font-size: var(--featured-side-title);
  line-height: var(--leading-heading);
}
.featured-grid .article-card__excerpt {
  order: 4;
  display: block;
  font-size: var(--text-small);
}
.featured-grid .article-card__meta {
  order: 5;
  display: flex;
}

.featured-grid [data-featured-role="lead"] {
  text-align: center;
}

.featured-grid [data-featured-role="lead"] .article-card__title {
  max-width: none;
  font-size: var(--featured-lead-title);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-lead-title);
}

.featured-grid [data-featured-role="lead"] .article-card__excerpt {
  font-size: var(--text-article);
}

.featured-grid [data-featured-role="lead"] .article-card__meta,
.featured-grid [data-featured-role="lead"] .article-card__category {
  justify-content: center;
  align-self: center;
}

.editorial-section {
  grid-template-columns: minmax(0, 1fr);
  margin-block-start: var(--section-gap);
  gap: var(--space-6);
}

.section-heading {
  flex-wrap: wrap;
  align-items: baseline;
  padding-block: var(--space-3) 0;
  border-block-start: var(--editorial-rule-strong);
  border-block-end: 0;
}

.section-heading h2 {
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: var(--font-weight-bold);
}

.section-heading a span { color: var(--brand-accent); }

.latest-with-ad {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--sidebar-max);
  gap: var(--column-gap);
  align-items: start;
}

.latest-with-ad .editorial-section--mixed {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}

.latest-with-ad .home-ad--lateral-1 {
  grid-column: 2;
  grid-row: 1;
  display: block;
  margin-block-start: var(--space-12);
}

.editorial-grid.editorial-grid--mixed,
.editorial-grid.editorial-grid--lead-list,
.editorial-grid.editorial-grid--mosaic,
.editorial-grid.editorial-grid--reverse,
.editorial-grid.editorial-grid--closing {
  display: grid;
  gap: var(--card-gap);
}

.editorial-grid.editorial-grid--mixed { grid-template-columns: minmax(0, 1.6fr) minmax(0, .86fr); }
.editorial-grid.editorial-grid--lead-list { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
.editorial-grid.editorial-grid--mosaic { grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(0, 1fr)); }
.editorial-grid.editorial-grid--reverse { grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, .45fr)); }
.editorial-grid.editorial-grid--closing { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.editorial-grid.editorial-grid--mixed > *,
.editorial-grid.editorial-grid--lead-list > *,
.editorial-grid.editorial-grid--mosaic > *,
.editorial-grid.editorial-grid--reverse > *,
.editorial-grid.editorial-grid--closing > * {
  grid-column: auto;
  grid-row: auto;
}

.editorial-grid--mixed > :first-child,
.editorial-grid--lead-list > :first-child {
  grid-row: 1 / span 3;
}

.editorial-grid--mixed > :first-child .article-card__content,
.editorial-grid--lead-list > :first-child .article-card__content,
.editorial-grid--reverse > :first-child .article-card__content {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  column-gap: var(--space-4);
}

.editorial-grid--mixed > :first-child img,
.editorial-grid--mixed > :first-child .article-card__placeholder,
.editorial-grid--lead-list > :first-child img,
.editorial-grid--lead-list > :first-child .article-card__placeholder,
.editorial-grid--reverse > :first-child img,
.editorial-grid--reverse > :first-child .article-card__placeholder {
  grid-row: 1 / span 4;
  height: 100%;
}

.editorial-grid--mixed > :first-child .article-card__media-link,
.editorial-grid--lead-list > :first-child .article-card__media-link,
.editorial-grid--reverse > :first-child .article-card__media-link {
  grid-row: 1 / span 4;
  height: 100%;
}

.editorial-grid--mixed > :first-child .article-card__title,
.editorial-grid--lead-list > :first-child .article-card__title,
.editorial-grid--reverse > :first-child .article-card__title {
  font-size: var(--editorial-feature-title);
}

.editorial-grid--mixed > :not(:first-child),
.editorial-grid--lead-list > :not(:first-child),
.editorial-grid--reverse > :not(:first-child) {
  padding-block-end: var(--space-3);
  border-block-end: var(--border-width) solid var(--color-border);
}

.editorial-grid--mixed > :not(:first-child) .article-card__title,
.editorial-grid--lead-list > :not(:first-child) .article-card__title,
.editorial-grid--reverse > :not(:first-child) .article-card__title {
  font-size: var(--editorial-brief-title);
}

.editorial-grid--reverse > :first-child { grid-column: 1; }
.editorial-grid--reverse > :not(:first-child) { grid-row: 1; }

.editorial-grid--closing .home-ad--lateral-2 {
  display: block;
  align-self: start;
}

.editorial-grid--closing .home-ad--lateral-2 .ad-slot {
  display: grid;
  grid-column: auto;
}

.editorial-grid--mosaic .article-card__excerpt,
.editorial-grid--closing .article-card__excerpt,
.editorial-grid--closing .article-card__meta {
  display: none;
}

@media (max-width: 1119px) {
  .featured-section > .featured-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .featured-grid > :nth-child(1) { grid-column: 2; grid-row: 1 / span 2; }
  .featured-grid > :nth-child(2) { grid-column: 1; grid-row: 1; }
  .featured-grid > :nth-child(3) { grid-column: 1; grid-row: 2; }
  .featured-grid > :nth-child(4) { grid-column: 1; grid-row: 3; }
  .featured-grid > :nth-child(5) { grid-column: 2; grid-row: 3; }
  .featured-grid > :nth-child(n) { border: 0; padding: 0; }
  .latest-with-ad { grid-template-columns: minmax(0, 1fr); }
  .latest-with-ad .home-ad--lateral-1 { grid-column: 1; grid-row: 1; margin: 0; }
  .latest-with-ad .editorial-section--mixed { grid-column: 1; grid-row: 2; }
  .editorial-grid.editorial-grid--closing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 719px) {
  .featured-section > .featured-grid { grid-template-columns: minmax(0, 1fr); }
  .featured-grid > :nth-child(n) { grid-column: 1; grid-row: auto; }
  .featured-grid [data-featured-role="lead"] .article-card__title { font-size: var(--text-hero); }
  .editorial-grid.editorial-grid--mixed,
  .editorial-grid.editorial-grid--lead-list,
  .editorial-grid.editorial-grid--mosaic,
  .editorial-grid.editorial-grid--reverse,
  .editorial-grid.editorial-grid--closing { grid-template-columns: minmax(0, 1fr); }
  .editorial-grid--mixed > :first-child,
  .editorial-grid--lead-list > :first-child,
  .editorial-grid--reverse > :first-child { grid-row: auto; }
  .editorial-grid--mixed > :first-child .article-card__content,
  .editorial-grid--lead-list > :first-child .article-card__content,
  .editorial-grid--reverse > :first-child .article-card__content { display: grid; grid-template-columns: minmax(0, 1fr); }
  .editorial-grid--mixed > :first-child img,
  .editorial-grid--lead-list > :first-child img,
  .editorial-grid--reverse > :first-child img { grid-row: auto; height: auto; }

.editorial-grid--mixed > :first-child .article-card__media-link,
.editorial-grid--lead-list > :first-child .article-card__media-link,
.editorial-grid--reverse > :first-child .article-card__media-link {
  grid-row: auto;
  height: auto;
}
  .editorial-grid--reverse > :not(:first-child) { grid-row: auto; }
  .editorial-grid--closing .home-ad--lateral-2 { grid-column: 1; }
}

/* Match the approved newspaper sketch on the home page. */
body:has(.featured-section) .page-shell {
  width: min(100%, calc(var(--container-max) + 2 * var(--page-gutter)));
}
body:has(.featured-section) .top-banner-shell { padding-block: var(--space-4); }
body:has(.featured-section) .top-banner-shell .ad-slot__frame {
  background: var(--color-ad-placeholder);
  border-radius: 0;
}
.site-main:has(.featured-section) .news-ticker {
  min-height: var(--control-min-size);
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--space-3);
  margin-block: 0 var(--space-6);
  padding-block: 0;
}
.site-main:has(.featured-section) .news-ticker__eyebrow {
  font-size: var(--home-label-size);
  font-weight: var(--home-weight-label);
}
.site-main:has(.featured-section) .news-ticker__group a { font-size: var(--home-brief-size); font-weight: var(--font-weight-regular); }
.site-main:has(.featured-section) .news-ticker__toggle {
  min-height: 32px;
  padding-inline: var(--space-2);
  border: 0;
  font-size: var(--home-label-size);
}
.site-main:has(.featured-section) .featured-section { margin-block-start: var(--space-6); }
.site-main:has(.featured-section) .featured-section > .featured-grid { gap: var(--space-6); }
.site-main:has(.featured-section) .featured-grid [data-featured-role="lead"] .article-card__placeholder {
  background: linear-gradient(125deg, var(--color-photo-lead-start), var(--color-photo-lead-end));
}
.site-main:has(.featured-section) .featured-grid [data-featured-role="lead"] .article-card__placeholder span {
  color: var(--color-photo-label-inverse);
}
.site-main:has(.featured-section) .article-card__category {
  color: var(--color-editorial-label);
  font-size: var(--home-label-size);
  font-weight: var(--home-weight-label);
  letter-spacing: var(--home-tracking-label);
}

.site-main:has(.featured-section) .article-card__title,
.site-main:has(.featured-section) .section-heading h2 {
  letter-spacing: var(--home-tracking-heading);
  text-wrap: wrap;
}

.site-main:has(.featured-section) .article-card__meta {
  color: var(--color-editorial-meta);
  font-size: var(--home-meta-size);
  font-weight: var(--home-weight-meta);
  line-height: 1.4;
}

.site-main:has(.featured-section) .article-card__content { gap: 0; }
.site-main:has(.featured-section) .article-card__category { margin-block-end: var(--space-2); }
.site-main:has(.featured-section) .article-card__title { margin-block: 0 var(--space-2); }
.site-main:has(.featured-section) .article-card__excerpt { margin-block: 0 var(--space-2); }
.site-main:has(.featured-section) .article-card__meta { margin-block: var(--space-2) 0; }

.site-main:has(.featured-section) .featured-grid .article-card__content { gap: 0; }
.featured-grid .article-card__title {
  font-weight: var(--home-weight-card);
  line-height: 1.16;
}
.featured-grid [data-featured-role="lead"] .article-card__title {
  font-weight: var(--home-weight-hero);
  line-height: 1.04;
  margin-block-end: var(--space-3);
}
.featured-grid [data-featured-role="lead"] .article-card__excerpt {
  order: 4;
  max-width: var(--home-standfirst-max);
  margin-inline: auto;
  margin-block: var(--space-3) var(--space-2);
  font-size: var(--home-standfirst-size);
  font-weight: 430;
  line-height: 1.46;
}
.featured-grid [data-featured-role="lead"] .article-card__meta { order: 5; }
.featured-grid [data-featured-role="secondary"] .article-card__excerpt {
  order: 4;
  font-size: var(--home-brief-size);
  line-height: 1.4;
}
.featured-grid .article-card__placeholder { margin-block: var(--space-2); }

.site-main:has(.featured-section) .article-card__placeholder {
  position: relative;
  overflow: hidden;
  background: linear-gradient(125deg, var(--color-photo-start), var(--color-photo-end));
  border: 0;
}
.site-main:has(.featured-section) .article-card__placeholder span {
  position: absolute;
  inset-inline-start: var(--space-2);
  inset-block-end: var(--space-2);
  color: var(--color-editorial-meta);
  font-size: var(--home-photo-label-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--home-photo-label-tracking);
  text-transform: uppercase;
}

.site-main:has(.featured-section) .article-card img,
.site-main:has(.featured-section) .article-card__placeholder {
  transition: opacity var(--motion-duration-fast) var(--motion-easing-standard);
}

.site-main:has(.featured-section) .article-card__media-link:hover img,
.site-main:has(.featured-section) .article-card__media-link:hover .article-card__placeholder,
.site-main:has(.featured-section) .article-card__media-link:focus-visible img,
.site-main:has(.featured-section) .article-card__media-link:focus-visible .article-card__placeholder {
  opacity: var(--card-hover-opacity);
}

.site-main:has(.featured-section) .section-heading h2 {
  font-size: var(--home-section-title);
  font-weight: var(--home-weight-section);
  line-height: 1.1;
}
.site-main:has(.featured-section) .section-heading a::after { content: none; }

.editorial-grid--mixed .article-card__number {
  color: var(--color-editorial-index);
  font-size: var(--home-index-size);
  font-weight: 750;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.editorial-grid--mixed > :first-child .article-card__number { font-size: var(--home-lead-index-size); }
.editorial-grid--mixed > :first-child .article-card__content { grid-template-columns: 53% minmax(0, 1fr); }
.editorial-grid--mixed > :first-child .article-card__content { column-gap: var(--home-feature-gap); }
.editorial-grid--lead-list > :first-child .article-card__content,
.editorial-grid--reverse > :first-child .article-card__content { column-gap: var(--home-topic-gap); }
.editorial-grid--mixed > :first-child .article-card__placeholder,
.editorial-grid--mixed > :first-child img { grid-column: 1; grid-row: 1 / span 5; }

.editorial-grid--mixed > :first-child .article-card__media-link {
  grid-column: 1;
  grid-row: 1 / span 5;
}
.editorial-grid--mixed > :first-child .article-card__number,
.editorial-grid--mixed > :first-child .article-card__category,
.editorial-grid--mixed > :first-child .article-card__title,
.editorial-grid--mixed > :first-child .article-card__excerpt,
.editorial-grid--mixed > :first-child .article-card__meta { grid-column: 2; }
.editorial-grid--mixed > :first-child .article-card__number { grid-row: 1; }
.editorial-grid--mixed > :first-child .article-card__category { grid-row: 2; }
.editorial-grid--mixed > :first-child .article-card__title { grid-row: 3; }
.editorial-grid--mixed > :first-child .article-card__excerpt { grid-row: 4; }
.editorial-grid--mixed > :first-child .article-card__meta { grid-row: 5; }
.editorial-grid--mixed > :not(:first-child) .article-card__content {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: var(--space-2);
}
.editorial-grid--mixed > :not(:first-child) .article-card__number { grid-column: 1; grid-row: 1 / span 3; }
.editorial-grid--mixed > :not(:first-child) .article-card__category { grid-column: 2; grid-row: 1; }
.editorial-grid--mixed > :not(:first-child) .article-card__title { grid-column: 2; grid-row: 2; }
.editorial-grid--mixed > :not(:first-child) .article-card__meta { grid-column: 2; grid-row: 3; }
.editorial-grid--mixed > :first-child .article-card__title,
.editorial-grid--lead-list > :first-child .article-card__title,
.editorial-grid--reverse > :first-child .article-card__title {
  font-weight: var(--home-weight-feature);
  line-height: 1.13;
}
.editorial-grid--mixed > :not(:first-child) .article-card__title,
.editorial-grid--lead-list > :not(:first-child) .article-card__title,
.editorial-grid--reverse > :not(:first-child) .article-card__title {
  font-size: var(--home-list-title-size);
  font-weight: var(--home-weight-brief);
  line-height: 1.23;
}
.editorial-grid--mosaic .article-card__title,
.editorial-grid--closing .article-card__title {
  font-size: var(--home-small-card-title);
  font-weight: var(--home-weight-card);
  line-height: 1.2;
}
.editorial-grid--closing .article-card__meta { display: flex; }

.site-main:has(.featured-section) .editorial-grid .article-card__media-link {
  margin-block-end: var(--space-3);
}

@media (min-width: 720px) {
  .site-main:has(.featured-section) .editorial-grid:is(.editorial-grid--mixed, .editorial-grid--lead-list, .editorial-grid--reverse) > :first-child .article-card__media-link {
    margin-block-end: 0;
  }
}

.site-navigation__toggle {
  display: grid;
  place-items: center;
  width: var(--control-min-size);
  height: var(--control-min-size);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text);
  cursor: pointer;
}
.site-navigation__drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(var(--drawer-width), 100vw);
  max-width: 100vw;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: var(--space-6);
  border: 0;
  background: var(--color-page);
  color: var(--color-text);
  box-shadow: var(--drawer-shadow);
  overflow-y: auto;
}
.site-navigation__drawer::backdrop { background: var(--drawer-backdrop); }
.site-navigation__drawer[open] { animation: drawer-enter var(--drawer-duration) ease-out both; }
@keyframes drawer-enter { from { transform: translateX(100%); } to { transform: translateX(0); } }
.site-navigation__drawer-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: var(--space-6);
  padding-block-end: var(--space-4);
  border-block-end: var(--border-width) solid var(--color-border);
  font-size: var(--drawer-heading-size);
  font-weight: 750;
}
.site-navigation__close {
  display: grid;
  place-items: center;
  width: var(--control-min-size);
  height: var(--control-min-size);
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.site-navigation__drawer nav ul { display: grid; grid-template-columns: 1fr; gap: 0; }
.site-navigation__drawer nav a {
  display: flex;
  width: 100%;
  min-height: var(--control-min-size);
  padding-block: var(--space-3);
  border-block-end: var(--border-width) solid var(--color-border);
  font-weight: var(--font-weight-semibold);
}
.site-navigation__drawer nav a[aria-current] {
  box-shadow: inset 0 calc(-1 * var(--active-border-width)) 0 var(--color-nav-active-line);
}

@media (max-width: 719px) {
  .site-header__mast { padding-block: var(--space-4); }
  body:has(.featured-section) .top-banner-shell .ad-slot__frame { min-height: var(--home-mobile-ad-height); }
  .site-main:has(.featured-section) .news-ticker { grid-template-columns: auto minmax(0, 1fr) var(--control-min-size); }
  .site-main:has(.featured-section) .news-ticker__viewport { grid-column: 2; grid-row: 1; }
  .site-main:has(.featured-section) .news-ticker__toggle {
    grid-column: 3;
    grid-row: 1;
    width: var(--control-min-size);
    min-height: var(--control-min-size);
    padding: 0;
    font-size: 0;
  }
  .site-main:has(.featured-section) .news-ticker__toggle::after { content: 'Ⅱ'; font-size: var(--drawer-toggle-symbol-size); }
  .site-main:has(.featured-section) .news-ticker.is-paused .news-ticker__toggle::after { content: '▶'; }
  .site-main:has(.featured-section) .featured-section { margin-block-start: var(--space-8); }
  .featured-section > .featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .featured-grid > :nth-child(1) { grid-column: 1 / -1; grid-row: 1; text-align: left; }
  .featured-grid > :nth-child(2) { grid-column: 1; grid-row: 2; }
  .featured-grid > :nth-child(3) { grid-column: 2; grid-row: 2; }
  .featured-grid > :nth-child(4) { grid-column: 1; grid-row: 3; }
  .featured-grid > :nth-child(5) { grid-column: 2; grid-row: 3; }
  .featured-grid > :nth-child(n+2) { border-block-start: var(--border-width) solid var(--color-border); border-inline: 0; padding: var(--space-4) 0 0; }
  .featured-grid [data-featured-role="lead"] .article-card__title { font-size: var(--home-mobile-hero-size); }
  .featured-grid [data-featured-role="lead"] .article-card__category,
  .featured-grid [data-featured-role="lead"] .article-card__meta { align-self: start; justify-content: start; }
  .featured-grid [data-featured-role="lead"] .article-card__excerpt { margin-inline: 0; font-size: var(--home-list-title-size); }
  .featured-grid [data-featured-role="secondary"] .article-card__title { font-size: var(--home-mobile-side-size); }
  .editorial-grid--mixed > :first-child .article-card__content { grid-template-columns: 1fr; }
  .editorial-grid--mixed > :first-child .article-card__placeholder,
  .editorial-grid--mixed > :first-child img,
  .editorial-grid--mixed > :first-child .article-card__number,
  .editorial-grid--mixed > :first-child .article-card__category,
  .editorial-grid--mixed > :first-child .article-card__title,
  .editorial-grid--mixed > :first-child .article-card__excerpt,
  .editorial-grid--mixed > :first-child .article-card__meta { grid-column: 1; grid-row: auto; }

.editorial-grid--mixed > :first-child .article-card__media-link {
  grid-column: 1;
  grid-row: auto;
}
  .editorial-grid--mixed > :first-child .article-card__placeholder,
  .editorial-grid--mixed > :first-child img { grid-row: 1; height: auto; }

.editorial-grid--mixed > :first-child .article-card__media-link {
  grid-row: 1;
  height: auto;
}
  .editorial-grid--mixed > :first-child .article-card__number { grid-row: 2; }
  .site-main:has(.featured-section) .featured-grid .article-card__placeholder { margin-block: var(--space-2); }
}

.site-main .editorial-grid > .empty-state,
.site-main .featured-grid > .empty-state {
  grid-column: 1 / -1;
  grid-row: auto;
}
