:root{--bg:#f7f8fb;--card:#fff;--text:#15171a;--muted:#667085;--line:#e7eaf0;--brand:#4f46e5;--brand2:#7c3aed;--soft:#eef2ff;--success:#0f766e;--shadow:0 10px 30px rgba(20,24,40,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(247,248,251,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,234,240,.8)}.nav{height:68px;display:flex;align-items:center;gap:20px}.logo{font-size:22px;font-weight:900;letter-spacing:-1px}.logo b{color:var(--brand)}.nav-search{margin-left:auto;position:relative;width:min(390px,45vw)}.nav-search input,.hero-search input{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px 46px 13px 16px;outline:none}.nav-search input:focus,.hero-search input:focus{border-color:#a5b4fc;box-shadow:0 0 0 4px #eef2ff}.search-ico{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#777}
.hero{padding:72px 0 34px;text-align:center}.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-3px;margin:0}.hero h1 span{background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;margin:18px 0 28px}.hero-search{position:relative;max-width:720px;margin:0 auto}.hero-search input{height:62px;font-size:18px;border-radius:20px;padding-left:22px;box-shadow:var(--shadow)}.search-results{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 45px rgba(20,24,40,.14);overflow:hidden;text-align:left;z-index:50}.search-results.show{display:block}.search-results a{display:flex;padding:13px 16px;border-bottom:1px solid #f2f3f6;gap:12px;align-items:center}.search-results a:last-child{border-bottom:0}.search-results a:hover{background:#f8f9ff}.mini-icon{width:34px;height:34px;background:var(--soft);border-radius:10px;display:grid;place-items:center;color:var(--brand);font-weight:800}.search-results small{display:block;color:var(--muted)}
.section{padding:28px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-title h2{font-size:25px;letter-spacing:-1px;margin:0}.section-title p{margin:0;color:var(--muted)}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px;color:#475467;cursor:pointer}.chip.active,.chip:hover{background:var(--soft);border-color:#c7d2fe;color:#4338ca}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.calc-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;min-height:155px;transition:.18s;box-shadow:0 3px 12px rgba(30,40,60,.03)}.calc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d7dafa}.calc-icon{width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--brand);display:grid;place-items:center;font-weight:900;font-size:13px}.calc-card h3{font-size:17px;margin:14px 0 6px;letter-spacing:-.4px}.calc-card p{font-size:13px;color:var(--muted);margin:0}.badge{display:inline-flex;margin-top:11px;font-size:11px;padding:4px 8px;border-radius:999px;background:#f3f4f6;color:#606772}
.info-band{margin:30px 0;background:linear-gradient(135deg,#171a2b,#29235d);border-radius:26px;color:#fff;padding:28px}.info-band h2{margin:0 0 8px}.info-band p{color:#d7d8e3;margin:0;max-width:720px}.recent{display:flex;gap:10px;overflow:auto;padding-bottom:3px}.recent a{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:13px}
footer{margin-top:60px;border-top:1px solid var(--line);padding:35px 0 50px;color:var(--muted);font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}
/* calculator page */
.breadcrumb{font-size:13px;color:var(--muted);padding-top:24px}.calc-layout{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:24px;padding:18px 0 20px}.calc-main h1{font-size:34px;letter-spacing:-1.4px;margin:6px 0 8px}.lead{color:var(--muted);margin:0 0 22px}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 6px 18px rgba(20,24,40,.04)}.fields{display:grid;gap:14px}.field label{font-weight:700;font-size:14px;display:block;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid #dfe3ea;border-radius:13px;padding:14px;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:#a5b4fc;box-shadow:0 0 0 4px #eef2ff}.calc-btn{width:100%;border:0;border-radius:14px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;font-weight:800;padding:15px;margin-top:18px;cursor:pointer;font-size:16px}.result{margin-top:18px;border-radius:18px;background:#f8faff;border:1px solid #dde5ff;padding:20px;display:none}.result.show{display:block}.result-label{font-size:13px;color:#667085}.result-big{font-size:30px;font-weight:900;letter-spacing:-1px;color:#27216d;margin:5px 0 10px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.result-item{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:11px}.result-item span{display:block;font-size:11px;color:#7b8190}.result-item b{font-size:15px}.note{margin-top:12px;font-size:12px;color:#757b87}.side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:14px}.side-card h3{margin:0 0 10px;font-size:16px}.side-card a{display:block;padding:9px 0;border-bottom:1px solid #f0f1f4;font-size:14px}.side-card a:last-child{border-bottom:0}.article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-top:18px}.article h2{font-size:21px}.article h3{font-size:17px;margin-top:24px}.article p,.article li{color:#525866}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill-row a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:#fff}
.empty{display:none;padding:34px;text-align:center;color:var(--muted)}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.calc-layout{grid-template-columns:1fr}.calc-side{display:none}.nav-search{display:none}.hero{padding-top:48px}.hero h1{letter-spacing:-2px}}
@media(max-width:560px){.wrap{width:min(100% - 22px,1120px)}.grid{grid-template-columns:1fr 1fr;gap:10px}.calc-card{padding:15px;min-height:148px}.calc-card h3{font-size:15px}.hero p{font-size:15px}.hero-search input{font-size:15px}.section-title{align-items:start;flex-direction:column;gap:5px}.calc-main h1{font-size:28px}.panel{padding:16px}.result-big{font-size:26px}.result-grid{grid-template-columns:1fr}.info-band{padding:22px}.calc-card p{font-size:12px}}

.money-hint{margin-top:6px;font-size:12px;font-weight:700;color:#667085;min-height:18px}.standard-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800}.standard-box{margin:18px 0 0;padding:14px 16px;border:1px solid #e3e7ef;border-radius:14px;background:#fafbfc;color:#596171;font-size:13px}.standard-box b{color:#303747}

.faq details{border-top:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:8px 0 0}.count-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--brand);font-weight:800;font-size:12px}

/* richer result experience */
.result-extra{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 4px 14px rgba(20,24,40,.03)}
.result-extra:empty{display:none}.extra-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.extra-title h3{margin:0;font-size:17px;letter-spacing:-.4px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compare-card{border:1px solid #e6e9ef;border-radius:15px;padding:14px;background:#fbfcfe}.compare-card.primary{background:#f1f3ff;border-color:#cfd6ff}.compare-card span{display:block;font-size:12px;color:#737b8c;margin-bottom:6px}.compare-card b{display:block;font-size:18px;letter-spacing:-.5px;color:#262b38}.compare-card.primary b{color:#4338ca}.compare-card small{display:block;margin-top:5px;color:#737b8c;font-size:11px}.extra-foot{font-size:12px;color:#737b8c;margin:11px 2px 0;line-height:1.5}.table-scroll{overflow:auto;border:1px solid #e8eaf0;border-radius:14px}.result-table{width:100%;border-collapse:collapse;min-width:570px;font-size:13px}.result-table th{background:#f7f8fb;color:#646b79;font-weight:700;text-align:right;padding:10px;border-bottom:1px solid #e8eaf0}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table td{text-align:right;padding:10px;border-bottom:1px solid #f0f1f4;white-space:nowrap}.result-table tr:last-child td{border-bottom:0}.result-table tbody tr:hover{background:#fafbff}
@media(max-width:560px){.compare-grid{grid-template-columns:1fr}.result-extra{padding:14px}.compare-card{padding:12px}.compare-card b{font-size:17px}}

.input-hint{font-size:13px;color:#667085;margin-top:8px;line-height:1.45}.input-hint b{color:#344054}.result.error{border-color:#fda29b;background:#fff7f6}.result.error .result-big{color:#b42318}.result.error .note{color:#b42318}

/* v1.8 input terminology helpers */
.field-help{font-size:12.5px;line-height:1.55;color:#667085;margin-top:7px;padding-left:2px}
.term-box{background:#f5f7ff;border:1px solid #e3e7ff;border-radius:14px;padding:14px 16px;margin:0 0 16px;color:#344054}
.term-box b{display:block;color:#30348f;margin-bottom:4px}
.term-box p{margin:0;font-size:13px;line-height:1.6}
@media(max-width:640px){.field-help{font-size:12px}.term-box{padding:12px 14px}}

/* v1.9 homepage hierarchy */
.home-feature{padding-top:14px}.home-category{padding-top:20px}.home-category+.home-category{padding-top:10px}.section-title>div p{margin:5px 0 0;color:var(--muted)}.popular-grid .calc-card{border-color:#dfe3ff;box-shadow:0 5px 16px rgba(79,70,229,.05)}.category-grid{grid-template-columns:repeat(3,1fr)}.full-library details{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.full-library summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.full-library summary::-webkit-details-marker{display:none}.full-library summary span{display:flex;flex-direction:column;gap:4px}.full-library summary b{font-size:19px}.full-library summary small{color:var(--muted);font-size:13px}.full-library summary strong{font-size:28px;color:var(--brand);transition:.2s}.full-library details[open] summary strong{transform:rotate(45deg)}.all-inner{border-top:1px solid var(--line);padding:20px}.all-grid{margin-top:14px}.home-category .calc-card p,.popular-grid .calc-card p{min-height:36px}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.popular-grid,.category-grid{grid-template-columns:1fr 1fr}.home-category .calc-card:nth-child(n+5){display:none}.full-library summary{padding:17px}.all-inner{padding:14px}.full-library summary b{font-size:17px}}

/* v1.14 quick category buttons */
.hero-cats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.hero-cats .chip{padding:10px 14px;font-weight:700;box-shadow:0 3px 10px rgba(20,24,40,.03)}.hero-cats .chip-emphasis{background:var(--soft);border-color:#c7d2fe;color:#4338ca}.hero-cats .chip-emphasis:hover{background:#e5eaff}.category-anchor{scroll-margin-top:90px}@media(max-width:560px){.hero-cats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px;-ms-overflow-style:none;scrollbar-width:none}.hero-cats::-webkit-scrollbar{display:none}.hero-cats .chip{white-space:nowrap;flex:0 0 auto;padding:10px 13px}}

/* v1.16 mobile tap robustness */
.calc-card{position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(79,70,229,.08);touch-action:manipulation}.calc-card .calc-icon,.calc-card h3,.calc-card p,.calc-card .badge{pointer-events:none}.pill-row a,.recent a,.hero-cats .chip,.chip{touch-action:manipulation;-webkit-tap-highlight-color:rgba(79,70,229,.08)}

/* v1.19 core landing page enrichment */
.example-box{margin:10px 0 18px;padding:16px 18px;border:1px solid #dfe3ff;border-radius:16px;background:#f8f9ff}.example-box b{display:block;color:#30348f;margin-bottom:7px}.example-box p{margin:0!important;color:#525866}.example-box strong{color:#27216d}.article ul{padding-left:21px}.article li+li{margin-top:5px}