.dc-language{display:inline-flex!important;align-items:center;gap:6px;flex:0 0 auto;margin:0 0 0 12px;font:13px/1.4 system-ui,sans-serif;white-space:nowrap;max-width:180px}
.dc-language select{box-sizing:border-box!important;width:auto!important;min-width:105px!important;max-width:150px!important;height:34px!important;min-height:34px!important;padding:4px 22px 4px 8px!important;border:1px solid #6a879c!important;border-radius:7px!important;background:#fff!important;color:#183447!important;font:13px/1.4 system-ui,sans-serif!important;cursor:pointer}
.dc-language select:focus-visible{outline:3px solid #23bbc7;outline-offset:2px}
.dc-language-corner{position:fixed;right:12px;top:12px;z-index:1000;background:#eef5f9;padding:6px;border-radius:9px;box-shadow:0 2px 8px #0002}
html:not([lang^="ko"]) button,html:not([lang^="ko"]) .btn{white-space:normal}
@media(max-width:600px){.dc-language{margin-left:6px;max-width:145px}.dc-language select{max-width:125px!important;min-width:95px!important}}
.dc-pricing-country{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:16px 0 10px;max-width:100%;color:inherit;text-align:left}
.dc-pricing-country label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;min-width:0}
.dc-pricing-country select{display:inline-block;box-sizing:border-box;width:auto;max-width:100%;min-width:180px;min-height:36px;padding:6px 28px 6px 10px;border:1px solid #9db2c1;border-radius:7px;background:#fff;color:#102b40;font:inherit}
.dc-pricing-country small{display:block;flex:1 1 300px;font-size:12px;line-height:1.6;font-weight:400;overflow-wrap:break-word;color:inherit;opacity:.8}
#plans .home-plan-price,.signup-plan-price{white-space:normal!important}
#plans [data-local-price],#planOptions [data-local-price]{font-size:clamp(20px,2.1vw,28px)}
/* Shared fixed slots sized for Vietnamese. Only viewport size changes placement. */
.public-head>.dc-language{box-sizing:border-box;width:168px;min-width:168px;max-width:168px;margin-left:0;justify-self:end}
.public-head>.dc-language select{width:140px!important;min-width:140px!important;max-width:140px!important}
.public-head:has(>nav):has(>.head-actions){display:grid;grid-template-columns:188px 428px 480px 168px;grid-template-rows:48px;column-gap:14px;row-gap:12px;max-width:1440px;padding:20px 36px;align-items:center;justify-content:space-between}
.public-head:has(>nav):has(>.head-actions)>.brand{grid-column:1;grid-row:1;width:188px;height:47px}
.public-head:has(>nav):has(>.head-actions)>nav{display:grid;grid-template-columns:144px 156px 112px;grid-template-rows:44px;gap:8px;width:428px;grid-column:2;grid-row:1;align-items:center;font-size:14px}
.public-head:has(>nav):has(>.head-actions)>nav>a{display:flex;width:100%;height:44px;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.4;min-width:0}
.public-head:has(>nav):has(>.head-actions)>.head-actions{display:grid;grid-template-columns:220px 76px 168px;grid-template-rows:48px;gap:8px;width:480px;grid-column:3;grid-row:1;align-items:center;font-size:14px}
.public-head:has(>nav):has(>.head-actions)>.head-actions>*{box-sizing:border-box;display:flex;width:100%;height:48px;min-height:48px;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.4;grid-row:1;min-width:0;margin:0}
.public-head:has(>nav):has(>.head-actions)>.head-actions>:first-child{grid-column:1}
.public-head:has(>nav):has(>.head-actions) #memberLoginLink,.public-head:has(>nav):has(>.head-actions) #memberLogoutButton{grid-column:2}
.public-head:has(>nav):has(>.head-actions) #memberSignupLink,.public-head:has(>nav):has(>.head-actions) #memberPlansLink{grid-column:3}
.public-head:has(>nav):has(>.head-actions)>.dc-language{grid-column:4;grid-row:1}
@media(min-width:1001px) and (max-width:1439px){
 .public-head:has(>nav):has(>.head-actions){grid-template-columns:188px 480px 168px;grid-template-rows:48px 44px}
 .public-head:has(>nav):has(>.head-actions)>.head-actions{grid-column:2;grid-row:1}
 .public-head:has(>nav):has(>.head-actions)>.dc-language{grid-column:3;grid-row:1}
 .public-head:has(>nav):has(>.head-actions)>nav{grid-column:1/-1;grid-row:2;justify-self:center}
}
@media(max-width:1000px){
 .public-head:has(>nav):has(>.head-actions){grid-template-columns:188px 168px;grid-template-rows:48px 44px 48px}
 .public-head:has(>nav):has(>.head-actions)>.dc-language{grid-column:2;grid-row:1}
 .public-head:has(>nav):has(>.head-actions)>nav{grid-column:1/-1;grid-row:2;justify-self:center}
 .public-head:has(>nav):has(>.head-actions)>.head-actions{grid-column:1/-1;grid-row:3;justify-self:center}
}
@media(max-width:600px){
 .public-head>.dc-language{width:132px;min-width:132px;max-width:132px;margin-left:0}
 .public-head>.dc-language select{width:108px!important;min-width:108px!important;max-width:108px!important}
 .public-head:has(>nav):has(>.head-actions){grid-template-columns:minmax(0,1fr) 132px;grid-template-rows:40px 44px 96px;padding:16px 20px;column-gap:8px}
 .public-head:has(>nav):has(>.head-actions)>.brand{width:146px;height:37px}
 .public-head:has(>nav):has(>.head-actions)>nav{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;font-size:13px}
 .public-head:has(>nav):has(>.head-actions)>.head-actions{width:100%;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:44px 44px;gap:8px;font-size:13px}
 .public-head:has(>nav):has(>.head-actions)>.head-actions>*{height:44px;min-height:44px}
 .public-head:has(>nav):has(>.head-actions) #memberSignupLink,.public-head:has(>nav):has(>.head-actions) #memberPlansLink{grid-column:1/-1;grid-row:2;width:168px;justify-self:center}
}
@media(max-width:380px){.public-head:has(>nav):has(>.head-actions)>.brand{width:120px;height:30px}}

/* Group labels around the centered subscription guide without changing slots. */
.public-head:has(>nav):has(>.head-actions)>nav>a[href="#service"]{justify-content:flex-end;text-align:right}
.public-head:has(>nav):has(>.head-actions)>nav>a[href="#start"]{justify-content:flex-start;text-align:left}
.public-head:has(>nav):has(>.head-actions)>.head-actions>a:first-child{justify-content:flex-end;text-align:right}

/* Homepage navigation: restore 14px, including narrow screens. */
.public-head:has(>nav):has(>.head-actions)>nav>a,
.public-head:has(>nav):has(>.head-actions)>.head-actions>*{font-size:14px}