:root{color-scheme:light;--ink:#17201c;--muted:#65736d;--line:#dce5df;--bg:#fbfcf8;--band:#eef6ef;--brand:#0f7b63;--brand2:#d54f2a;--panel:#fff;--soft:#f5efe6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;background:var(--bg);color:var(--ink);line-height:1.66}a{color:inherit}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,5vw,72px);background:rgba(251,252,248,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--brand);color:#fff;font-weight:800}.brand small{display:block;color:var(--muted);font-size:12px}.site-header nav,.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-header nav a,.site-footer a{text-decoration:none;color:#33433c;font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:42px;align-items:center;padding:72px clamp(18px,5vw,72px) 42px;min-height:620px}.hero h1{font-size:clamp(48px,7vw,92px);line-height:1;margin:0 0 20px;letter-spacing:0}.hero p{font-size:18px;max-width:720px}.eyebrow{margin:0 0 10px;color:var(--brand);font-weight:700;font-size:13px;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;border:1px solid var(--ink)}.button.secondary{background:transparent;color:var(--ink)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.dashboard-visual{min-height:430px;border:1px solid #c9d8d0;background:linear-gradient(135deg,#fff,#eef7ef 60%,#f8e7dc);border-radius:8px;padding:24px;box-shadow:0 22px 60px rgba(23,32,28,.12)}.metric{display:inline-flex;flex-direction:column;width:47%;padding:18px;margin:0 2% 18px 0;border:1px solid var(--line);border-radius:8px;background:#fff}.metric strong{font-size:34px;line-height:1.1}.metric.accent strong{color:var(--brand2)}.flow-row{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;gap:8px;margin:16px 0;padding:14px;border-radius:8px;background:#17201c;color:#fff;font-size:13px;text-align:center}.flow-row b{height:2px;background:#81d5bc}.chart{height:160px;display:flex;align-items:end;gap:14px;padding:20px;border-radius:8px;background:#fff;border:1px solid var(--line)}.chart i{flex:1;display:block;background:linear-gradient(180deg,var(--brand),#91d3bd);border-radius:6px 6px 0 0}.section{padding:48px clamp(18px,5vw,72px)}.section.muted{background:var(--band);border-block:1px solid var(--line)}.section-title{max-width:860px;margin-bottom:24px}.section-title h2,.page-title h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;min-height:230px}.article-card h2{font-size:21px;line-height:1.3;margin:0 0 12px}.article-card h2 a{text-decoration:none}.article-card p{color:var(--muted);margin:0}.principles,.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principles{grid-template-columns:repeat(3,1fr)}.principles div,.process-grid div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.process-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--brand);color:#fff;font-weight:800;margin-bottom:12px}.page-title{padding:58px clamp(18px,5vw,72px) 28px;max-width:1080px}.page-title.narrow{padding-bottom:0}.page-title p{font-size:18px;color:var(--muted)}.category-nav,.link-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.category-nav a,.link-list a{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;text-decoration:none;font-weight:700}.category-block{padding:26px 0;border-top:1px solid var(--line)}.category-block h2{font-size:28px}.article-detail{padding-bottom:48px}.article-hero{padding:56px clamp(18px,5vw,72px) 34px;background:var(--soft);border-bottom:1px solid var(--line)}.article-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.12;max-width:980px;margin:0 0 18px}.article-hero p:last-child{max-width:820px;font-size:18px}.content-grid{display:grid;grid-template-columns:minmax(0,760px) 330px;gap:42px;padding:42px clamp(18px,5vw,72px);align-items:start}.prose h2{font-size:26px;line-height:1.25;margin:34px 0 12px}.prose h3{font-size:19px;margin:22px 0 6px}.prose p{margin:0 0 20px}.prose li{margin-bottom:8px}.answer-box{border:1px solid #b9d9cd;background:#eef8f2;border-radius:8px;padding:20px;margin-bottom:28px}.answer-box h2{margin-top:0}.side-panel,.tool-card,.result-panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:22px}.side-panel{position:sticky;top:88px}.side-panel h2{margin-top:0;font-size:20px}.side-panel li{margin-bottom:10px}.side-panel .button{width:100%;margin:10px 0 18px}.tool-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(280px,1fr);gap:24px;padding:20px clamp(18px,5vw,72px) 56px}.tool-card{display:grid;gap:14px}.tool-card label{display:grid;gap:6px;font-weight:700}.tool-card input{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}.result-panel{display:grid;align-content:center;min-height:260px;background:#17201c;color:#fff}.result-panel strong{font-size:clamp(34px,6vw,68px);line-height:1.1}.result-panel p{color:#d7e8df}.legal{max-width:860px;padding:28px clamp(18px,5vw,72px) 64px}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:34px clamp(18px,5vw,72px);border-top:1px solid var(--line);background:#17201c;color:#fff}.site-footer p{margin:.2rem 0 0;color:#c9d8d0}.site-footer a{color:#e8f2ec}@media (max-width:1000px){.card-grid,.principles,.process-grid{grid-template-columns:repeat(2,1fr)}.hero,.content-grid,.tool-layout{grid-template-columns:1fr}.side-panel{position:static}}@media (max-width:620px){.site-header{position:static;align-items:flex-start;flex-direction:column}.hero{padding-top:42px;min-height:auto}.card-grid,.principles,.process-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.flow-row{grid-template-columns:1fr}.flow-row b{display:none}}