/* Generated by optimize-css-mobile-20260915.py; source order preserved. */
/* ============================================================
   ELPANG 경제성 시뮬레이터 — KEMP 홈페이지 통합 스킨
   입력 구조와 계산 로직은 유지하고 브랜드 표현만 정렬한다.
   ============================================================ */


:root{
  --gold-300:#F2CE4A;
  --gold-400:#E3BC1F;
  --gold-500:#C7A008;
  --gold-600:#A98307;
  --gold-700:#755E00;
  --gold-tint:#FBF6E4;
  --elpang-blue:#258FC1;
  --n-950:#101318;
  --n-900:#1A2029;
  --n-700:#3D4654;
  --n-600:#4A5361;
  --n-500:#6B7686;
  --n-400:#8B95A5;
  --n-300:#B9C0CC;
  --n-200:#D9DEE7;
  --n-100:#EBEEF3;
  --n-50:#F4F6F9;

  /* 기존 시뮬레이터 역할 변수 재매핑 */
  --navy:var(--n-950);
  --steel:var(--n-700);
  --ink:var(--n-950);
  --line:var(--n-200);
  --bg:#fff;
  --bg-soft:var(--n-50);
  --bg-soft2:var(--n-100);
  --muted:var(--n-500);
  --accent:var(--gold-500);
  --accent-d:var(--gold-700);
  --cta:var(--gold-500);
  --radius:4px;
  --font:'Lato','Noto Sans KR',sans-serif;
  --font-display:'Space Grotesk','Lato','Noto Sans KR',sans-serif;
  --font-mono:'IBM Plex Mono','Noto Sans KR',monospace;
}

body{background:#fff;color:var(--ink);font-family:var(--font)}
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em}
.stats .n,.mini-stat b,.cost-card .big,.diff-banner .d-big,.invest-box .val,
input[type="number"]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
a{color:var(--gold-700)}

