/* Home 2 / PRE — responsive QA from real mobile screenshot, 2026-11-10.
   Desktop remains unchanged. Overrides use adequate specificity to beat base grids. */
.rmh2 .rmh2-eco-mobile-links { display:none; }

/* At tablet widths, align stacked editorial modules consistently. */
@media (max-width:780px) {
  body.rm-pilots .rmh2 .rmh2-section-intro,
  body.rm-pilots .rmh2 .rmh2-ecosystem-section .rmh2-section-intro {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:20px!important;
    width:100%;
    max-width:100%!important;
  }
  body.rm-pilots .rmh2 .rmh2-section-intro > * {
    min-width:0;
    width:100%;
    max-width:100%;
  }
  body.rm-pilots .rmh2 .rmh2-section-intro h2 {
    max-width:100%!important;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
  }
  body.rm-pilots .rmh2 .rmh2-section-intro > p,
  body.rm-pilots .rmh2 .rmh2-section-intro > div > p:not(.rm-pilot-eyebrow) {
    max-width:680px!important;
    min-width:0;
  }
  body.rm-pilots .rmh2 .rmh2-ecosystem-section .rmh2-section-intro {
    margin:0 auto 23px!important;
    padding:0!important;
  }
  body.rm-pilots .rmh2 .rmh2-ecosystem-section .rmh2-section-intro h2 {
    max-width:100%!important;
  }
  body.rm-pilots .rmh2 .rmh2-ecosystem-section .rmh2-eco-explanation {
    width:100%;
    max-width:100%!important;
    border-left:0!important;
    border-top:1px solid rgba(205,213,225,.25)!important;
    padding:17px 0 0!important;
    min-height:0;
    margin:0!important;
    align-items:stretch;
  }
  body.rm-pilots .rmh2 .rmh2-ecosystem-section .rmh2-eco-explanation > p {
    max-width:680px!important;
  }
  .rmh2 .rmh2-eco-diagram {
    position:relative;
    isolation:isolate;
  }
  .rmh2 .rmh2-eco-mobile-links {
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:1;
    pointer-events:none;
    overflow:visible;
  }
  .rmh2 .rmh2-eco-node,
  .rmh2 .rmh2-eco-content {
    z-index:2;
  }
  .rmh2 .rmh2-tools .rmh2-section-intro > div:last-child,
  .rmh2 .rmh2-story .rmh2-section-intro > p,
  .rmh2 .rmh2-think .rmh2-section-intro > p {
    min-width:0!important;
    max-width:680px!important;
  }
}
/* Compact mobile: remove desktop-inspired whitespace, preserve circle hierarchy. */
@media (max-width:520px) {
  .rmh2 .rmh2-container { width:calc(100% - 36px); }
  body.rm-pilots .rmh2 .rm-pilot-section {
    padding:clamp(48px,13vw,62px) 0!important;
  }
  body.rm-pilots .rmh2 .rmh2-section-intro {
    gap:14px!important;
    margin-bottom:26px!important;
  }
  body.rm-pilots .rmh2 .rmh2-section-intro h2 {
    font-size:clamp(1.82rem,7.4vw,2.23rem)!important;
    line-height:1.18!important;
    letter-spacing:-.035em;
    max-width:none!important;
    margin:0!important;
  }
  body.rm-pilots .rmh2 .rmh2-ecosystem-section .rmh2-section-intro h2 {
    font-size:clamp(1.78rem,7.2vw,2.2rem)!important;
    line-height:1.17!important;
  }
  body.rm-pilots .rmh2 .rmh2-section-intro > p,
  body.rm-pilots .rmh2 .rmh2-section-intro > div > p:not(.rm-pilot-eyebrow) {
    font-size:1rem;
    line-height:1.62;
  }
  body.rm-pilots .rmh2 .rmh2-ecosystem-section {
    padding:56px 0 62px!important;
  }
  .rmh2 .rmh2-eco-diagram {
    gap:12px 8px!important;
    padding:8px 0 15px!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .rmh2 .rmh2-eco-user,
  .rmh2 .rmh2-eco-decision {
    width:min(44vw,155px);
  }
  .rmh2 .rmh2-eco-search,
  .rmh2 .rmh2-eco-ai {
    width:min(44vw,155px);
  }
  .rmh2 .rmh2-eco-content {
    width:min(76vw,260px);
    padding:13px 15px!important;
  }
  .rmh2 .rmh2-eco-content > strong {
    font-size:clamp(19px,5.1vw,24px);
    margin-bottom:6px;
  }
  .rmh2 .rmh2-eco-sources {
    gap:0;
  }
  .rmh2 .rmh2-eco-sources li {
    font-size:clamp(12px,3.4vw,14px);
    line-height:1.34;
  }
  .rmh2 .rmh2-eco-content-icon {
    height:32px;
    width:32px;
    margin-bottom:4px;
  }
  .rmh2 .rmh2-eco-explanation {
    gap:7px!important;
  }
  .rmh2 .rmh2-eco-heading .rmh2-eco-explanation-tag {
    font-size:.69rem;
  }
  .rmh2 .rmh2-eco-heading .rmh2-eco-explanation > p {
    font-size:.91rem;
    line-height:1.53;
  }
  .rmh2 .rmh2-expertise-grid,
  .rmh2 .rmh2-think-grid,
  .rmh2 .rmh2-story-line { gap:22px; }
  .rmh2 .rmh2-mentoring-grid {
    gap:23px;
  }
  .rmh2 .rmh2-mentoring-copy h2 {
    max-width:100%;
  }
  .rmh2 .rmh2-promxia-layout {
    gap:24px;
  }
  .rmh2 .rmh2-credentials-intro {
    margin-bottom:24px;
  }
  .rmh2 .rmh2-seo-shelf {
    margin-top:30px;
    padding-top:24px;
  }
  .rmh2 .rmh2-seo-shelf-head {
    gap:8px;
  }
  body.rm-pilots .rmh2 .rmh2-ending {
    padding:60px 0!important;
  }
}