html,body{max-width:100%;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}.nav-inner{display:flex;flex-wrap:wrap;gap:.65rem}.nav-actions{margin-left:auto}.form-control,.form-select,.btn{min-height:44px}.table-responsive{-webkit-overflow-scrolling:touch}.table-responsive table{min-width:760px}.pagination{flex-wrap:wrap;gap:.2rem}.certificate{width:100%;overflow:hidden}.certificate .row{margin-left:0;margin-right:0}.certificate img{max-width:100%}.no-print{align-items:stretch}.no-print .btn,.no-print a{white-space:normal}.profile-preview-wrap canvas{touch-action:manipulation}
@media(max-width:767.98px){.container,.container-fluid{--bs-gutter-x:1.25rem}.hero{padding-top:2rem!important;padding-bottom:2rem!important}.hero .lead{font-size:1rem}.card-body{padding:1.25rem!important}.display-4,.display-5{font-size:calc(1.5rem + 2vw)}h1,.h1{font-size:1.75rem}h2,.h2{font-size:1.4rem}.stats-card .display-6{font-size:1.8rem}.mobile-stack{display:grid!important;grid-template-columns:1fr;gap:.4rem;width:100%}.mobile-stack .btn{width:100%;margin:0!important}.certificate{padding:16px 10px;border-width:6px;font-size:.82rem}.certificate h1{font-size:1.45rem}.certificate .fs-5{font-size:.95rem!important}.certificate .col-4{padding-left:4px;padding-right:4px}.certificate .col-4:first-child{font-size:.72rem;word-break:break-word}.certificate .border-top{font-size:.72rem}.no-print{display:grid!important;grid-template-columns:1fr 1fr}.no-print>*{width:100%}.profile-promo .card-body{text-align:center}.alert{word-break:break-word}}
@media(max-width:420px){.nav-inner{justify-content:center}.navbar-brand{width:100%;margin:0;text-align:center}.nav-actions{width:100%;margin:0;display:grid!important;grid-template-columns:1fr 1fr}.nav-actions .btn{font-size:.75rem;padding:.4rem .3rem}.form-control,.form-select{font-size:16px}.no-print{grid-template-columns:1fr}.certificate:before{width:72px;height:72px}.certificate-name{font-size:1.25rem;padding:0 8px}.certificate .col-4:nth-child(2) img{width:72px;height:72px}.pagination .page-link{padding:.35rem .6rem}}
@media print{html,body{overflow:visible}.certificate{overflow:visible}.table-responsive{overflow:visible}.table-responsive table{min-width:0}}