/* Shared layout safeguards; the existing public and watch designs stay in place. */
html, body { min-width: 0; }
body { overflow-wrap: break-word; }
main, main section, main article, main aside, main form, main fieldset, main details { min-width: 0; }
main img, main video, main iframe, main canvas { max-width: 100%; }
main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
main select, main textarea { min-width: 0; max-width: 100%; box-sizing: border-box; }
main textarea { resize: vertical; }
main fieldset { margin-inline: 0; }
main legend { max-width: 100%; }
.table-wrap, main [role="region"] { max-width: 100%; }
.money-lines dd, .pay-detail dd, .payment-reference { overflow-wrap: anywhere; }
@media (max-width: 767px) {
  main table { display: block; max-width: 100%; overflow-x: auto; }
  main .academy-grid { grid-template-columns: minmax(0, 1fr); }
  main .actions { flex-wrap: wrap; }
  main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  main select, main textarea { font-size: 16px; }
  .pay-statistics strong { font-size: clamp(20px, 6vw, 27px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}