/* TriggerMark — Width and reduced-motion overrides. Loaded last on purpose: these win
   by coming after the rules they override, so nothing else may follow.
   Split out of index.html. */

  @media (min-width:560px){
    .vision-pitch{grid-template-columns:1fr 1fr;align-items:stretch;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
  }

  @media (max-width:380px){
    .mark-btn-wrap{width:172px;height:172px;}
    .mark-btn{width:148px;height:148px;font-size:1.12rem;}
    .landing h1{font-size:2rem;}
    .heatmap-grid{grid-template-columns:28px repeat(6,1fr);}
    .sleep-head,.sleep-night{grid-template-columns:68px minmax(0,1fr) 58px;gap:8px;padding-inline:10px;}
    .sleep-scale .sleep-opt{font-size:.64rem;padding-inline:2px;}
  }