/* Fluid layouts; wide data tables scroll within their own panels. */
.page .two-col.about img.instructor-portrait{display:block;width:100%;height:auto;max-height:none;aspect-ratio:928/1152;object-fit:contain;border-radius:0;filter:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video{max-width:100%}main,section,article,aside,form,fieldset,.panel,.sidebar,.hero-purpose,.hero-numbers>div,.two-col>*,.content-grid>*,.login-layout>*,.contact-grid>*{min-width:0}
p,h1,h2,h3,label,.notice,.resource,.content-row,.profile,footer{overflow-wrap:anywhere}
header>nav{flex-wrap:wrap}header>nav a,.language,.login,.sidebar nav a,.table-button{min-height:44px;display:inline-flex;align-items:center}
.button{min-height:44px;max-width:100%;text-align:center}.hero-purpose{flex-wrap:wrap}.studio-hero .hero-purpose .button{max-width:100%}
.table-scroll{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-panel{min-width:0}
.resource>div,.content-row>div,.panel-head>*{min-width:0}.resource-icon{flex-shrink:0}.content-row,.panel-head,.workspace-title,.login-admin{flex-wrap:wrap}
input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px;min-height:44px}input[type=file]{font-size:14px}
.sidebar nav{max-width:100%}.sidebar nav a{flex-shrink:0}.badge{max-width:100%;white-space:normal}
dialog{max-height:90dvh}.modal-close{min-width:44px;min-height:44px}footer{flex-wrap:wrap}
@media(max-width:1000px){.two-col,.login-layout{grid-template-columns:minmax(0,1fr)}.login-art{height:300px}.login-layout{max-width:720px}.lesson-layout{grid-template-columns:minmax(0,1fr)}.video-stage{aspect-ratio:16/9}.hero-purpose{flex-direction:column;align-items:flex-start}.sinhala .hero-purpose{flex-direction:column;align-items:flex-start}.course-facts{grid-template-columns:minmax(0,1fr)}.course-facts article{min-width:0}.two-col.about{gap:30px}.about img{height:auto;max-height:480px}.catalog-controls>label{min-width:0;max-width:100%}}
@media(max-width:700px){.contact-grid,.content-grid>div:last-child,.admin-bottom{grid-template-columns:minmax(0,1fr)}.progress-panel{flex-wrap:wrap}.progress-panel progress{flex:1 1 140px}.hero-bottomline{grid-template-columns:minmax(0,1fr)}.hero-purpose{width:100%}.benefit-grid,.instructor-intro,.audience-section{grid-template-columns:minmax(0,1fr)}.section-heading{flex-wrap:wrap}.hero-stage.hero-logo-stage{margin:22px 0 30px}.hero-logo-heading img{max-height:none}.studio-intro,.section{padding-left:5%;padding-right:5%}}
@media(max-width:480px){header{gap:12px}header .course-brand{padding:0;width:135px;max-width:40%}.header-actions{gap:4px}.login{padding:8px 11px}.language{padding:6px}.sinhala header>nav,header>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;width:100%;font-size:14px}header>nav a{justify-content:center;text-align:center}.draftbar{flex-wrap:wrap;font-size:10px}.hero-topline{flex-wrap:wrap;font-size:11px}.hero-topline>span{max-width:100%}.hero-numbers{gap:9px}.hero-numbers>div{padding-left:10px}.hero-numbers span,.sinhala .hero-numbers span{font-size:12px}.hero-numbers strong{font-size:30px}.studio-hero .hero-purpose .button{font-size:13px;padding-inline:14px;gap:10px}.payment-tabs{width:100%}.payment-tabs label,.sinhala .payment-tabs label{flex:1 1 100%;min-width:0}.payment-tabs span{font-size:14px}.all-prices>div,.sinhala .all-prices>div{flex-wrap:wrap}.all-prices b{white-space:normal}.catalog-grid .price{font-size:clamp(28px,8vw,37px)}.panel:not(.table-panel){padding:20px}.sidebar nav a{font-size:14px}.workspace-title h2,.sinhala .workspace-title h2{font-size:26px}.stats{grid-template-columns:minmax(0,1fr)}.stat>div>span{font-size:14px}.stat b{margin-top:8px}.lesson-actions .button{flex:1 1 100%;font-size:14px}.resource .button{font-size:14px}.login-art h2{font-size:25px}.login-art>div{padding:24px}.login-admin{font-size:14px}.advice-panel .button{white-space:normal}dl{grid-template-columns:1fr;gap:6px}dd{margin-bottom:12px}footer{font-size:14px}#toast{padding:12px 16px;bottom:16px}}
@media(min-width:1800px){header,.studio-hero,.studio-intro,footer{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2))}}