/* SMC_PUBLIC_SCREEN_FIT_V1: geometry only, shared public layout. */
main.content{min-width:0;max-width:100%}
main.content :where(section,article,aside,figure,form,fieldset,details,div){min-width:0}
main.content :where(h1,h2,h3,h4,p,li,dd,a,label){overflow-wrap:anywhere}
main.content :where(img,video,canvas,iframe,object,embed){max-width:100%}
main.content :where(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
main.content :where(pre){max-width:100%;overflow:auto}
.smc-footer-grid>*{min-width:0;overflow-wrap:anywhere}
@media(min-width:1251px){
 .navbar{position:relative;max-width:1920px;gap:18px;padding-inline:clamp(20px,3vw,64px)}
 .navbar .nav-links{min-width:0;gap:2px}
 .navbar .nav-item{position:static}
 .navbar .nav-item .mega-menu{left:50%;right:auto;max-width:min(850px,calc(100vw - 48px));transform:translate(-50%,8px)}
 .navbar .nav-item:hover .mega-menu{transform:translate(-50%,0)}
}
@media(min-width:1251px) and (max-width:1536px){
 .navbar{gap:12px;padding-inline:20px}
 .navbar .nav-link{font-size:12px;padding-inline:7px;gap:4px;letter-spacing:0}
 .navbar .logo-company-name{font-size:21px}
 .navbar .logo-full img{height:58px}
}
@media(max-width:600px){
 main.content :where(table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 main.content :where(.sc-wrap,.sp-wrap,.sn-wrap,.tc-wrap,.mt-wrap){padding-inline:16px;box-sizing:border-box;max-width:100%}
 .smc-contact .sc-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .smc-contact :where(.sc-main,.sc-fields),.el-form .sc-form-grid{grid-template-columns:minmax(0,1fr)}
 .smc-service :where(.sp-hero-grid,.sp-support-grid,.sp-doc-grid),.el-landing :where(.el-hero,.el-steps){grid-template-columns:minmax(0,1fr)}
 main.content :where(.sc-form-panel,.el-form){padding:18px}
 main.content :where(.sp-actions,.sl-actions){flex-wrap:wrap}
 main.content :where(.sp-button,.sl-button,.el-call){max-width:100%;white-space:normal}
 .smc-about .about-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){
 .smc-about :where(.about-services-grid,.about-principle-grid){grid-template-columns:minmax(0,1fr)}
 .smc-footer-grid{grid-template-columns:minmax(0,1fr)}
 .smc-footer-grid>*{grid-column:auto}
}
@media(max-width:600px){
 .navbar{width:100%;box-sizing:border-box;padding-inline:12px;gap:8px}
 .navbar .logo-wrapper,.navbar .logo-full,.navbar .logo-text{min-width:0}
 .navbar .logo-wrapper{flex:1}
 .navbar .logo-full{gap:8px}
 .navbar .logo-company-name{font-size:clamp(14px,4.2vw,21px);white-space:normal}
 .navbar .logo-full img{height:48px;flex-shrink:0}
 .navbar .hamburger{flex-shrink:0}
}
