/*
 * Final responsive rhythm layer for the main MR·H site.
 * Route-owned composition stays intact; this layer only gives top-level
 * content groups more breathing room below the desktop breakpoint.
 */

@media (min-width: 768px) and (max-width: 1199px) {
  html[data-site="main"][data-brand-system="2026"] {
    --mrh-responsive-section-space: 88px;
    --mrh-responsive-hero-end-space: 80px;
    --mrh-responsive-journal-space: 72px;
    --mrh-responsive-article-space: 64px;
  }

  html[data-site="main"][data-brand-system="2026"] body :is(
    .home-section:not(.home-hero),
    .emd-section,
    .emd-final,
    .cm-section,
    .cm-final,
    .pw-section,
    .pw-final,
    .md-section,
    .md-final,
    .diagnostics-section,
    .diagnostics-brief,
    .ab-section,
    .ab-contact,
    .cases-v2-challenges,
    .cases-v2-recommendations,
    .cases-v2-catalog,
    .cases-v2-bottom-cta,
    .case-detail-context,
    .case-detail-result,
    .case-detail-evidence,
    .case-detail-applicable,
    .case-detail-cta
  ) {
    padding-block: var(--mrh-responsive-section-space);
  }

  html[data-site="main"][data-brand-system="2026"] body :is(
    .home-hero,
    .emd-hero,
    .cm-hero,
    .pw-hero,
    .md-hero,
    .diagnostics-hero,
    .ab-hero,
    .case-detail-hero
  ) {
    padding-bottom: var(--mrh-responsive-hero-end-space);
  }

  html[data-site="main"][data-brand-system="2026"] body .cases-v2-hero__inner {
    padding-bottom: var(--mrh-responsive-hero-end-space);
  }

  html[data-site="main"][data-brand-system="2026"] body :is(
    .journal-topic-guide,
    .journal-cover-story,
    .journal-accents,
    .journal-topics-block,
    .journal-archive
  ) {
    padding-top: var(--mrh-responsive-journal-space);
  }

  html[data-site="main"][data-brand-system="2026"] body .journal-masthead {
    padding-bottom: 56px;
  }

  html[data-site="main"][data-brand-system="2026"] body .journal-subscription {
    margin-top: var(--mrh-responsive-journal-space);
    padding-block: 64px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-header {
    padding-block: 44px 52px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-lede {
    padding-block: 48px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-layout {
    padding-block: 48px 32px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-chapter {
    padding-bottom: var(--mrh-responsive-article-space);
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-related {
    padding-block: var(--mrh-responsive-article-space);
  }

  html[data-site="main"][data-brand-system="2026"] body #main.contact-compact .contact-compact__shell {
    padding-block: 64px 48px;
  }

  html[data-site="main"][data-brand-system="2026"] body #main.contact-compact .contact-compact__direct {
    margin-top: 48px;
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  html[data-site="main"][data-brand-system="2026"] {
    --mrh-responsive-section-space: 72px;
    --mrh-responsive-hero-end-space: 64px;
    --mrh-responsive-journal-space: 56px;
    --mrh-responsive-article-space: 56px;
  }

  html[data-site="main"][data-brand-system="2026"] body :is(
    .home-section:not(.home-hero),
    .emd-section,
    .emd-final,
    .cm-section,
    .cm-final,
    .pw-section,
    .pw-final,
    .md-section,
    .md-final,
    .diagnostics-section,
    .diagnostics-brief,
    .ab-section,
    .ab-contact,
    .cases-v2-challenges,
    .cases-v2-recommendations,
    .cases-v2-catalog,
    .cases-v2-bottom-cta,
    .case-detail-context,
    .case-detail-result,
    .case-detail-evidence,
    .case-detail-applicable,
    .case-detail-cta
  ) {
    padding-block: var(--mrh-responsive-section-space);
  }

  html[data-site="main"][data-brand-system="2026"] body :is(
    .home-hero,
    .emd-hero,
    .cm-hero,
    .pw-hero,
    .md-hero,
    .diagnostics-hero,
    .ab-hero,
    .case-detail-hero
  ) {
    padding-bottom: var(--mrh-responsive-hero-end-space);
  }

  html[data-site="main"][data-brand-system="2026"] body .cases-v2-hero__inner {
    padding-bottom: var(--mrh-responsive-hero-end-space);
  }

  html[data-site="main"][data-brand-system="2026"] body :is(
    .journal-topic-guide,
    .journal-cover-story,
    .journal-accents,
    .journal-topics-block,
    .journal-archive
  ) {
    padding-top: var(--mrh-responsive-journal-space);
  }

  html[data-site="main"][data-brand-system="2026"] body .journal-masthead {
    padding-bottom: 48px;
  }

  html[data-site="main"][data-brand-system="2026"] body .journal-subscription {
    margin-top: var(--mrh-responsive-journal-space);
    padding-block: 48px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-header {
    padding-block: 36px 40px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-lede {
    padding-block: 40px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-layout {
    padding-block: 40px 28px;
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-chapter {
    padding-bottom: var(--mrh-responsive-article-space);
  }

  html[data-site="main"][data-brand-system="2026"] body .publication-page .publication-related {
    padding-block: var(--mrh-responsive-article-space);
  }

  html[data-site="main"][data-brand-system="2026"] body #main.contact-compact .contact-compact__shell {
    padding-block: 44px 36px;
  }

  html[data-site="main"][data-brand-system="2026"] body #main.contact-compact .contact-compact__direct {
    margin-top: 48px;
    padding-top: 36px;
  }
}