/* RMA launch fixes 2026-10-30 (Tristan's 10-29 notes). Design only; no words. */
.is-soon{opacity:.62;cursor:default;pointer-events:none}
button[disabled]{opacity:.62;cursor:default}

/* Projects: bring the gold path and first story up (less gap under the hero) */
.page-hero:has(+ .current-flow > .projects-stop){padding-bottom:40px}
.current-flow > .projects-stop:first-child{padding-top:28px}

/* Topics in progress: column headers visible on a laptop screen without scrolling */
.river-band:has(+ .deep-band .path-board) .hero,
.river-band:has(+ .deep-band .path-board){padding-block:40px 32px}
.river-band:has(+ .deep-band .path-board) h1{font-size:clamp(2.4rem,4.6vw,4rem)}
.deep-band:has(.path-board){padding-top:0}
.river-band:has(+ .deep-band .path-board) > .wrap{padding-block:12px 24px}
.deep-band:has(.path-board) > .wrap{padding-top:22px}

@media (max-width:640px){
  /* Phone hero: buttons and the four week steps on the first screen, steps as one line */
  .hero{padding-block:28px 32px}
  .hero h1{font-size:2.3rem;text-wrap:balance}
  .hero .lead{font-size:1rem;line-height:1.5}
  .hero .actions{margin-top:18px}
  .weekline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:22px}
  .weekline li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;font-size:.82rem}
  .weekline li b{font-size:1rem}

  /* Find your way in: the logo sits above the heading so the four ways follow the intro */
  #find-your-way .wrap{display:flex;flex-direction:column}
  #find-your-way .gather{display:contents}
  #find-your-way .ring{order:-1;width:132px;margin:0 auto 18px;padding:22px}
  #find-your-way .door{margin-top:16px}
}