:root{--color-primary: #cc785c;--color-primary-strong: #a9583e;--color-primary-pressed: #8f4731;--color-primary-disabled: #e6dfd8;--color-ink: #141413;--color-body: #3d3d3a;--color-body-strong: #252523;--color-muted: #5f5d57;--color-muted-soft: #8e8b82;--color-hairline: #e6dfd8;--color-hairline-soft: #ebe6df;--color-input-border: #7d7a72;--color-canvas: #faf9f5;--color-surface-soft: #f5f0e8;--color-surface-card: #efe9de;--color-surface-cream-strong: #e8e0d2;--color-dark: #181715;--color-dark-elevated: #252320;--color-dark-soft: #1f1e1b;--color-on-primary: #ffffff;--color-on-dark: #faf9f5;--color-on-dark-soft: #a09d96;--color-teal: #5db8a6;--color-amber: #e8a55a;--color-success: #5db872;--color-success-deep: #2e7d43;--color-warning: #d4a017;--color-warning-deep: #8a6a0d;--color-error: #b23b3b;--color-error-on-dark: #e57f7f;--font-display: "Noto Serif KR", "Tiempos Headline", Georgia, "Times New Roman", serif;--font-sans: "Pretendard Variable", Pretendard, Inter, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-section: 96px;--container: 1200px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--color-canvas);color:var(--color-body);font-family:var(--font-sans);font-size:16px;line-height:1.55;word-break:keep-all;overflow-wrap:break-word}h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--color-ink);line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--space-md)}h1{font-size:clamp(32px,6vw,48px);line-height:1.1}h2{font-size:clamp(26px,4vw,36px)}h3{font-size:clamp(20px,3vw,24px)}h4{font-family:var(--font-sans);font-size:18px;font-weight:600;color:var(--color-ink);margin:0 0 var(--space-sm)}p{margin:0 0 var(--space-md)}a{color:var(--color-primary-strong);text-underline-offset:3px}a:active{color:var(--color-primary-pressed)}ul,ol{margin:0 0 var(--space-md);padding-left:1.25em}li{margin-bottom:var(--space-xxs)}strong{color:var(--color-body-strong)}:focus-visible{outline:3px solid var(--color-primary-strong);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-md);top:-100px;z-index:100;background:var(--color-ink);color:var(--color-on-dark);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none}.skip-link:focus{top:var(--space-md)}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-lg)}.section{padding-block:clamp(48px,8vw,var(--space-section))}.stack>*+*{margin-top:var(--space-lg)}.grid-2,.grid-3{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-xs)}.lead{font-size:18px;color:var(--color-body-strong);max-width:46em}.muted{color:var(--color-muted)}.small{font-size:14px}.num{font-variant-numeric:tabular-nums}.card{background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-xl)}.card-canvas{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-xl)}.card-dark{background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-lg);padding:var(--space-xl)}.card-dark h2,.card-dark h3{color:var(--color-on-dark)}.callout-coral{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-lg);padding:clamp(var(--space-xl),6vw,64px)}.callout-coral h2{color:var(--color-on-primary)}.note-box{background:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);font-size:14px;color:var(--color-body)}.badge{display:inline-block;background:var(--color-surface-card);color:var(--color-ink);font-size:13px;font-weight:500;line-height:1.4;border-radius:var(--radius-pill);padding:4px 12px}.badge-coral{display:inline-block;background:var(--color-primary);color:var(--color-on-primary);font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-pill);padding:4px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:12px 20px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:15px;font-weight:500;line-height:1;text-decoration:none;cursor:pointer}.btn-primary{background:var(--color-primary-strong);color:var(--color-on-primary)}.btn-primary:active{background:var(--color-primary-pressed)}.btn-primary:disabled{background:var(--color-primary-disabled);color:var(--color-muted);cursor:not-allowed}.btn-secondary{background:var(--color-canvas);color:var(--color-ink);border-color:var(--color-hairline)}.btn-secondary:active{background:var(--color-surface-soft)}.btn-on-dark{background:var(--color-dark-elevated);color:var(--color-on-dark)}.btn-on-coral{background:var(--color-canvas);color:var(--color-ink)}.btn-chip{min-height:32px;padding:6px 12px;font-size:13px;background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--radius-pill)}.btn-chip:active{background:var(--color-surface-cream-strong)}.calc-shell{margin-block:var(--space-xl)}.calc-form{display:grid;gap:var(--space-lg)}@media(min-width:768px){.calc-form{grid-template-columns:repeat(2,1fr)}.calc-form .field-full,.calc-form .form-actions,.calc-form .form-error,.calc-form details{grid-column:1 / -1}}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field>label{font-size:15px;font-weight:500;color:var(--color-ink)}.field-row{display:flex;align-items:center;gap:var(--space-xs)}.field-unit{flex-shrink:0;font-size:14px;color:var(--color-muted)}.input,.select{width:100%;min-height:44px;padding:10px 14px;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;border:1px solid var(--color-input-border);border-radius:var(--radius-md)}.input:focus-visible,.select:focus-visible{outline:none;border-color:var(--color-primary-strong);box-shadow:0 0 0 3px #a9583e59}.input[aria-invalid=true]{border-color:var(--color-error)}.amount-hint{min-height:1.4em;font-size:13px;color:var(--color-muted)}.help{font-size:13px;color:var(--color-muted)}.error-text{font-size:13px;color:var(--color-error)}.form-error{display:none;background:#c6454514;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:14px;color:var(--color-error)}.form-error[data-visible=true]{display:block}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.radio-row,.checkbox-row{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}.radio-row label,.checkbox-row label{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:15px;color:var(--color-body-strong)}.calc-form details{border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--color-canvas)}.calc-form details summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--color-ink)}.calc-form details[open] summary{margin-bottom:var(--space-md)}.details-body{display:grid;gap:var(--space-md)}@media(min-width:768px){.details-body{grid-template-columns:repeat(2,1fr)}}.seg-control{display:flex;flex-wrap:wrap;gap:var(--space-xxs);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-xxs);background:var(--color-canvas);margin:0 0 var(--space-lg)}.seg-control legend{padding:0}.seg-control label{flex:1 1 auto}.seg-control input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.seg-control span{display:block;text-align:center;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--color-muted);cursor:pointer}.seg-control input:checked+span{background:var(--color-surface-cream-strong);color:var(--color-ink)}.seg-control input:focus-visible+span{outline:3px solid var(--color-primary-strong);outline-offset:-3px}.result-panel{background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-lg)}.result-label{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-on-dark-soft);margin-bottom:var(--space-xs)}.result-value{font-family:var(--font-display);font-size:clamp(28px,5vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--color-on-dark);font-variant-numeric:tabular-nums;margin:0 0 var(--space-lg)}.result-grid{display:grid;gap:var(--space-xs) var(--space-lg);grid-template-columns:auto 1fr;margin:0 0 var(--space-lg);font-size:15px}.result-grid dt{color:var(--color-on-dark-soft)}.result-grid dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-on-dark)}.result-grid dd.em{font-weight:600}.verdict{list-style:none;padding:0;margin:0 0 var(--space-lg);display:grid;gap:var(--space-xs)}.verdict li{position:relative;padding-left:var(--space-lg);font-size:15px;line-height:1.5}.verdict li:before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%}.verdict li.ok{color:var(--color-on-dark)}.verdict li.ok:before{background:var(--color-success)}.verdict li.warn{color:var(--color-on-dark)}.verdict li.warn:before{background:var(--color-warning)}.verdict li.danger{color:var(--color-error-on-dark)}.verdict li.danger:before{background:var(--color-error)}.result-formula{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--color-on-dark-soft);background:var(--color-dark-soft);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin:0;overflow-x:auto}.result-note{font-size:13px;color:var(--color-on-dark-soft);margin:var(--space-md) 0 0}.table-wrap{overflow-x:auto;margin-block:var(--space-md)}.rate-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md)}.rate-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--color-muted);padding-bottom:var(--space-xs)}.rate-table th,.rate-table td{padding:10px 14px;border-bottom:1px solid var(--color-hairline-soft);text-align:left;vertical-align:top}.rate-table thead th{background:var(--color-surface-soft);color:var(--color-ink);font-weight:600;white-space:nowrap}.rate-table tbody tr:last-child th,.rate-table tbody tr:last-child td{border-bottom:none}.rate-table .num,.rate-table td:last-child{font-variant-numeric:tabular-nums}.breadcrumb{padding-top:var(--space-lg);font-size:13px;color:var(--color-muted)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0}.breadcrumb li+li:before{content:"/";margin-right:var(--space-xs);color:var(--color-muted-soft)}.breadcrumb a{color:var(--color-muted)}.calc-header{padding-block:var(--space-xl) var(--space-md);max-width:52em}.calc-header .badge{margin-top:var(--space-xs)}.calc-content{max-width:52em;padding-block:var(--space-xl)}.calc-content section{margin-bottom:var(--space-xxl)}.faq{max-width:52em;padding-block:var(--space-xl)}.faq details{border-bottom:1px solid var(--color-hairline);padding-block:var(--space-md)}.faq summary{cursor:pointer;font-size:16px;font-weight:500;color:var(--color-ink);list-style-position:outside}.faq .faq-a{padding-top:var(--space-sm);color:var(--color-body)}.faq .faq-a p:last-child{margin-bottom:0}.disclaimer{max-width:52em;margin-block:var(--space-xl);background:var(--color-surface-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-lg)}.disclaimer h2{font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:var(--space-sm)}.disclaimer ol{margin:0;font-size:13px;color:var(--color-muted)}.disclaimer li{margin-bottom:var(--space-xxs)}.sources{max-width:52em;padding-block:var(--space-lg) var(--space-section)}.sources h2{font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:0}.sources ul{font-size:13px;color:var(--color-muted)}.sources a{color:var(--color-muted);text-decoration:underline}.related{padding-block:var(--space-xl)}.related h2{font-size:clamp(22px,3vw,28px)}.related-card{display:block;background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-lg);text-decoration:none;color:var(--color-ink)}.related-card:active{background:var(--color-surface-cream-strong)}.related-card .name{display:block;font-weight:600;margin-bottom:var(--space-xs)}.related-card .desc{display:block;font-size:14px;color:var(--color-body)}.site-header{background:var(--color-canvas);border-bottom:1px solid var(--color-hairline-soft)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:64px;flex-wrap:wrap;padding-block:var(--space-xs)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--color-ink);font-family:var(--font-display);font-size:22px;letter-spacing:-.02em}.brand svg{flex-shrink:0}.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xxs);margin:0;padding:0}.site-nav a{display:block;padding:8px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-body);text-decoration:none}.site-nav a[aria-current=page]{background:var(--color-surface-card);color:var(--color-ink)}.site-footer{background:var(--color-dark);color:var(--color-on-dark-soft);margin-top:var(--space-section);padding-block:64px var(--space-xl);font-size:14px}.site-footer .brand{color:var(--color-on-dark);margin-bottom:var(--space-lg)}.footer-grid{display:grid;gap:var(--space-xl);grid-template-columns:1fr;margin-bottom:var(--space-xl)}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-grid h2{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-on-dark);margin-bottom:var(--space-sm)}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin-bottom:var(--space-xs)}.footer-grid a{color:var(--color-on-dark-soft);text-decoration:none}.footer-grid a:active{color:var(--color-on-dark)}.footer-note{border-top:1px solid var(--color-dark-elevated);padding-top:var(--space-lg);font-size:13px;color:var(--color-on-dark-soft)}.footer-note p{margin-bottom:var(--space-xs)}.hero{padding-block:clamp(48px,8vw,var(--space-section));display:grid;gap:var(--space-xl);align-items:center}@media(min-width:1024px){.hero{grid-template-columns:1fr 1fr}}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.025em;margin-bottom:var(--space-lg)}.hero .lead{margin-bottom:var(--space-xl)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-mock{background:var(--color-dark);color:var(--color-on-dark);border-radius:var(--radius-xl);padding:var(--space-xl)}.calc-index{font-family:var(--font-display);font-size:14px;color:var(--color-muted);letter-spacing:1px}.calc-card{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-surface-card);border-radius:var(--radius-lg);padding:var(--space-xl);text-decoration:none;color:var(--color-ink);height:100%}.calc-card:active{background:var(--color-surface-cream-strong)}.calc-card h3{font-family:var(--font-sans);font-size:18px;font-weight:600;letter-spacing:0;margin:0}.calc-card p{font-size:14px;color:var(--color-body);margin:0}.calc-card .go{margin-top:auto;font-size:14px;font-weight:500;color:var(--color-primary-strong)}.data-band dl{display:grid;gap:var(--space-lg);grid-template-columns:1fr;margin:var(--space-lg) 0 0}@media(min-width:768px){.data-band dl{grid-template-columns:repeat(3,1fr)}}.data-band dt{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--color-on-dark-soft);margin-bottom:var(--space-xs)}.data-band dd{margin:0;font-family:var(--font-display);font-size:32px;color:var(--color-on-dark);font-variant-numeric:tabular-nums}.data-band dd .unit{font-size:16px;color:var(--color-on-dark-soft)}