/* KEMP 홈페이지 연결 바 */
.kemp-sitebar{position:relative;z-index:80;background:var(--n-950);color:#fff}
.kemp-sitebar .ksb-in{max-width:1400px;height:44px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:18px}
.ksb-logo{display:flex;align-items:center;line-height:0;flex:none}
.ksb-logo img{height:19px;width:auto;display:block}
.ksb-context{font-size:12px;color:rgba(255,255,255,.56);padding-left:18px;border-left:1px solid rgba(255,255,255,.14);white-space:nowrap}
.ksb-context b{color:#fff;font-weight:700}
.ksb-nav{margin-left:auto;display:flex;align-items:center;gap:20px}
.ksb-nav a{font-size:12.5px;color:rgba(255,255,255,.8);white-space:nowrap;transition:color .15s}
.ksb-nav a:hover{color:#fff}
.ksb-nav a.ksb-cta{color:var(--gold-400);font-weight:700}

/* 시뮬레이터 자체 내비게이션 */
body>header{top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--n-200);box-shadow:0 5px 18px rgba(16,19,24,.05)}
body>header .wrap{max-width:1400px}
.brand{color:var(--n-950)}
.brand .brand-sep{color:var(--n-400)}
.nav-links a{color:var(--n-700)}
.nav-links a:hover{color:var(--gold-700)}
.langsel{background:var(--n-100);border-radius:2px;padding:3px}
.langsel button{border-radius:1px;color:var(--n-600)}
.langsel button.on{background:var(--n-950);color:#fff}

.btn{border-radius:2px;transition:background .15s,border-color .15s,color .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-primary,.btn-ghost{background:var(--gold-500);color:var(--n-950)}
.btn-primary:hover,.btn-ghost:hover{background:var(--gold-400);color:var(--n-950);filter:none}
.btn-outline{border-color:var(--n-300);color:var(--n-950)}
.btn-outline:hover{border-color:var(--gold-500);color:var(--gold-700)}

/* 제품 전환은 입력 구조의 일부이므로 그대로 유지하되 KEMP 계측 패널처럼 표현 */
.prodtabs{top:64px;z-index:45;background:var(--n-900);border-color:rgba(255,255,255,.08)}
.prodtabs .wrap{max-width:1200px}
.prodtabs button{border-radius:2px;border-color:rgba(255,255,255,.17);color:var(--n-300)}
.prodtabs button b{font-family:var(--font-display)}
.prodtabs button.on{background:var(--gold-500);border-color:var(--gold-500);color:var(--n-950);box-shadow:none}
.prodtabs button.on b{color:var(--n-950)}

/* 제품 설명 영역 */
.hero{background:linear-gradient(135deg,#0C0F14 0%,#161C24 58%,#252D38 100%)}
.hero:after{background:radial-gradient(circle at 82% 18%,rgba(199,160,8,.18),transparent 46%)}
.hero .eyebrow{color:var(--gold-400)!important;font-family:var(--font-mono)}
.hero p{color:var(--n-300)}
.micro{color:var(--n-400)}
.micro b{color:var(--gold-300)}
.spectrum{border-radius:4px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14)}
.spectrum .bar{background:linear-gradient(90deg,#8B95A5 0%,var(--elpang-blue) 50%,var(--gold-400) 100%)}
.node.center .pin{border-color:var(--elpang-blue)}
.node.center .t{color:#63BCE5}
.spectrum .cap,.node .s{color:var(--n-400)}

section{border-top-color:var(--n-200)}
.eyebrow{color:var(--gold-700);font-family:var(--font-mono);letter-spacing:.1em}
.card,.box,.scn-bar,.pdf-band,.teaser,.cost-card,.invest-box,.bridge{border-radius:4px}
.card{border-color:var(--n-200)}
.card .ic{border-radius:2px;background:var(--gold-tint);color:var(--gold-700);font-family:var(--font-mono)}
.bridge{background:var(--n-950)}
.bridge b{color:var(--gold-300)}

.cmp-table{border-radius:4px!important}
.cmp-table thead th{background:var(--n-950)}
.cmp-table thead th:last-child{background:var(--n-700)}
.cmp-table tbody td:last-child{color:var(--gold-700)}

/* 입력 형식은 원본과 동일: 선택 그룹 + 기본 2열 + 고급 설정 */
#sim{background:var(--n-50)}
#sim>.wrap>h2{max-width:760px}
.scn-bar{border-color:var(--n-200);box-shadow:0 8px 24px rgba(16,19,24,.05)}
.scn-group .lbl{font-family:var(--font-mono);color:var(--n-500)}
.seg{background:var(--n-100);border-radius:2px;padding:3px}
.seg button{border-radius:1px;color:var(--n-700)}
.seg button.on{background:var(--n-950);color:#fff;box-shadow:none}
.seg.teal button.on{background:var(--gold-500);color:var(--n-950)}
.scn-fx{color:var(--n-500)}
.assumption-note{margin:12px 0 0;padding:15px 18px;border:1px solid #E6D68B;border-left:4px solid var(--gold-500);background:var(--gold-tint);border-radius:2px}
.assumption-note strong{display:block;margin-bottom:5px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--gold-700)}
.assumption-note p{font-size:.82rem;line-height:1.65;color:var(--n-600)}

.box{border-color:var(--n-200);box-shadow:0 10px 30px rgba(16,19,24,.06)}
.step-badge{border-radius:2px;background:var(--gold-tint);color:var(--gold-700);font-family:var(--font-mono)}
label{color:var(--n-700)}
label .unit,label .hint{color:var(--n-500)}
input,select,textarea{border-color:var(--n-300);border-radius:2px;background:#fff;color:var(--n-950)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--gold-600);box-shadow:0 0 0 3px rgba(199,160,8,.18)}
details.adv{border-radius:2px;border-color:var(--n-300);background:var(--n-50)}
details.adv summary{color:var(--n-700)}
details.adv summary:after{color:var(--gold-600)}
.adv-sub{color:var(--gold-700);font-family:var(--font-mono)}

.empty-state .em-ic{font-size:0;width:42px;height:34px;margin:0 auto 12px;display:flex;align-items:flex-end;justify-content:center;gap:4px}
.empty-state .em-ic:before{content:"";width:7px;height:18px;background:var(--n-300);box-shadow:11px -8px 0 var(--gold-500),22px -15px 0 var(--n-700)}
.mini-stat div{border-radius:2px}
.mini-stat b{color:var(--n-950)}
.cost-card{border-color:var(--n-200)}
.cost-card.basic{border-left-color:var(--n-400)}
.cost-card.inno{border-left-color:var(--gold-500)}
.cost-card .big{color:var(--n-950)}
.cost-card .loc,.invest-box .loc{color:var(--gold-700)}
.diff-banner{border-radius:2px;background:var(--n-950)}
.diff-banner .d-big{color:var(--gold-300)}
.diff-banner .d-sub{color:var(--n-300)}
.breakdown-table{border-radius:2px}
.invest-box{background:var(--n-50)}
.valuelist li{color:var(--n-700)}
.valuelist li:before{border-radius:1px;background:var(--gold-500);color:var(--n-950)}

.pdf-band{background:linear-gradient(135deg,var(--n-950),var(--n-700))}
.pdf-band .lead{color:var(--n-300)}
.pdf-note{color:var(--n-400)}
.resource-intro{max-width:820px}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.resource-card{display:flex;min-height:220px;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--n-200);background:#fff;box-shadow:0 8px 24px rgba(16,19,24,.05)}
.resource-kicker{display:block;margin-bottom:12px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--gold-700)}
.resource-kicker-dark{color:var(--gold-300)}
.resource-card h3,.pdf-band h3{margin:0 0 10px;font-size:1.2rem;line-height:1.35;color:var(--n-950)}
.pdf-band h3{color:#fff}
.resource-card p{margin:0 0 20px;font-size:.9rem;line-height:1.7;color:var(--n-600)}
.resource-link{margin-top:auto;border:1px solid var(--n-300);background:#fff;color:var(--n-950);box-shadow:none}
.resource-link:hover{border-color:var(--gold-500);background:var(--gold-tint);color:var(--n-950)}
.cat-row .cat-btn{border-radius:2px;box-shadow:none}
.cat-row .cat-alk{background:var(--gold-500);color:var(--n-950)}
.cat-row .cat-alk:hover{background:var(--gold-400)}
.cat-row .cat-acid{background:transparent;border:1px solid var(--n-300);color:#fff}
.cat-row .cat-acid:hover{background:rgba(255,255,255,.08);border-color:var(--gold-400)}
.proc span{border-radius:2px}
.proc span.hl{background:var(--gold-tint);border-color:#E6D68B;color:var(--gold-700)}
.prod-list li{border-radius:2px}

.contact{background:var(--n-950)}
.contact .lead{color:var(--n-300)}
.contact-aside li{color:var(--n-200)}
.contact-aside .k{color:var(--n-400);font-family:var(--font-mono)}
footer{background:#090B0F;color:var(--n-400)}
footer b{color:var(--n-100)}
.sticky-cta{background:#fff;border-color:var(--n-200)}
.toast{border-radius:2px;background:var(--n-950)}

@media(max-width:820px){
  .kemp-sitebar .ksb-in{padding:0 16px;gap:10px}
  .ksb-context{font-size:11px;padding-left:10px}
  .ksb-nav{gap:12px}
  .ksb-nav a:not(.ksb-cta){display:none}
  .prodtabs{top:64px}
  .resource-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ksb-context{max-width:170px;overflow:hidden;text-overflow:ellipsis}
  .hero .wrap{padding-top:44px;padding-bottom:44px}
  .scn-bar{box-shadow:none}
  .scn-group{width:100%;flex-direction:column;align-items:stretch;gap:6px}
  .scn-group .lbl{white-space:nowrap}
  .scn-group .seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}
  .scn-group .seg button{padding:8px 6px;font-size:.8rem}
  .scn-fx{margin-left:0}
  .sim-grid{gap:14px}
}
/* Vietnamese/Thai text flow; retain the approved layout, imagery and palette. */
/* Keep translated desktop navigation on one line without reducing body text. */
@media(min-width:1271px){
 html:is([lang="vi"],[lang="th"]) .gnb>li>a{white-space:nowrap}
}
@media(min-width:1271px) and (max-width:1600px){
 html:is([lang="vi"],[lang="th"]) .site-header{padding-inline:32px;gap:16px}
 html:is([lang="vi"],[lang="th"]) .gnb{gap:2px}
 html:is([lang="vi"],[lang="th"]) .gnb>li>a{padding-inline:10px;font-size:15px}
 html:is([lang="vi"],[lang="th"]) .gnb>li>a::after{left:10px;right:10px}
}
html[lang="vi"]{--font:"Pretendard","Segoe UI",Arial,sans-serif}
html[lang="th"]{--font:"Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif}
html:is([lang="vi"],[lang="th"]) body{font-family:var(--font);word-break:normal;overflow-wrap:break-word}
html:is([lang="vi"],[lang="th"]) :is(.inno-editorial,.elpang-editorial,.inno-product-hero,.elpang-product-hero){word-break:normal;overflow-wrap:anywhere}
html[lang="th"] :is(h1,h2,h3,p,a,span,small,dt,dd,th,td,label){letter-spacing:normal}
html[lang="th"] :is(.corp-heading h2,.inno-product-hero h1>span,.elpang-hero-copy h2){line-height:1.45}
html:is([lang="vi"],[lang="th"]) .inno-product-selector a{flex-direction:column;gap:7px;min-width:0}
html:is([lang="vi"],[lang="th"]) .inno-product-selector small{font-size:14px;text-align:center;line-height:1.6}
html:is([lang="vi"],[lang="th"]) .elpang-title-row{flex-wrap:wrap}
html:is([lang="vi"],[lang="th"]) .elpang-title-action{min-width:0;max-width:100%}
html:is([lang="vi"],[lang="th"]) .elpang-calc-button{white-space:normal;max-width:100%;text-align:center}
html:is([lang="vi"],[lang="th"]) .elpang-grade-description{min-height:0}
html:is([lang="vi"],[lang="th"]) :is(.elpang-grade-logo,.inno-hero-grid img){max-width:100%}
html:is([lang="vi"],[lang="th"]) .elpang-condition-table{max-width:100%;overflow-x:auto}
html:is([lang="vi"],[lang="th"]) .upgrade-hero{word-break:normal;overflow-wrap:break-word}
html:is([lang="vi"],[lang="th"]) .upgrade-title-row{flex-wrap:wrap}
html:is([lang="vi"],[lang="th"]) .upgrade-title-action{flex-shrink:1;min-width:0;max-width:100%}
html:is([lang="vi"],[lang="th"]) .upgrade-family span{font-size:14px;line-height:1.6}
html[lang="th"] .upgrade-hero-copy h2{line-height:1.45}
html:is([lang="vi"],[lang="th"]) :is(.corporate-home,.finder-goals,.finder-result-card){word-break:normal;overflow-wrap:break-word}
html[lang="vi"] .corp-hero h1{font-size:clamp(32px,3.7vw,56px);line-height:1.25;letter-spacing:-.02em}
html[lang="th"] .corp-hero h1{font-size:clamp(32px,3.7vw,56px);line-height:1.45;letter-spacing:normal}
html[lang="th"] :is(.brand-scene-copy h3,.finder-goal strong,.finder-result-card h3){line-height:1.5;letter-spacing:normal}
html:is([lang="vi"],[lang="th"]) :is(.corp-button,.finder-button){max-width:100%;white-space:normal;text-align:center}
html:is([lang="vi"],[lang="th"]) :is(.finder-goals>*,.corp-discovery-grid>*,.corp-resource-grid>*){min-width:0}
/* Localized industrial copy: permit long headings and protect Thai marks. */
html:is([lang="vi"],[lang="th"]) .sea-industry-page .topbar .in{flex-wrap:wrap}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .topbar .navlinks{flex:1 1 300px;min-width:0;flex-wrap:wrap;gap:8px 14px}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .topbar .topcta{flex-shrink:0}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .stats>div>span:is(.n,.l){display:block}
html:is([lang="vi"],[lang="th"]) .sea-industry-page .stats .n{font-size:clamp(19px,2vw,24px);overflow-wrap:anywhere}
html:is([lang="vi"],[lang="th"]) .sea-industry-page h1{max-width:100%}
html:is([lang="vi"],[lang="th"]) .sea-industry-page h1 .hl{white-space:normal}
html:is([lang="vi"],[lang="th"]) .sea-industry-page :is(.btn,.bd,.ksb-cta){white-space:normal;max-width:100%;text-align:center}
html:is([lang="vi"],[lang="th"]) .sea-industry-page :is(.hero>*,.stats>*,.mbar a,.card,.technical-cards>*){min-width:0}
html[lang="th"] .sea-industry-page :is(h1,h2,h3,h4,.stats .n){line-height:1.5;letter-spacing:normal}
html[lang="th"] .sea-industry-page :is(.eyebrow,.tagline,.card .cn,.tbltitle .tno,.grv .g .k){letter-spacing:normal}
@media(max-width:760px){
 html:is([lang="vi"],[lang="th"]) :is(.inno-product-hero h1>span,.elpang-hero-copy h2){font-size:28px}
 html:is([lang="vi"],[lang="th"]) .inno-product-selector a>span{font-size:19px}
 html:is([lang="vi"],[lang="th"]) .inno-product-selector small{font-size:12px}
 html:is([lang="vi"],[lang="th"]) .upgrade-hero-copy h2{font-size:28px}
 html:is([lang="vi"],[lang="th"]) .upgrade-family strong{font-size:17px}
 html:is([lang="vi"],[lang="th"]) .upgrade-family span{font-size:12px}
}
/* Deliberately scoped additions; preserve the approved contact/header breakpoints. */
.result-breakdown{margin:22px 0;border-block:1px solid #dbe0e4;padding:14px 0}
.result-breakdown summary,#teaser>summary{cursor:pointer;font-weight:700;font-size:16px;line-height:1.6}
.result-table-scroll{overflow-x:auto}
#fullResult{scroll-margin-top:100px}
#teaser{margin-top:20px}
#teaser:not([open]){padding:20px 24px}
#consultReceipt{padding:14px;background:#edf2ef;color:#224333;overflow-wrap:anywhere;line-height:1.65}
.elpang-condition-table{margin:28px 0;border-top:3px solid #d3ad32;overflow-x:auto}
.elpang-condition-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.elpang-condition-table th{background:#20272d;color:#fff;text-align:left;font-size:13px;letter-spacing:0}
.elpang-condition-table th,.elpang-condition-table td{padding:14px 16px;border-bottom:1px solid #dfe3e6;vertical-align:middle}
.elpang-condition-table td:nth-child(n+3){font-variant-numeric:tabular-nums}
.elpang-condition-table tbody tr:nth-child(even){background:#f5f6f7}
.elpang-condition-table .grade{font-weight:750;white-space:nowrap}
.elpang-condition-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;list-style:none;padding:0;font-size:14px;line-height:1.65}
.elpang-source-note{font-size:13px!important;color:#64717b!important;line-height:1.75!important;max-width:80ch}
.performance-reference{border-left:3px solid #b38e29;padding:22px 26px!important;background:#f5f6f7;margin-block:28px!important}
.performance-reference h2{font-size:clamp(22px,2.4vw,30px)!important;line-height:1.35!important;margin-bottom:12px}
.performance-reference .lead{font-size:16px!important;line-height:1.8!important;font-weight:450!important}
.performance-reference .rv{opacity:1;transform:none}
.performance-range{padding:24px;background:#f5f6f7;border-top:3px solid #b38e29}.performance-range strong{font-size:clamp(24px,4vw,36px)}.performance-range p{margin-top:12px;line-height:1.8}
.sub-hero.elpang{position:relative}
.elpang-hero-action{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 20px;min-height:44px;border:1px solid #c1a143;border-radius:4px;background:#d0ad37;color:#171b1f!important;font-size:14px;font-weight:750;text-decoration:none;line-height:1.45;max-width:100%;margin-top:16px}
@media(min-width:1100px){.sub-hero.elpang{padding-right:330px}.sub-hero.elpang .elpang-hero-action{position:absolute;right:max(5vw,32px);top:50%;transform:translateY(-50%);max-width:285px;margin:0}}
@media(max-width:600px){.elpang-condition-legend{grid-template-columns:1fr}.elpang-condition-table th,.elpang-condition-table td{padding:11px 12px}.elpang-condition-table table{min-width:620px}#fullResult .big{font-size:clamp(24px,7vw,38px)}}
.tool-nav .brand .logo{filter:brightness(0)}
.calculator-only .tool-nav .nav-links>a{display:inline-flex}
@media(max-width:700px){.calculator-only .tool-nav .brand>span{display:none}.calculator-only #sim .scn-bar{gap:10px}.calculator-only #sim>.wrap>.eyebrow{font-size:10px}.calculator-only #sim .scn-fx{font-size:11px}}
.calculator-only{--font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;--font-display:var(--font);--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
.calculator-only>header{position:static;box-shadow:none}.tool-nav{min-height:64px;gap:20px}.tool-nav .brand{display:flex;align-items:center;gap:15px;font-weight:700;font-size:15px}.tool-nav .brand .logo{max-width:100px;height:24px;object-fit:contain}.tool-nav .nav-links{display:flex!important;gap:20px}.tool-nav .nav-links>a{font-size:14px}.calculator-only .prodtabs{position:static;top:auto}.calculator-only #sim{padding:30px 0 40px;scroll-margin-top:16px}.calculator-only #sim h1{font-size:clamp(26px,2.8vw,38px);line-height:1.35;color:#202a34;margin:8px 0 10px}.calculator-only #sim>.wrap>.lead{font-size:16px;line-height:1.65;margin:0 0 20px;max-width:820px}.calculator-only .scn-bar{margin-top:18px;box-shadow:none}.calculator-only .assumption-note{margin-top:12px;padding:10px 14px;background:#fffdf6}.calculator-only .assumption-note summary{cursor:pointer;color:#745c10;font-size:13px;font-weight:650}.calculator-only .assumption-note p{margin:8px 0 0}.tool-assumption-summary{font-size:12px;line-height:1.65;color:#68717c;margin:8px 0 18px}.calculator-only .tool-resources{padding:28px 0;background:#fff;border-top:1px solid #e0e4e8}.tool-resources>.wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.tool-resources h2{font-size:20px;margin:0 0 8px}.tool-resources .pdf-note{max-width:500px;font-size:13px;color:#727b86;line-height:1.7}.tool-resource-links{display:flex;gap:8px;flex-wrap:wrap}.tool-resource-links .btn{font-size:13px;padding:10px 12px}.calculator-only footer{padding:24px 0}.calculator-only footer .foot{font-size:12px;gap:24px;line-height:1.8;align-items:flex-start}.calculator-only footer a{color:inherit}.calculator-only footer p{font-size:12px;max-width:430px;margin:4px 0 0}
html[lang='ja'] .calculator-only{--font:'Yu Gothic UI','Yu Gothic',Meiryo,sans-serif}html[lang^='zh'] .calculator-only{--font:'Microsoft YaHei','Microsoft JhengHei',sans-serif}html[lang='th'] .calculator-only{--font:'Leelawadee UI',Tahoma,sans-serif}
@media(max-width:700px){.tool-nav{padding-block:12px;flex-wrap:wrap;min-height:0;gap:12px}.tool-nav .nav-links{margin-left:auto;gap:12px}.tool-nav .nav-links>a{font-size:12px}.tool-nav .brand{font-size:13px;gap:8px}.tool-nav .brand .logo{height:19px;width:70px}.tool-nav .lang-select{max-width:112px;font-size:12px}.calculator-only .prodtabs .wrap{padding:8px 16px}.calculator-only .prodtabs button{flex:1;min-width:0;padding:9px 10px;text-align:left}.calculator-only .prodtabs button b{font-size:12px}.calculator-only .prodtabs button span{display:none}.calculator-only #sim{padding:24px 0 30px}.calculator-only #sim>.wrap>.lead{font-size:14px;margin-bottom:16px}.calculator-only .scn-bar{padding:14px;gap:14px}.calculator-only .sim-grid{margin-top:16px}.tool-resources>.wrap{flex-direction:column;align-items:flex-start}.calculator-only footer .foot{flex-direction:column}.calculator-only .tool-resources{padding:24px 0}}

/* Responsive finishing: no input, pricing or calculation changes. */
.calculator-only .currency-select{min-width:92px;max-width:100%;min-height:42px;padding:8px 30px 8px 12px;border:1px solid #bdc5cd;border-radius:4px;background:#fff;color:#202a34;font:inherit;font-size:14px;cursor:pointer}
.calculator-only .currency-select:focus-visible{outline:2px solid #927620;outline-offset:3px}
.calculator-only .currency-note{margin:10px 0;font-size:12px;line-height:1.65;color:#596470;overflow-wrap:anywhere}
.calculator-only .scn-group{min-width:0;flex-wrap:wrap}
.calculator-only #ctrySeg{display:flex;flex-wrap:wrap}
.calculator-only .tool-nav{height:auto}
.calculator-only .sim-grid>*{min-width:0}
.calculator-only .result-breakdown{min-width:0;max-width:100%}
.calculator-only .result-table-scroll{max-width:100%;overscroll-behavior-x:contain}
.calculator-only .result-table-scroll:focus-visible{outline:2px solid #927620;outline-offset:3px}
.calculator-only .breakdown-table{min-width:560px;table-layout:auto}
.calculator-only .breakdown-table th,.calculator-only .breakdown-table td{word-break:normal;overflow-wrap:normal}
.calculator-only .breakdown-table thead th{font-size:14px;line-height:1.5;text-transform:none}
.calculator-only .breakdown-table th:first-child{min-width:140px}
.calculator-only .breakdown-table tbody td:not(:first-child){white-space:nowrap}
.calculator-only .mini-stat b{white-space:nowrap;word-break:normal;overflow-wrap:normal}
@media(max-width:700px){
  .calculator-only header .tool-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding-block:12px}
  .calculator-only .tool-nav .brand{grid-column:1;grid-row:1}
  .calculator-only .tool-nav .brand .logo{width:88px;height:24px}
  .calculator-only .tool-nav .nav-links{display:contents!important}
  .calculator-only .tool-nav .nav-links>a{grid-column:1 / -1;grid-row:2;justify-self:start;min-height:32px;align-items:center;font-size:14px}
  .calculator-only .tool-nav .langsel{grid-column:2;grid-row:1}
  .calculator-only .tool-nav .lang-select{max-width:160px;min-height:40px;font-size:14px}
}
@media(max-width:600px){
  .calculator-only .mini-stat{grid-template-columns:minmax(0,1fr);gap:0;background:#fff;border:1px solid #dbe0e4}
  .calculator-only .mini-stat>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;text-align:left;border:0;border-radius:0;padding:12px 16px}
  .calculator-only .mini-stat>div+div{border-top:1px solid #e5e8eb}
  .calculator-only .mini-stat span{font-size:14px}
}
/* Non-Korean/English locales: native script-aware fonts, no font downloads. */
html[data-font-mode="system"],html[data-font-mode="system"] body{
 --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
 --font-display:var(--font)!important;
 --font-mono:ui-monospace,SFMono-Regular,Consolas,monospace!important;
}
html[data-font-mode="system"][lang^="zh"],html[data-font-mode="system"][lang^="zh"] body{--font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important}
html[data-font-mode="system"][lang="zh-TW"],html[data-font-mode="system"][lang="zh-tw"],html[data-font-mode="system"][lang="zh-TW"] body,html[data-font-mode="system"][lang="zh-tw"] body{--font:"PingFang TC","Microsoft JhengHei",system-ui,sans-serif!important}
html[data-font-mode="system"][lang="ja"],html[data-font-mode="system"][lang="ja"] body{--font:"Yu Gothic UI","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif!important}
html[data-font-mode="system"][lang="th"],html[data-font-mode="system"][lang="th"] body{--font:"Leelawadee UI",Tahoma,"Noto Sans Thai",sans-serif!important}
html[data-font-mode="system"] body{font-family:var(--font)}