/* MODERA mobile viewport fitting: 2026-10-11 */
html {box-sizing:border-box; width:100%; max-width:100%; -webkit-text-size-adjust:100%;}
*,*::before,*::after {box-sizing:inherit;}
body {width:100%; max-width:100%; min-width:0; margin:0; overflow-x:clip;}
img,video,canvas,svg {max-width:100%;}
img,video {height:auto;}
input,select,textarea,button {max-width:100%;min-width:0;}
@media (max-width: 700px) {
  .screen,.container,.content,.panel,.card,.modal,.dialog,.toolbar,.controls,.form-row,.grid {max-width:100%;min-width:0;}
  .screen.active {max-width:100vw;}
  .modal,.dialog,[role="dialog"] {max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow:auto;}
  table {max-width:100%;}
  .table-wrap,.table-responsive,.table-container {max-width:100%;overflow-x:auto;}
  .grid > *, .cards > *, .toolbar > * {min-width:0;}
  h1,h2,h3,p,small,label {overflow-wrap:break-word;}
  #home.screen.active > .grid {width:100%;max-width:100%;min-width:0;}
  #home.screen.active > .grid > * {min-width:0;max-width:100%;}
  #home.screen.active > .grid > a.tile {overflow-wrap:anywhere;}
}
@supports (height: 100dvh) {body {min-height:100dvh;}}