/* Self-hosted fonts keep Myanmar shaping available without a third-party font request. */
@font-face{font-family:SJMyanmar;src:url('../fonts/myanmar/NotoSansMyanmar-Regular.ttf') format('truetype');font-weight:100 500;font-style:normal;font-display:swap}
@font-face{font-family:SJMyanmar;src:url('../fonts/myanmar/NotoSansMyanmar-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
html[lang=my],html[lang=my] .sj-my-text,[data-language=my]{font-family:SJMyanmar,'Myanmar Text',sans-serif!important;letter-spacing:normal!important;word-break:normal!important;overflow-wrap:anywhere;line-height:1.8}
html[lang=my] .sj-my-text{white-space:normal!important;text-overflow:clip!important;-webkit-line-clamp:unset!important}
html[lang=my] body,html[lang=my] button,html[lang=my] input,html[lang=my] select,html[lang=my] textarea{font-family:SJMyanmar,'Myanmar Text',sans-serif!important;letter-spacing:normal!important;line-height:1.8}
html[lang=my] :is(h1,h2,h3,h4,p,label,legend,small,summary,th,td,.badge,.tag,.status,.help-text){white-space:normal!important;overflow-wrap:anywhere;word-break:normal!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;max-height:none}
html[lang=my] :is(button,.btn,.button,[role=button],nav a,.card-action){white-space:normal!important;height:auto!important;min-height:40px;line-height:1.7!important;overflow-wrap:anywhere;text-overflow:clip!important;max-width:100%;letter-spacing:normal!important}
html[lang=my] :is(.sj-lang-toggle,.language-menu-toggle,.service-language-toggle){min-width:64px;min-height:36px;font-size:13px!important}
html[lang=my] :is(.sj-lang-menu,.language-menu,.service-language-menu){min-width:150px}
html[lang=my] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:48px;line-height:1.8!important;padding-top:8px;padding-bottom:8px}
html[lang=my] textarea{line-height:1.9!important;white-space:pre-wrap;overflow-wrap:anywhere}
html[lang=my] :is(.modal,.modal-card,.modal-content,[role=dialog]){max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
html[lang=my] :is(.topbar-actions,.sj-global-top-actions,.header-tools){min-width:0;flex-wrap:wrap;gap:8px}
html[lang=my] :is(.login-alert,.status-help,.public-pc-note,.verification-status,.message-summary,.server-error,.info,.msg,.timer,.help-text){line-height:1.9!important;white-space:pre-wrap!important}
@media(max-width:700px){
 html[lang=my] body{font-size:14px}
 html[lang=my] :is(h1,.page-title){font-size:clamp(20px,5.6vw,28px)!important;line-height:1.6!important}
 html[lang=my] h2{font-size:clamp(18px,4.8vw,23px)!important;line-height:1.65!important}
 html[lang=my] h3{font-size:17px!important;line-height:1.7!important}
 html[lang=my] :is(button,.btn,.button,[role=button]){font-size:13px!important;padding-block:10px;min-height:44px}
 html[lang=my] :is(input,select,textarea){font-size:16px!important;max-width:100%;box-sizing:border-box}
 html[lang=my] :is(.badge,.tag,.status,.help-text,small){font-size:12px;line-height:1.85!important}
 html[lang=my] :is(.card,.panel,.form-group,.service-card,.card-copy){min-width:0}
 html[lang=my] :is(.service-grid,.form-grid){grid-template-columns:minmax(0,1fr)}
 html[lang=my] :is(.mobile-appbar,.topbar){height:auto;min-height:56px;flex-wrap:wrap}
 html[lang=my] :is(.mobile-bottom-nav,.learner-mobile-bottom-nav,.supervisor-mobile-bottom-nav) a{font-size:11px!important;line-height:1.6!important;min-width:0;white-space:normal!important}
}
@media(max-width:820px){
 html[lang=my] :is(.mobile-bottom-nav,.learner-mobile-bottom-nav,.supervisor-mobile-bottom-nav){height:auto!important;min-height:80px;overflow:visible!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}
 html[lang=my] body:has(.learner-mobile-bottom-nav),html[lang=my] body:has(.mobile-bottom-nav),html[lang=my] body:has(.supervisor-mobile-bottom-nav){padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}
}
html[lang=my] .sj-cert :is(.sj-cert-no,.sj-cert-row,.sj-cert-message,.sj-cert-date,.sj-cert-ceo){font-size:16px!important;line-height:1.85!important;letter-spacing:normal!important;white-space:normal!important}
html[lang=my] .sj-cert .sj-cert-title{font-size:36px!important;line-height:1.8!important;letter-spacing:normal!important;white-space:normal!important}
html[lang=my] .sj-cert .sj-cert-row{grid-template-columns:minmax(0,1fr) 14px minmax(0,1.6fr)!important;align-items:start}
@media print{html[lang=my] :is(.modal,.modal-card,.modal-content,[role=dialog]){max-height:none;overflow:visible}}

html[lang=my] .brand .sj-brand-lang{position:relative!important;inset:auto!important;display:flex;justify-content:flex-end;width:100%;margin:8px 0 0}
@media(max-width:700px){
 html[lang=my] .title-row{flex-direction:column;align-items:flex-start;gap:8px}
 html[lang=my] #phoneRow{height:auto!important;flex-wrap:wrap;padding-block:10px;gap:8px}
 html[lang=my] #phoneRow input{width:calc(100% - 48px)!important;flex:1 1 calc(100% - 48px)!important}
 html[lang=my] #phoneRow .small-btn{width:100%;flex:1 1 100%;font-size:13px!important}
}

@media screen{
 html[lang=my] #certificatePrintArea :is(.sj-cert-no,.sj-cert-row,.sj-cert-message,.sj-cert-date,.sj-cert-ceo){font-size:2.2cqw!important;line-height:1.75!important}
 html[lang=my] #certificatePrintArea .sj-cert-title{font-size:5cqw!important;line-height:1.6!important;margin:6cqw 0!important;padding:0!important}
 html[lang=my] #certificatePrintArea .sj-cert-row{grid-template-columns:25cqw 2cqw minmax(0,1fr)!important}
 html[lang=my] #certificatePrintArea .sj-cert-divider{margin-top:4cqw!important}
 html[lang=my] #certificatePrintArea .sj-cert-issuer{margin-top:3cqw!important;min-height:16cqw!important}
}

@media screen{
 html[lang=my] .sj-cert-wrap{container-type:inline-size;min-width:0}
 html[lang=my] #certificatePrintArea{padding:9cqw 8cqw 7cqw!important}
 html[lang=my] #certificatePrintArea .sj-cert-details{width:100%!important}
 html[lang=my] #certificatePrintArea .sj-cert-logo{width:25cqw!important;max-height:8cqw!important}
 html[lang=my] #certificatePrintArea .sj-cert-bottom-logo{width:40cqw!important;max-height:10cqw!important}
 html[lang=my] #certificatePrintArea .sj-cert-message{margin-top:3cqw!important}
 html[lang=my] #certificatePrintArea .sj-cert-date{margin-top:4cqw!important}
 html[lang=my] #certificatePrintArea .sj-cert-seal{width:11cqw!important;height:11cqw!important;left:calc(50% + 9cqw)!important;bottom:-1cqw!important}
}
html[lang=my] #sidebar .nav-group-toggle{height:auto!important;min-height:48px;white-space:normal!important;padding-block:10px!important}
html[lang=my] #sidebar .nav-group-toggle>span:not(.nav-icon):not(.nav-expander){min-width:0;flex:1 1 0%;white-space:normal!important;font-size:12px!important;line-height:1.7!important;overflow:visible!important}
@media print{
 html[lang=my] #certificatePrintArea .sj-cert-title{font-size:24pt!important;line-height:1.6!important;letter-spacing:normal!important;padding:0!important;margin:12mm 0 10mm!important}
 html[lang=my] #certificatePrintArea .sj-cert-details{width:100%!important}
 html[lang=my] #certificatePrintArea :is(.sj-cert-no,.sj-cert-row,.sj-cert-message,.sj-cert-date,.sj-cert-ceo){font-size:10pt!important;line-height:1.7!important;letter-spacing:normal!important}
}