*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f8f6ef;color:#172228;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR",Arial,sans-serif;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}a{color:#00636c;text-underline-offset:4px}a:hover{color:#003e45}a:focus-visible{outline:3px solid #00636c;outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:10px}.skip:focus{top:10px;z-index:5}header{border-bottom:1px solid #d3d9d4}.head{max-width:1220px;margin:auto;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;letter-spacing:.14em;text-decoration:none;color:#172228;font-size:18px}nav{display:flex;gap:22px;font-size:14px}.hero{max-width:1120px;margin:auto;padding:75px 5% 48px}.eyebrow{color:#00636c;font-size:12px;font-weight:750;letter-spacing:.12em}h1{font-size:clamp(32px,4.7vw,57px);letter-spacing:-.05em;line-height:1.22;max-width:960px;margin:20px 0 24px}.subtitle{font-size:20px;color:#4f6264;max-width:800px}.meta{font-size:13px;color:#546767;margin-top:30px}.layout{max-width:1120px;margin:auto;padding:0 5% 70px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:55px}.toc{border-top:2px solid #00636c;padding-top:16px;font-size:13px;align-self:start;position:sticky;top:24px}.toc strong{display:block;margin-bottom:12px}.toc a{display:block;margin:9px 0;color:#526466;text-decoration:none}.content{min-width:0}.content section{margin-bottom:46px;scroll-margin-top:25px}h2{font-size:24px;letter-spacing:-.035em;line-height:1.5;margin:0 0 16px}h3{font-size:17px;margin:18px 0 8px}p{margin:0 0 16px;font-size:17px;line-height:1.95}.flow{list-style:none;padding:20px;background:#e9efea;border:1px solid #cbd8d2;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.flow li{background:#f8f6ef;padding:9px 12px;border:1px solid #ced8d2;font-size:13px;font-weight:600}.flow li:not(:last-child)::after{content:" →";color:#00636c}.caption{font-size:13px;color:#5c7071}.primer,.sourcebox{border-top:1px solid #c8d0ca;padding-top:25px}.primer p{font-size:16px}.sourcebox{background:#edf1eb;padding:25px}.sourcebox p{font-size:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:auto;padding:0 5% 70px}.card{border-top:2px solid #00636c;border-bottom:1px solid #c8d0ca;padding:26px 0;display:flex;flex-direction:column}.card h2{margin-top:17px;font-size:27px}.card p{font-size:16px;color:#4f6264}.card .read{margin-top:auto}.other{list-style:none;padding:0}.other li{margin-bottom:12px}.chart{padding:22px;border:1px solid #cbd8d2;margin:24px 0}.bar{display:grid;grid-template-columns:70px 1fr 50px;gap:12px;align-items:center;margin:16px 0;font-size:14px}.track{height:20px;background:#e1e6df}.fill{height:100%;background:#00636c}.fill.old{background:#8a9b96}footer{border-top:1px solid #d3d9d4;max-width:1120px;margin:auto;padding:28px 5% 45px;color:#57686a;font-size:13px;display:flex;gap:20px;justify-content:space-between}details{margin:14px 0}summary{cursor:pointer;color:#00636c}@media(max-width:760px){.layout{display:block}.toc{position:static;margin-bottom:35px}.hero{padding-top:42px}nav{gap:15px}.head{align-items:flex-start}.brand{font-size:15px}h1{font-size:36px}.subtitle{font-size:18px}.cards{grid-template-columns:1fr}p{font-size:16px}.toc a{margin:7px 0}.flow{padding:12px;gap:8px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}