/* Mobile interaction and viewport corrections, 2026-10-21. */
@media(max-width:760px){
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
 button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 dialog{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-top:90px}
 dialog input,dialog select,dialog textarea{scroll-margin-block:96px 24px}
 dialog[open]{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
@media(max-width:760px){
 .site-nav{gap:8px}.site-nav .brand{min-width:0;flex-shrink:1}
 .site-nav .nav-right{min-width:0;gap:6px}
 .site-nav #langTrigger,.site-nav #menuToggle{min-width:44px;min-height:44px;flex-shrink:0}
 .site-nav #langTrigger{padding:8px 6px;gap:5px}
 #main-nav{max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
 #main-nav>a{min-height:44px;display:flex;align-items:center}
 #langMenu button{min-height:44px}
 .site-footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:760px){
 .teneta-player button{min-width:44px;min-height:44px}
 .u-sticky-cta{bottom:calc(10px + env(safe-area-inset-bottom))}
 body{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:650px){
 .university-checkout .pay-dialog-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;position:sticky;top:-21px;z-index:10;background:#fff;padding-top:12px;margin-top:-12px}
 .university-checkout .pay-dialog-head>div:first-child{min-width:0}
 .university-checkout .gold-badge{white-space:normal;font-size:8px}
 .university-checkout .pay-dialog-head h2{font-size:24px;overflow-wrap:anywhere}
 .university-checkout #enrollment-language,.university-checkout .pay-close{min-width:44px;min-height:44px;height:44px}
 .university-checkout .join-language>div{top:48px;max-height:calc(100dvh - 130px);overflow:auto}
 .university-checkout .join-language>div>button{min-height:44px}
 .university-checkout .pay-methods button{white-space:normal;min-height:56px;overflow-wrap:anywhere}
 .university-checkout .pay-card-details{min-width:0}
 .university-checkout .pay-card-details>strong{overflow-wrap:anywhere}
 .university-checkout .consent{align-items:flex-start}
 .university-checkout .consent label{padding-block:7px}
 .legal{width:calc(100% - 24px);padding:22px 18px;overflow-wrap:anywhere}
 .enrollment-home{max-width:calc(100% - 32px);text-align:center}
}

@media(max-width:380px){.pay-methods button{flex-direction:column;justify-content:center;gap:4px;min-height:64px!important;overflow-wrap:normal!important}.pay-methods button .pay-icon{flex:none}.pay-methods button span{white-space:normal;overflow-wrap:normal}}

@media(max-width:760px){#site-nav #langTrigger,#site-nav #menuToggle{min-height:44px!important;min-width:44px!important;height:44px!important}.nav-inner{gap:8px!important}.nav-right{gap:6px!important}}

@media(max-width:760px){#site-nav .brand{flex-shrink:0}.site-nav .nav-right{flex-shrink:0}}
@media(max-width:380px){#site-nav .nav-right>.auth-entry{display:none!important}}

@media(max-width:420px){.water-payment-modal .pay-methods button{flex-direction:column;gap:4px;overflow-wrap:normal}.water-payment-modal .pay-methods button>span{min-width:0;max-width:100%;overflow-wrap:anywhere}}
@media(max-width:380px){.water-payment-modal .pay-methods{grid-template-columns:1fr!important;gap:7px}.water-payment-modal .pay-methods button{flex-direction:row!important;min-height:48px!important;font-size:12px!important;justify-content:flex-start;padding:10px 14px!important;gap:10px}.water-payment-modal .pay-methods button>span{overflow-wrap:normal!important}}

@media(max-width:760px){.u-floating-enroll{bottom:calc(12px + env(safe-area-inset-bottom))}}

@media(max-width:760px){.footer a{min-height:44px;display:inline-flex;align-items:center}}

@media(max-width:650px){.water-payment-modal .pay-methods{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.water-payment-modal .pay-methods button{min-width:0;width:100%}}
@media(max-width:380px){.water-payment-modal .pay-methods{grid-template-columns:minmax(0,1fr)!important}}

@media(max-width:760px){.university-checkout .pay-dialog-head{position:sticky;top:-27px;background:#fff;z-index:10;padding-top:12px;margin-top:-12px}.university-checkout #enrollment-language,.university-checkout .pay-close{min-width:44px;min-height:44px;height:44px}#site-nav .brand{min-height:44px}}
@media(max-width:650px){.university-checkout .pay-dialog-head{top:-21px}}