/* Country flags are self-hosted SVG assets; native language labels disambiguate them. */
.language-picker{position:relative;flex:none;color:#234ca9;border:0;margin:0;padding:0}
.language-picker summary{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0;list-style:none;cursor:pointer;border:0;border-radius:50%;background:transparent;box-shadow:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:after{display:none}
.language-current-flag{display:block;width:32px;height:32px;box-sizing:border-box;padding:0;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #dce5f4}
.language-picker summary:hover .language-current-flag{opacity:.85}
.language-picker :focus-visible{outline:2px solid #234ca9;outline-offset:3px}
.language-picker ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;position:absolute;z-index:60;top:calc(100% + 9px);right:0;width:326px;max-width:calc(100vw - 24px);max-height:min(calc(100svh - var(--site-header-height) - 96px),640px);overflow:auto;overscroll-behavior:contain;margin:0;padding:10px;list-style:none;border:1px solid #dce5f4;border-radius:12px;background:#fff;box-shadow:0 14px 40px -12px #253f6b40}
.language-picker:not([open]) ul{display:none}
.language-picker li{margin:0;padding:0;min-width:0}
.language-picker li button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-height:78px;padding:10px 5px;border:1px solid transparent;border-radius:8px;background:transparent;font:inherit;font-size:12px;line-height:1.6;color:#283c60;text-align:center;cursor:pointer}
.language-option-flag{display:block;flex:none;width:36px;height:36px;box-sizing:border-box;padding:0;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #dce5f4}
.language-option-label{display:block;max-width:100%;overflow-wrap:anywhere}
.language-picker li button:hover{background:#f1f5ff}
.language-picker li button[aria-pressed=true]{background:#e9efff;border-color:#bed0f4;color:#294baa;font-weight:750}
.language-picker li button[aria-pressed=true]:after{content:'';position:absolute;top:7px;right:8px;width:5px;height:8px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.language-picker[aria-busy=true] summary{opacity:.6}
html:not([lang=ko]) .benefits-heading h2,html:not([lang=ko]) .benefits-heading h2 em{white-space:normal;overflow-wrap:anywhere}
html:not([lang=ko]) .sky-loan-copy{width:min(100%,1080px)}
html:not([lang=ko]) .sky-loan h1{font-size:clamp(34px,5.3vw,76px);white-space:normal;line-height:1.4;overflow-wrap:anywhere;text-wrap:balance}
html:not([lang=ko]) .sky-loan-question{font-size:clamp(21px,2.3vw,32px);line-height:1.65;overflow-wrap:anywhere}
html:not([lang=ko]) .cash-result-top>strong{font-size:clamp(24px,2.2vw,34px);white-space:normal;overflow-wrap:anywhere}
html:not([lang=ko]) .cash-preview-fields select{font-size:14px}
html:not([lang=ko]) .cash-item span{white-space:normal;font-size:12px;line-height:1.5}
html:not([lang=ko]) .visit .hero-buttons .button{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.6}
html:not([lang=ko]) .bank-header nav a,html:not([lang=ko]) .bank-header nav .nav-consult{white-space:normal;text-align:center;line-height:1.5;font-size:13px}
html:not([lang=ko]) .header-receipts{max-width:125px;white-space:normal;line-height:1.5}
@media(max-width:600px){
 .bank-header .header{gap:5px;padding-inline:12px}
 .bank-header .brand .yeosin-image-logo{width:142px}
 .language-picker summary{width:44px;min-width:44px;padding:0}
 .language-picker ul{position:fixed;right:12px;top:calc(var(--site-header-height) + 8px)}
 html:not([lang=ko]) .bank-header .header-receipts{font-size:11px;max-width:75px;padding:0 3px;overflow-wrap:anywhere}
 html:not([lang=ko]) .sky-loan h1{font-size:clamp(30px,7.5vw,44px);line-height:1.4;margin-top:22px}
 html:not([lang=ko]) .sky-loan-question{font-size:22px}
 html:not([lang=ko]) .sky-loan-scene{flex-basis:280px;min-height:280px}
 html:not([lang=ko]) .sky-apply-bar button{font-size:18px;line-height:1.6;padding:10px 18px}
 html:not([lang=ko]) .hs-button{white-space:normal;text-align:center}
}
@media(max-width:359px){.bank-header .brand .yeosin-image-logo{width:122px}.language-picker summary{min-width:44px}}

/* Keep accents and combining marks spacious; never squeeze translated titles. */
html:not([lang=ko]) body{line-height:1.7}
html:not([lang=ko]) .sky-loan-copy{max-width:960px;overflow:visible}
html:not([lang=ko]) .sky-loan h1{font-size:clamp(32px,4.4vw,62px);line-height:1.6;letter-spacing:0;word-break:normal;overflow-wrap:break-word;padding-block:.08em}
html:not([lang=ko]) .sky-loan h1>span{display:block}
html:not([lang=ko]) .sky-loan h1>span:first-child{font-size:.72em;margin-bottom:.15em}
html:not([lang=ko]) .sky-loan-question{line-height:1.85;letter-spacing:0;word-break:normal;overflow-wrap:break-word;padding-block:.1em}
html:not([lang=ko]) .loan-highlight h2,html:not([lang=ko]) .loan-highlight p,html:not([lang=ko]) .visit h2,html:not([lang=ko]) dialog h2{letter-spacing:0;line-height:1.65;word-break:normal}
.language-option-label{line-height:1.8;padding-block:2px}
@media(max-width:600px){html:not([lang=ko]) .sky-loan h1{font-size:clamp(28px,7.2vw,38px);line-height:1.65;margin-top:20px}html:not([lang=ko]) .sky-loan-question{font-size:21px}}

/* Myanmar glyph stacks require the font's full 2.184em vertical metrics. */
html[lang=my] body,html[lang=my] .sky-loan h1,html[lang=my] .sky-loan-question,html[lang=my] .loan-highlight h2,html[lang=my] .loan-highlight p,html[lang=my] .visit h2,html[lang=my] dialog h2,html[lang=my] .header-receipts{line-height:2.25}
[data-language=my] .language-option-label{line-height:2.25}
/* Long translated status labels must wrap inside narrow product cards. */
html:not([lang=ko]) .catalog .product-price .status{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.8}
html:not([lang=ko]) .catalog-meta>div,html:not([lang=ko]) .catalog-bottom>div{flex-wrap:wrap;min-width:0}
html:not([lang=ko]) .catalog-bottom>div{justify-content:center}
html:not([lang=ko]) .product-info{overflow-wrap:anywhere}
html[lang=my] .catalog .product-price .status{line-height:2.25}