/*
 * Premium 6 — centered introduction and calmer desktop content scale.
 * Loaded last so the focused layout rules win over legacy premium overrides.
 */
@media (min-width: 1024px) {
  body:not(.home) main.detail-page--premium-7 .premium-six-intro {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(1120px, calc(100vw - 120px)) !important;
    max-width: 1120px !important;
    margin: 0 auto clamp(72px, 7vw, 108px) !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-intro-copy {
    width: min(760px, 100%) !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-intro-copy > span,
  body:not(.home) main.detail-page--premium-7 .premium-six-intro-copy > h2,
  body:not(.home) main.detail-page--premium-7 .premium-six-intro-copy > p {
    text-align: center !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-intro-copy > p {
    max-width: 660px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-cards {
    width: min(1180px, calc(100vw - 120px)) !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    transform: none !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-card {
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, .76fr) !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-card figure {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1.34 / 1 !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-card-copy {
    padding: clamp(42px, 4vw, 62px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  body:not(.home) main.detail-page--premium-7 .premium-six-cards {
    width: min(1040px, calc(100vw - 64px)) !important;
  }

  body:not(.home) main.detail-page--premium-7 .premium-six-card {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .8fr) !important;
  }
}