/* Phone layout: shared section rhythm and reference-design content gutters. */
@media (max-width: 767px) {
  #main-content { --mobile-section-gap: 72px; --mobile-gutter: 12px; }
  #main-content > section { margin-block: var(--mobile-section-gap) 0 !important; }
  #main-content > section:first-child { margin-top: 32px !important; }
  #main-content .site-container { width: 100%; max-width: 100%; padding-inline: var(--mobile-gutter); }
  #main-content .site-container > .layout-row { margin-inline: 0; }
  #main-content .site-container > .layout-row > :is(.layout-col-10, .layout-col-sm-10) { width: 100%; padding-inline: 0; }
  #main-content :is(.ct3, .ct4) > div > .nav-warp,
  #main-content .ct3-n > .nav-warp,
  #main-content #pills-tab { width: calc(100% - 24px); margin-inline: auto !important; }
  #main-content :is(#pills-ct3-tab, #pills-ct4-tab, #pills-ct5-tab, #pills-tab) {
    display: flex; width: 100%; gap: 5px; flex-wrap: nowrap; padding: 0; transform: none !important;
  }
  #main-content #pills-tab { width: calc(100% - 24px); gap: 8px; }
  #main-content .nav-pills .nav-link {
    display: flex; align-items: center; justify-content: center;
    text-align: center; box-sizing: border-box;
    min-height: 42px; padding: 8px 4px !important; margin: 0 !important;
  }
  #main-content :is(#pills-ct3-tab, #pills-ct4-tab, #pills-ct5-tab) .nav-link {
    flex: 1 1 0; width: 0 !important; min-width: 0; height: auto;
  }
  #main-content .nav-pills .nav-link h4 {
    margin: 0 !important; padding: 0; line-height: 1.25 !important;
    font-size: clamp(15px, 4.5vw, 20px); overflow-wrap: anywhere;
  }
  #main-content #pills-ct3-tab h4 { font-size: clamp(13px, 3.7vw, 18px); }
  #main-content #pills-tab .nav-item { flex: 1 1 0; min-width: 0; }
  #main-content #pills-tab .nav-link { width: 100%; }
  #main-content #pills-tabContent .site-container > .layout-row > div { padding-inline: 0; }
  #main-content .feature-content { margin-top: 0 !important; }
  #pills-ct5-tabContent .tagtitle1 { width: 72% !important; margin: 0 auto 24px; }
  #pills-ct5-tabContent .tagimg1 { width: 64% !important; margin-inline: auto; }
  /* The old, unprefixed bottom-0 utility no longer anchors this track layer. */
  .hero-carousel .banner-top .tracks { inset: auto 0 0; width: 100%; }
  .hero-carousel .banner-top > section { overflow: hidden; }
}