/* ============================================================
   about.css — ABOUT ROUTE ONLY
   Loads after site.css. Everything structural (.band, .wrap, .lede,
   .note, .symptoms, .btn) is shared furniture and lives there; this
   file adds only what the route's own layout needs.
   ============================================================ */
@layer route {

  /* Two columns of prose at desktop, stacked below. minmax(0,1fr) rather than
     1fr so a long unbroken string cannot push the column past its track. */
  .about-cols{display:grid;grid-template-columns:1fr;gap:2.5rem}

  @media (min-width:52rem){
    .about-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}
  }

  .about-cols h2{margin-top:0}

  .about-cols p{max-width:46ch}

  /* The don't-do list reuses .symptoms for its markers; it only needs its own
     measure so the four lines sit as a block rather than running the full width.
     (.cta-row was promoted to site.css on 20 Aug when five routes started using it.) */
  .about-nots{max-width:52ch}

}