/* ============================================================
   MOBILE MINIMAL LAYER  (phones <=992px only)
   ------------------------------------------------------------
   Reversible, design-only layer that restyles the .mhome mobile
   homepage into the approved minimalist layout. It reuses the
   existing .mhome color tokens (--teal, --text, --muted, --bg2,
   --border, --card) so it inherits whatever palette the theme
   supplies: the dark site's locked dark tokens here, and the
   white copy's remapped paper/ink tokens in website-white (via
   white-override.css). NO color values are hardcoded, so the
   locked dark theme is untouched.

   To revert: remove the <link> to this file (and re-enable
   mobile-snap.css if desired). Nothing else changes.

   Loaded AFTER the inline .mhome styles and after mobile-snap.css,
   so these rules win by source order at equal specificity.
   ============================================================ */

@media (max-width: 992px){

  /* ---- Undo the scroll-snap deck: back to normal vertical scroll ---- */
  .mhome{
    scroll-snap-type:none !important;
    overflow-y:visible !important;
    height:auto !important;
    margin-top:0 !important;
    padding-top:75px !important;
  }
  .mhome > *{
    scroll-snap-align:none !important;
    scroll-snap-stop:normal !important;
    height:auto !important;
    min-height:0 !important;
  }

  /* ---------- HERO (headline only + scroll cue, full screen) ---------- */
  .mhome .mh-hero{
    min-height:calc(100vh - 75px - 54px);
    justify-content:center;
    gap:40px;
    padding:30px 24px 40px;
  }
  .mhome .mh-hero h1{ line-height:1.14; }
  .mhome .mh-hero h1 .l1,
  .mhome .mh-hero h1 .l2{ font-size:clamp(28px, 9vw, 40px); padding:2px 0; letter-spacing:-.5px; }
  .mhome .mh-hero-copy{ flex:0 1 auto; }

  /* ---------- STATS → 4 stacked lines (number left, label right) ---------- */
  .mhome .mh-stats{
    display:block;
    border-top:1px solid var(--border);
    border-bottom:none;
    padding:8px 20px 0;
    margin:0;
  }
  .mhome .mh-stat{
    display:flex; align-items:baseline; justify-content:space-between; gap:16px;
    padding:18px 2px; border-bottom:1px solid var(--border); text-align:left;
  }
  .mhome .mh-stat::after{ display:none !important; } /* kill old vertical divider */
  .mhome .mh-stat b{
    font-size:32px; font-weight:800; color:var(--text); line-height:1; letter-spacing:-1px;
  }
  .mhome .mh-stat span{
    margin-top:0; font-size:14px; font-weight:500; letter-spacing:0; text-transform:none;
    color:var(--muted); text-align:right; line-height:1.3;
  }

  /* ---------- SECTION RHYTHM ---------- */
  .mhome .mh-sec{ padding:52px 20px; text-align:left; }
  .mhome .mh-eyebrow{
    display:inline-block; margin-bottom:12px;
    font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
    color:var(--teal); border:none; background:none; padding:0;
  }

  /* ---------- DIVISIONS → one full viewport, all six fit ---------- */
  .mhome .mh-sec:has(.mh-index-list){
    min-height:calc(100vh - 54px);
    display:flex; flex-direction:column; justify-content:center;
    padding-top:40px; padding-bottom:40px;
  }
  .mhome .mh-index-list{ margin-top:14px; }
  .mhome .mh-index-row{
    display:flex; align-items:center; gap:16px; padding:16px 2px;
    border-bottom:1px solid var(--border);
  }
  .mhome .mh-index-row:first-child{ border-top:1px solid var(--border); }
  .mhome .mh-index-row .n{
    font-size:13px; font-weight:800; color:var(--teal); width:24px; flex:0 0 24px;
  }
  .mhome .mh-index-row .body h3{
    font-size:18px; font-weight:700; color:var(--text); text-transform:none; letter-spacing:0; margin:0 0 2px;
  }
  .mhome .mh-index-row .body p{ font-size:13px; color:var(--muted); }
  .mhome .mh-index-row .go{ color:var(--muted); font-size:18px; opacity:1; }

  /* ---------- APPROACH → 6 flat lines, no circle, no connector ---------- */
  .mhome .mh-rail{
    max-width:none; margin-top:14px;
    border-top:1px solid var(--border);
  }
  .mhome .mh-rail-item{
    display:flex; align-items:center; gap:16px; padding:18px 2px;
    border-bottom:1px solid var(--border);
  }
  .mhome .mh-rail-item:first-child{ border-top:none; }
  .mhome .mh-rail-item .dot{
    flex:0 0 24px; width:24px; font-size:13px; font-weight:800; color:var(--teal); text-align:left;
    /* ensure no circle styling leaks in */
    background:none !important; border:none !important; border-radius:0 !important; height:auto !important;
  }
  .mhome .mh-rail-item h3{ font-size:18px; font-weight:700; color:var(--text); }

  /* ---------- COMMITMENT → shortened compact cards ---------- */
  .mhome .mh-commit-list{
    max-width:none; margin-top:14px; gap:12px;
  }
  .mhome .mh-commit-item{
    align-items:center; gap:12px; padding:16px 14px; border-radius:12px;
    min-height:0;
  }
  .mhome .mh-commit-item .mark{ font-size:14px; }
  .mhome .mh-commit-item span:last-child{ font-size:14px; font-weight:700; line-height:1.25; }

  /* ---------- WORK / BLOGS feed: keep but align left headers ---------- */
  .mhome .mh-sec .sub{ text-align:left; }

}

/* keep desktop fully untouched */
@media (min-width: 993px){ .mhome{ display:none !important; } }