/* V153 — mobile containment and fixed navigation safety */
@media (max-width: 768px) {
  html,body { max-width:100%; overflow-x:clip; }
  body { box-sizing:border-box; }
  *,*::before,*::after { box-sizing:border-box; }
  main, section, article, .card, .panel, form, fieldset, .modal, .modal-content,
  .profile-side-card, .profile-history, .profile-chart-controls,
  [class*="profile"], [class*="measure"], [class*="suivi"] { max-width:100%; min-width:0; }
  input, select, textarea, button { max-width:100%; }
  input:not([type="checkbox"]):not([type="radio"]),select,textarea { min-width:0; width:100%; }
  img,svg,video,canvas { max-width:100%; }
  .chart-period-select { width:100%; }
  .grid > *, [class*="grid"] > *, [class*="flex"] > * { min-width:0; }
  .modal, [role="dialog"] { max-width:calc(100vw - 20px); }
  body { padding-bottom:max(105px, calc(92px + env(safe-area-inset-bottom, 0px))); }
  .profile-side-card, .profile-history, [class*="measure"] { overflow-wrap:anywhere; }
}