/* ─────────────────────────────────────────────────────────────────────────
   THE PHONE FIT (2026-09-23). Every control the phone walk found under the
   44px touch floor (constitution §11), brought up to it at phone width only.
   Loaded last so it wins without !important wars; desktop is untouched.

   Two ways, chosen per control so nothing on screen moves:
   · a real control (button, pill, row action) simply gets min-height 44px;
   · a text link sitting inside a sentence keeps its place in the line and
     grows an invisible hit area around it (padding the layout never sees:
     vertical padding on an inline element, or padding cancelled by an equal
     negative margin on an inline-block one).

   Run `node scripts/verify/phone-walk.js` to see what is left.
   ───────────────────────────────────────────────────────────────────────── */
@media (max-width:767px){

  /* Today: the primary after the tenth reading */
  #view-brief .td-normal .td-actions #td-normal-go{ min-height:44px !important; }

  /* Today: "enter heart and skin", "switch on" — links inside the senses
     sentence. The underline moves from a border (which padding would push
     down) to a text decoration (which stays on the text). */
  #view-brief .td-sense__act{
    padding:10px 0 !important; border-bottom:0 !important;
    text-decoration:underline; text-decoration-color:rgba(0,191,255,.28);
    text-decoration-thickness:1px; text-underline-offset:3px; }
  #view-brief .td-sense__act:hover{ text-decoration-color:rgba(190,235,255,.7); }

  /* the skip link: only ever seen on keyboard focus, still a control */
  .skip-link{ min-height:44px; display:inline-flex; align-items:center; }

  /* the account disc: the ring stays 32px, the thing you tap is 44px */
  #content-wrap > header #avatar{
    position:relative; width:44px; height:44px; margin:-6px -6px -6px 12px;
    border:0 !important; }
  #content-wrap > header #avatar::before{
    content:''; position:absolute; inset:6px; border-radius:50%; pointer-events:none;
    border:1px solid rgba(160,225,255,.26); transition:border-color .18s ease; }
  #content-wrap > header #avatar:hover::before{ border-color:rgba(200,236,255,.5); }
  html[data-theme="light"] #content-wrap > header #avatar::before{ border-color:rgba(11,30,51,.24); }

  /* Insights: Week, Month, and "Read the month instead" */
  #view-insights .in-quiet{ min-height:44px; }

  /* Uncertainty: Revise, It happened, It did not, Void */
  #view-uncertainty .un-quiet{ min-height:44px; }

  /* Calendar: "import your own" inside the sample-week stamp */
  #view-calendar .cl-stamp .cl-quiet{ padding:13px 4px !important; margin:-13px -4px; }
}