/* Update 13: responsive safeguards across PHP pages */
*,*::before,*::after{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}body{max-width:100%;overflow-x:hidden}img,video,iframe,canvas,svg{max-width:100%}input,select,textarea,button{max-width:100%;font:inherit}table{max-width:100%;border-collapse:collapse} .container{width:min(100% - 24px,1200px);margin-inline:auto} .site-header{flex-wrap:wrap;gap:10px}.main-nav{flex-wrap:wrap}.card,.panel,.table-wrap{min-width:0;max-width:100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} .grid,.stats-grid,.form-grid{min-width:0}
@media(max-width:768px){.container{width:calc(100% - 20px)}.site-header{padding:10px 12px}.main-nav{display:none;flex-direction:column;width:100%}body.nav-open .main-nav{display:flex}.header-actions{max-width:100%;flex-wrap:wrap}.brand{min-width:0}.site-footer .footer-inner{flex-wrap:wrap}.grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-grid{grid-template-columns:minmax(0,1fr)!important}.btn,button{min-height:40px}}
@media(max-width:480px){.grid,.stats-grid{grid-template-columns:minmax(0,1fr)!important}.container{width:calc(100% - 16px)}h1{font-size:clamp(22px,6vw,32px)}h2{font-size:clamp(18px,5vw,25px)}td,th{padding:8px;font-size:12px}}