/* GLOMDE responsive safety layer - V5.5 */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;margin:0;overflow-x:hidden}
img,video,iframe,svg,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
table{max-width:100%}
.container,.container-fluid,main,section,header,footer,nav,.card,.grid,.hero,.hero-person,.hero-content{max-width:100%}
@media (max-width:768px){
  body{font-size:16px}
  h1{font-size:clamp(1.7rem,7vw,2.4rem);line-height:1.15;overflow-wrap:anywhere}
  h2{font-size:clamp(1.35rem,5.5vw,2rem);line-height:1.2;overflow-wrap:anywhere}
  h3{font-size:clamp(1.1rem,4.5vw,1.4rem);line-height:1.25}
  p,li,label,td,th{overflow-wrap:anywhere}
  .grid{grid-template-columns:1fr!important}
  .hero-person img,.hero img{width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
  .card,.panel,.box{width:100%!important;min-width:0!important}
  nav{display:flex;flex-wrap:wrap;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
  nav a{white-space:normal;flex:0 0 auto}
  form{width:100%;max-width:100%}
  input,select,textarea{width:100%;min-width:0}
  button,.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .table-wrap,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:420px){
  body{font-size:15px}
  .hero,.container,main,section{padding-left:12px!important;padding-right:12px!important}
  .card{padding:12px!important}
}