/* verdini-mobile.css — conservative, global mobile normalization.
   Loaded last on every page. All rules are scoped to small screens so
   desktop layouts are untouched. Safe defaults: no horizontal overflow,
   fluid media, readable text, scrollable code/tables, comfy tap targets. */
@media (max-width: 720px){
  html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  body{ overflow-x:hidden; }
  img,svg,video,canvas,iframe{ max-width:100%; height:auto; }
  pre,code{ white-space:pre-wrap; word-break:break-word; }
  /* wide tables scroll instead of breaking the page */
  table{ display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  /* collapse common multi-column grids used across the site */
  .g2,.g3,.g4,.grid-2,.grid-3,.grid-4,.two,.three,.cols-2,.cols-3{
    grid-template-columns:1fr !important;
  }
  /* comfy tap targets for standalone buttons/links styled as buttons */
  a.btn,button.btn,.btn-hero-primary,.btn-hero-outline{ min-height:42px; }
}
@media (max-width: 480px){
  h1{ font-size:clamp(24px,7vw,34px) !important; line-height:1.12; }
}
/* respect users who prefer reduced motion, everywhere */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}