:root{--slc-color-bg:#f4f6f9;--slc-color-surface:#fff;--slc-color-text:#162030;--slc-color-muted:#617084;--slc-color-subtle:#657283;--slc-color-line:#dce3eb;--slc-color-control:#7f8d9d;--slc-color-accent:#2d6654;--slc-color-accent-soft:#e8f3ee;--slc-color-danger:#a63c3c;--slc-color-danger-soft:#fff1f1;--slc-color-focus:#1769aa;--slc-color-disabled-bg:#e7ebf0;--slc-color-disabled-text:#5b6878;--slc-font:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;--slc-weight-body:400;--slc-weight-label:550;--slc-weight-card:650;--slc-weight-strong:700;--slc-space-1:4px;--slc-space-2:8px;--slc-space-3:12px;--slc-space-4:16px;--slc-space-5:20px;--slc-space-6:24px;--slc-radius-control:10px;--slc-radius-panel:16px;--slc-radius-pill:999px;--slc-control:48px;--slc-touch:44px;--slc-container:680px;--slc-gutter:32px;--slc-shadow:0 12px 32px rgba(25,40,58,.08)}
[data-theme="dark"]{--slc-color-bg:#111820;--slc-color-surface:#18222d;--slc-color-text:#edf3f8;--slc-color-muted:#aab7c4;--slc-color-subtle:#8f9caa;--slc-color-line:#2c3a48;--slc-color-control:#607181;--slc-color-accent:#79c8aa;--slc-color-accent-soft:#17362d;--slc-color-danger:#ff9f9f;--slc-color-danger-soft:#3c2023;--slc-color-focus:#5da8e8;--slc-color-disabled-bg:#27323d;--slc-color-disabled-text:#a9b5c1;--slc-shadow:0 14px 36px rgba(0,0,0,.25)}
*{box-sizing:border-box}
html{background:var(--slc-color-bg);color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body{margin:0;background:var(--slc-color-bg);color:var(--slc-color-text);font-family:var(--slc-font);font-size:15px;font-weight:var(--slc-weight-body);line-height:1.55;letter-spacing:-.012em}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
[hidden]{display:none!important}
.slc-wrap{width:min(100% - var(--slc-gutter),var(--slc-container));margin:0 auto;padding:18px 0 52px}
.slc-site-header{display:flex;align-items:center;justify-content:space-between;min-height:44px}
.slc-brand{color:var(--slc-color-text);font-size:17px;font-weight:var(--slc-weight-strong);letter-spacing:.08em;text-decoration:none}
.theme-control{position:relative}
.theme-toggle,.theme-option{min-height:var(--slc-touch);border:1px solid var(--slc-color-control);background:var(--slc-color-surface);color:var(--slc-color-text);cursor:pointer}
.theme-toggle{padding:0 14px;border-radius:var(--slc-radius-pill);font-size:13px;font-weight:var(--slc-weight-label)}
.theme-menu{position:absolute;z-index:10;top:48px;right:0;width:116px;padding:6px;border:1px solid var(--slc-color-line);border-radius:12px;background:var(--slc-color-surface);box-shadow:var(--slc-shadow)}
.theme-option{display:block;width:100%;padding:0 12px;border:0;border-radius:8px;text-align:left}
.theme-option[aria-checked="true"]{background:var(--slc-color-accent-soft);color:var(--slc-color-accent);font-weight:var(--slc-weight-strong)}
.slc-intro{padding:24px 2px 18px}
.slc-eyebrow,.slc-kicker{margin:0;color:var(--slc-color-accent);font-size:12px;font-weight:var(--slc-weight-label);letter-spacing:.08em;text-transform:uppercase}
.slc-intro h1{margin:6px 0 0;font-size:clamp(27px,8vw,38px);font-weight:var(--slc-weight-strong);line-height:1.22;letter-spacing:-.04em}
.slc-intro-copy{margin:10px 0 0;color:var(--slc-color-muted);font-size:16px}
.slc-local-note{display:inline-flex;margin:12px 0 0;padding:6px 10px;border-radius:var(--slc-radius-pill);background:var(--slc-color-accent-soft);color:var(--slc-color-accent);font-size:12.5px;font-weight:var(--slc-weight-label)}
.slc-form{display:grid;gap:var(--slc-space-4)}
.slc-panel,.slc-result,.slc-trust{border:1px solid var(--slc-color-line);border-radius:var(--slc-radius-panel);background:var(--slc-color-surface)}
.slc-panel{padding:18px 16px}
.slc-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.slc-section-heading h2,.slc-result h2,.slc-trust h2{margin:3px 0 0;font-size:20px;font-weight:var(--slc-weight-card);line-height:1.3;letter-spacing:-.025em}
.slc-section-heading>p{max-width:290px;margin:1px 0 0;color:var(--slc-color-muted);font-size:12.5px;text-align:right}
.slc-cost-list{display:grid;gap:12px;margin-top:18px}
.slc-cost-row{display:grid;grid-template-columns:minmax(92px,1fr) minmax(150px,238px);align-items:center;gap:12px}
.slc-cost-row label{min-width:0}
.slc-cost-row label strong{display:block;font-size:14px;font-weight:var(--slc-weight-label)}
.slc-cost-row label span{display:block;margin-top:1px;color:var(--slc-color-subtle);font-size:11.5px;line-height:1.35}
.slc-input-row{display:flex;align-items:center;min-width:0;min-height:var(--slc-control);border:1px solid var(--slc-color-control);border-radius:var(--slc-radius-control);background:var(--slc-color-bg);overflow:hidden;transition:border-color .15s ease,background-color .15s ease,outline-color .15s ease}
.slc-input-row:focus-within{border-color:var(--slc-color-focus);outline:2px solid var(--slc-color-focus);outline-offset:2px}
.slc-input-row:has(input[aria-invalid="true"]){border-color:var(--slc-color-danger);background:var(--slc-color-danger-soft);outline:2px solid var(--slc-color-danger);outline-offset:1px}
.slc-input-row input{width:100%;min-width:0;padding:11px 4px 11px 12px;border:0;outline:0;background:transparent;color:var(--slc-color-text);font-size:16px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.slc-input-row input::placeholder{color:var(--slc-color-subtle);font-weight:400;opacity:1}
.slc-input-row>span{flex:0 0 auto;padding:0 12px 0 5px;color:var(--slc-color-muted);font-size:.82em;font-weight:var(--slc-weight-label);white-space:nowrap}
.slc-live-total{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--slc-color-line)}
.slc-live-total>span{color:var(--slc-color-muted);font-size:13px;font-weight:var(--slc-weight-label)}
.slc-live-total output{font-size:19px;font-weight:var(--slc-weight-card);font-variant-numeric:tabular-nums;white-space:nowrap}
.slc-ott-reference-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--slc-color-line)}
.slc-ott-reference-entry strong,.slc-ott-reference-entry span{display:block}
.slc-ott-reference-entry strong{font-size:13px;font-weight:var(--slc-weight-card)}
.slc-ott-reference-entry span{margin-top:2px;color:var(--slc-color-muted);font-size:11.5px}
.slc-reference-toggle{flex:0 0 auto;min-height:var(--slc-touch);padding:8px 12px;border:1px solid var(--slc-color-accent);border-radius:var(--slc-radius-control);background:transparent;color:var(--slc-color-accent);font-size:13px;font-weight:var(--slc-weight-card);cursor:pointer}
.slc-helper{margin:14px 0 0;color:var(--slc-color-muted);font-size:12.5px}
.slc-error{margin:0;padding:11px 13px;border:1px solid var(--slc-color-danger);border-radius:var(--slc-radius-control);background:var(--slc-color-danger-soft);color:var(--slc-color-danger);font-size:13px;font-weight:var(--slc-weight-label)}
.slc-error::before{content:"!";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:var(--slc-color-danger);color:var(--slc-color-surface);font-size:12px;font-weight:var(--slc-weight-strong)}
.slc-primary{min-height:50px;border:1px solid var(--slc-color-accent);border-radius:var(--slc-radius-control);background:var(--slc-color-accent);color:#fff;font-size:15px;font-weight:var(--slc-weight-strong);cursor:pointer}
.slc-primary:disabled{border-color:var(--slc-color-control);background:var(--slc-color-disabled-bg);color:var(--slc-color-disabled-text);cursor:not-allowed;opacity:1}
.slc-result{margin-top:20px;padding:22px 18px;scroll-margin-top:16px;box-shadow:var(--slc-shadow)}
.slc-result h2{font-size:17px}
.slc-result-amount{display:inline-flex;align-items:baseline;margin-top:5px;color:var(--slc-color-accent);font-size:clamp(34px,10vw,48px);font-weight:var(--slc-weight-strong);line-height:1.2;letter-spacing:-.045em;white-space:nowrap}
.slc-amount-value{font-variant-numeric:tabular-nums}
.slc-amount-unit{margin-left:.08em;color:var(--slc-color-muted);font-size:.78em;font-weight:var(--slc-weight-label);letter-spacing:0}
.slc-result-copy{margin:9px 0 0;color:var(--slc-color-muted);font-size:13.5px}
.slc-result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0 0;padding:15px 0;border-block:1px solid var(--slc-color-line)}
.slc-result-summary div{min-width:0;padding:0 12px;border-left:1px solid var(--slc-color-line)}
.slc-result-summary div:first-child{padding-left:0;border-left:0}
.slc-result-summary div:last-child{padding-right:0}
.slc-result-summary dt{color:var(--slc-color-muted);font-size:12px;font-weight:var(--slc-weight-label)}
.slc-result-summary dd{margin:3px 0 0;font-size:14px;font-weight:var(--slc-weight-card);font-variant-numeric:tabular-nums;white-space:nowrap}
.slc-assumption,.slc-result-limit{margin:10px 0 0;color:var(--slc-color-muted);font-size:12.5px}
.slc-salary-bridge{margin-top:20px;padding-top:18px;border-top:1px solid var(--slc-color-line)}
.slc-salary-bridge>h3,.slc-preview-panel h3{margin:0;font-size:15px;font-weight:var(--slc-weight-card)}
.slc-secondary,.slc-preview-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--slc-touch);border-radius:var(--slc-radius-control);font-size:14px;font-weight:var(--slc-weight-card);text-align:center;text-decoration:none}
.slc-secondary{width:100%;margin-top:10px;padding:9px 14px;border:1px solid var(--slc-color-accent);background:transparent;color:var(--slc-color-accent);cursor:pointer}
.slc-secondary:disabled{border-color:var(--slc-color-control);background:var(--slc-color-disabled-bg);color:var(--slc-color-disabled-text);cursor:not-allowed}
.slc-preview-helper{margin:7px 0 0;color:var(--slc-color-muted);font-size:12px}
.slc-preview-panel{margin-top:14px;padding:15px;border:1px solid var(--slc-color-line);border-radius:12px;background:var(--slc-color-bg)}
.slc-preview-panel h3{margin-top:3px}
.slc-preview-message{margin:8px 0 0;color:var(--slc-color-muted);font-size:13px}
.slc-preview-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:14px 0 0;padding:13px 0;border-block:1px solid var(--slc-color-line)}
.slc-preview-summary div{min-width:0;padding:0 10px;border-left:1px solid var(--slc-color-line)}
.slc-preview-summary div:first-child{padding-left:0;border-left:0}
.slc-preview-summary div:last-child{padding-right:0}
.slc-preview-summary dt{color:var(--slc-color-muted);font-size:11.5px;font-weight:var(--slc-weight-label)}
.slc-preview-summary dd{display:inline-flex;align-items:baseline;margin:4px 0 0;font-size:14px;font-weight:var(--slc-weight-card);font-variant-numeric:tabular-nums;white-space:nowrap}
.slc-preview-summary div:nth-child(2) dd{color:var(--slc-color-accent);font-size:17px;font-weight:var(--slc-weight-strong)}
.slc-preview-warning{margin:10px 0 0;color:var(--slc-color-muted);font-size:12.5px}
.slc-preview-link{width:100%;margin-top:12px;padding:9px 14px;border:1px solid var(--slc-color-accent);background:var(--slc-color-accent);color:#fff}
.slc-breakdown{margin-top:20px}
.slc-breakdown h3{margin:0;font-size:15px;font-weight:var(--slc-weight-card)}
.slc-breakdown ul{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.slc-breakdown li{padding:12px 13px;border-radius:12px;background:var(--slc-color-bg)}
.slc-breakdown li>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.slc-breakdown li strong{font-size:13.5px;font-weight:var(--slc-weight-card)}
.slc-breakdown li p{margin:4px 0 0;color:var(--slc-color-muted);font-size:12px;font-variant-numeric:tabular-nums}
.slc-status{font-size:12px;font-weight:var(--slc-weight-label);text-align:right}
.slc-status-comparable{color:var(--slc-color-accent)}
.slc-status-more_expensive{color:var(--slc-color-danger)}
.slc-status-uncomparable,.slc-status-excluded{color:var(--slc-color-muted)}
.slc-ott-reference{margin-top:20px;padding:22px 18px;border:1px solid var(--slc-color-line);border-radius:var(--slc-radius-panel);background:var(--slc-color-surface);scroll-margin-top:16px}
.slc-ott-reference h2{margin:3px 0 0;font-size:20px;font-weight:var(--slc-weight-card);line-height:1.3;letter-spacing:-.025em}
.slc-reference-intro{margin:8px 0 0;color:var(--slc-color-muted);font-size:13px}
.slc-reference-controls{display:grid;grid-template-columns:minmax(118px,.8fr) minmax(0,1.2fr);align-items:center;gap:10px 14px;margin-top:18px}
.slc-reference-controls label{min-width:0;font-size:13.5px;font-weight:var(--slc-weight-label)}
.slc-reference-controls label span{display:block;margin-top:1px;color:var(--slc-color-subtle);font-size:11.5px;font-weight:var(--slc-weight-body)}
.slc-reference-controls select,.slc-reference-input{width:100%;min-width:0;min-height:var(--slc-control);border:1px solid var(--slc-color-control);border-radius:var(--slc-radius-control);background:var(--slc-color-bg);color:var(--slc-color-text);font-size:16px}
.slc-reference-controls select{padding:0 34px 0 12px;font-weight:var(--slc-weight-label)}
.slc-reference-input{display:flex;align-items:center;overflow:hidden}
.slc-reference-input:focus-within{border-color:var(--slc-color-focus);outline:2px solid var(--slc-color-focus);outline-offset:2px}
.slc-reference-input:has(input[aria-invalid="true"]){border-color:var(--slc-color-danger);background:var(--slc-color-danger-soft);outline:2px solid var(--slc-color-danger);outline-offset:1px}
.slc-reference-input input{width:100%;min-width:0;padding:11px 4px 11px 12px;border:0;outline:0;background:transparent;color:var(--slc-color-text);font-size:16px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.slc-reference-input input::placeholder{color:var(--slc-color-subtle);font-weight:400;opacity:1}
.slc-reference-input>span{flex:0 0 auto;padding:0 12px 0 5px;color:var(--slc-color-muted);font-size:.82em;font-weight:var(--slc-weight-label);white-space:nowrap}
.slc-ott-reference>.slc-error{margin-top:14px}
.slc-reference-result{margin-top:16px;padding:15px;border:1px solid var(--slc-color-line);border-radius:12px;background:var(--slc-color-bg)}
.slc-reference-message{margin:0;color:var(--slc-color-muted);font-size:13px}
.slc-reference-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:14px 0 0;padding:13px 0;border-block:1px solid var(--slc-color-line)}
.slc-reference-summary div{min-width:0;padding:0 10px;border-left:1px solid var(--slc-color-line)}
.slc-reference-summary div:first-child{padding-left:0;border-left:0}
.slc-reference-summary div:last-child{padding-right:0}
.slc-reference-summary dt{color:var(--slc-color-muted);font-size:11.5px;font-weight:var(--slc-weight-label)}
.slc-reference-summary dd{display:inline-flex;align-items:baseline;margin:4px 0 0;font-size:14px;font-weight:var(--slc-weight-card);font-variant-numeric:tabular-nums;white-space:nowrap}
.slc-reference-summary div:nth-child(2) dd{color:var(--slc-color-accent);font-size:17px;font-weight:var(--slc-weight-strong)}
.slc-reference-date{margin:10px 0 0;color:var(--slc-color-muted);font-size:12px}
.slc-reference-source{display:inline-flex;align-items:center;min-height:var(--slc-touch);margin-top:4px;color:var(--slc-color-accent);font-size:12.5px;font-weight:var(--slc-weight-label)}
.slc-trust{margin-top:20px;padding:22px 18px}
.slc-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-top:20px}
.slc-trust article{min-width:0}
.slc-trust h3{margin:0;font-size:14px;font-weight:var(--slc-weight-card)}
.slc-trust article p{margin:5px 0 0;color:var(--slc-color-muted);font-size:12.5px}
.slc-footer{padding:24px 2px 0;color:var(--slc-color-muted);font-size:12px;text-align:center}
.slc-footer a{color:var(--slc-color-accent);font-weight:var(--slc-weight-label)}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--slc-color-focus);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.slc-primary:hover:not(:disabled),.slc-secondary:hover:not(:disabled),.slc-reference-toggle:hover,.slc-preview-link:hover,.theme-toggle:hover,.theme-option:hover{filter:brightness(.95)}}
.slc-primary:active:not(:disabled),.slc-secondary:active:not(:disabled),.slc-preview-link:active{filter:brightness(.88);transform:translateY(1px)}
@media(max-width:520px){.slc-wrap{padding-top:12px}.slc-intro{padding-top:18px}.slc-panel{padding:16px 14px}.slc-section-heading{display:block}.slc-section-heading>p{max-width:none;margin-top:6px;text-align:left}.slc-ott-reference-entry{display:block}.slc-reference-toggle{width:100%;margin-top:10px}.slc-result,.slc-ott-reference,.slc-trust{padding:19px 15px}.slc-reference-controls{grid-template-columns:1fr;gap:6px}.slc-reference-controls label:not(:first-child){margin-top:6px}.slc-trust-grid{grid-template-columns:1fr;gap:16px}}
@media(max-width:360px){.slc-cost-row{grid-template-columns:84px minmax(0,1fr);gap:8px}.slc-cost-row label span{font-size:10.5px}.slc-result-summary,.slc-preview-summary{grid-template-columns:1fr;gap:10px}.slc-result-summary div,.slc-result-summary div:first-child,.slc-result-summary div:last-child,.slc-preview-summary div,.slc-preview-summary div:first-child,.slc-preview-summary div:last-child{display:flex;align-items:baseline;justify-content:space-between;padding:0;border:0}.slc-result-summary dd,.slc-preview-summary dd{margin:0}.slc-reference-summary{grid-template-columns:1fr;gap:10px}.slc-reference-summary div,.slc-reference-summary div:first-child,.slc-reference-summary div:last-child{display:flex;align-items:baseline;justify-content:space-between;padding:0;border:0}.slc-reference-summary dd{margin:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.slc-input-row,.slc-primary{transition:none!important}}