/* P3 responsive fixes: restore original mobile navigation behavior after P2
   and simplify Corporate's programme journey on small screens.
   Existing desktop layout, videos, Stripe, HubSpot and brand colours are unchanged. */

/* P2's high-specificity button display declarations must not reopen
   desktop CTAs in mobile headers. */
@media (max-width: 1200px) {
  html[data-universe="schools"] .site-header .header-cta { display:none; }
}
@media (max-width: 1180px) {
  html[data-universe="corporate"] .site-header .nav-cta { display:none; }
}
@media (max-width: 1150px) {
  html[data-universe="families"] .site-header .header-cta { display:none; }
}
@media (max-width: 920px) {
  html[data-universe="leaders"] .header .nav-cta { display:none; }
}
@media (max-width: 700px) {
  html[data-universe="leaders"] .speaking-club-page .topbar > .gold-button { display:none; }
}

/* Corporate: replace the narrow 7-point connected diagram with a small
   series of readable numbered cards on tablet and phone only. */
@media (max-width: 900px) {
  html[data-universe="corporate"] .timeline-list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    counter-reset:emolia-journey;
    padding:0;
    margin:24px 0 0;
    list-style:none;
  }
  html[data-universe="corporate"] .timeline-list li {
    counter-increment:emolia-journey;
    display:flex;
    align-items:center;
    min-width:0;
    min-height:64px;
    padding:14px 16px 14px 64px;
    border:1px solid #d9e7ef;
    border-radius:14px;
    background:#f6fafc;
    color:#102a43;
    font:800 15px/1.4 Manrope,Arial,sans-serif;
  }
  html[data-universe="corporate"] .timeline-list li::before {
    content:counter(emolia-journey, decimal-leading-zero);
    position:absolute;
    top:50%;
    left:14px;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:0;
    border-radius:10px;
    background:#d6e8f8;
    color:#102a43;
    font:800 12px/1 Manrope,Arial,sans-serif;
  }
}
@media (max-width: 620px) {
  html[data-universe="corporate"] .timeline-list {
    grid-template-columns:minmax(0,1fr);
    gap:9px;
  }
  html[data-universe="corporate"] .timeline-list li {
    min-height:58px;
    padding:11px 14px 11px 60px;
    font-size:15px;
  }
  html[data-universe="corporate"] .timeline-caps {
    gap:8px;
    margin-bottom:22px;
  }
  html[data-universe="corporate"] .timeline-caps > span {
    max-width:100%;
    font-size:12px;
    line-height:1.4;
    overflow-wrap:break-word;
  }
}
/* Prevent the corporate header from extending outside a 320px-wide viewport. */
@media (max-width: 420px) {
  html[data-universe="corporate"] .site-header .header-inner {
    gap:8px;
    min-width:0;
  }
  html[data-universe="corporate"] .site-header .brand {
    gap:7px;
    min-width:0;
  }
  html[data-universe="corporate"] .site-header .brand img {
    width:105px;
    max-width:100%;
    height:auto;
  }
  html[data-universe="corporate"] .site-header .brand span {
    font-size:9px;
    padding-left:7px;
    letter-spacing:.08em;
  }
  html[data-universe="corporate"] .site-header .menu-toggle {
    display:block;
    margin-left:auto;
    width:44px;
    min-width:44px;
    padding:0;
  }
  html[data-universe="corporate"] .site-header .lang-toggle {
    min-width:44px;
    flex:0 0 auto;
    padding:8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-universe="corporate"] .timeline-list li {
    transition:none;
  }
}