@font-face{font-family:Pretendard;src:url('/assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#253f4a;--body:#3d535c;--muted:#526b77;--paper:#fcfbf7;--blue:#e3edf3;--blue-soft:#f0f5f7;--line:#d5e0e4;--accent:#406e82}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:Pretendard,'Apple SD Gothic Neo',sans-serif;background:var(--paper);color:var(--ink);line-height:1.8;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
p{word-break:keep-all;overflow-wrap:anywhere}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.skip-link{position:absolute;top:-80px;left:20px;padding:12px 18px;background:var(--ink);color:white;z-index:40}.skip-link:focus{top:10px}
.site-nav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1080px;margin:auto;min-height:62px;padding-inline:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:750;letter-spacing:-.025em;white-space:nowrap}
.brand img{width:25px;height:25px}
.nav-inner nav{display:flex;gap:27px;font-size:13px;color:var(--muted)}
.nav-inner nav a{padding-block:17px}.nav-inner nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.article-hero{background:var(--blue);text-align:center;padding:50px 24px 112px}
.article-category{display:inline-block;padding:4px 13px;border:1px solid #b9cdd7;border-radius:30px;font-size:12px;font-weight:650;color:var(--accent);margin-bottom:20px}
.article-hero h1{max-width:710px;margin:0 auto;font-size:34px;line-height:1.45;font-weight:750;letter-spacing:-.03em}
.hero-description{max-width:580px;margin:19px auto 0;font-size:15px;line-height:1.85;color:var(--muted)}
.article-byline{display:inline-flex;align-items:center;gap:9px;margin-top:25px;font-size:12px;color:var(--muted)}
.article-byline img{width:26px;height:26px;border-radius:50%;border:1px solid #bdd0da}
.article-main{position:relative;max-width:824px;margin:-66px auto 0;padding:0 24px 54px}
.jump-links{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:18px;background:#fff;border-radius:16px;box-shadow:0 6px 24px -12px #59798755;margin-bottom:28px}
.jump-links a{flex:0 0 auto;white-space:nowrap;font-size:12px;line-height:1.7;padding:8px 12px;border:1px solid #e1e9ed;background:var(--blue-soft);border-radius:30px;color:var(--body);font-weight:550;transition:background .15s ease-out,border-color .15s ease-out}
.jump-links a:hover,.jump-links a[aria-current]{color:var(--accent);border-color:#a9c2cf;background:#e5eef3}
.approved-copy{color:var(--body)}
.copy-intro{padding:26px 28px;background:#fff;border:1px solid #bdced8;border-radius:16px;margin-bottom:30px}
.copy-intro h2{font-size:16px;line-height:1.6;color:var(--accent);font-weight:750;margin-bottom:13px}
.approved-copy p,.approved-copy li{font-size:16px;line-height:2}
.approved-copy p+p{margin-top:19px}
.copy-intro p{font-size:16px;line-height:1.95}
.copy-intro p+p{margin-top:16px}
.article-photo{margin:0 0 44px;overflow:hidden;border-radius:14px;background:var(--blue)}
.article-photo img{width:100%;aspect-ratio:1.75;object-fit:cover;object-position:center 44%}
.copy-section:not(.copy-intro){margin-bottom:48px}
.copy-section h2{font-size:24px;line-height:1.5;font-weight:750;letter-spacing:-.025em;color:var(--ink);margin-bottom:20px;scroll-margin-top:88px}
.copy-intro h2{font-size:16px;margin-bottom:13px;color:var(--accent)}
.approved-copy a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;color:var(--accent);overflow-wrap:anywhere}
.approved-copy a:hover{color:var(--ink)}
.approved-copy table{width:100%;border-collapse:collapse;margin-block:24px;font-size:14px;line-height:1.85}
.approved-copy th,.approved-copy td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px;vertical-align:top;overflow-wrap:anywhere}
.approved-copy th{background:var(--blue);color:var(--ink)}
.faq-section details{background:#fff;border:1px solid var(--line);border-radius:12px;padding-inline:20px;margin-top:10px}
.faq-section details[open]{border-color:#b2cbd7}
.faq-section summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary h3{font-size:15px;font-weight:650;line-height:1.7;color:var(--ink);text-wrap:pretty}
.faq-section summary:after{content:'';width:9px;height:9px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg);flex-shrink:0;margin-top:-5px;margin-right:2px}
.faq-section details[open] summary:after{transform:rotate(225deg);margin-top:5px}
.faq-section details p{font-size:14px;line-height:1.9;padding-bottom:20px;color:var(--body)}
.copy-sources{background:var(--blue-soft);padding:23px 25px;border-radius:14px}
.copy-sources h2{font-size:17px;margin-bottom:16px}
.copy-sources p{font-size:13px;line-height:1.9}.copy-sources p+p{margin-top:13px}
.next-article{border-top:1px solid var(--line);padding-top:27px}
.next-article h2{font-size:17px;font-weight:700;margin-bottom:17px}
.next-title{font-size:18px;font-weight:600;line-height:1.7;display:flex;align-items:center;justify-content:space-between;gap:25px;word-break:keep-all}
.next-title:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.link-arrow{display:block;width:20px;height:1px;background:currentColor;position:relative;flex-shrink:0;margin-right:2px}.link-arrow:after{content:'';width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);position:absolute;right:0;top:-3px}
.all-articles{display:inline-block;margin-top:23px;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
.site-footer{border-top:1px solid var(--line);padding:28px 24px;text-align:center;background:var(--blue-soft)}
.footer-brand{font-size:16px;font-weight:750;letter-spacing:-.02em}.site-footer p{font-size:12px;color:var(--muted);margin-top:5px}.site-footer nav{display:flex;justify-content:center;gap:22px;margin-top:15px;font-size:12px;color:var(--muted)}.site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){html{scroll-padding-top:80px}.nav-inner{min-height:60px;padding-inline:20px;gap:15px}.brand{font-size:16px;gap:7px}.brand img{width:23px;height:23px}.nav-inner nav{gap:15px;font-size:12px}.nav-inner nav a:first-child{display:none}.article-hero{padding:32px 22px 92px}.article-category{font-size:11px;margin-bottom:18px}.article-hero h1{font-size:28px;line-height:1.48;text-wrap:pretty;max-width:500px}.hero-description{font-size:14px;line-height:1.8;margin-top:18px}.article-byline{font-size:11px;margin-top:21px}.article-main{padding-inline:20px;margin-top:-52px;padding-bottom:38px}.jump-links{gap:7px;padding:14px;margin-bottom:23px;border-radius:14px}.jump-links a{font-size:11px;padding:7px 10px;line-height:1.65;word-break:keep-all;max-width:100%}.copy-intro{padding:22px;border-radius:14px;margin-bottom:24px}.approved-copy p,.approved-copy li{font-size:15px;line-height:1.95}.copy-intro h2{font-size:15px}.approved-copy p+p{margin-top:17px}.article-photo{margin-bottom:34px;border-radius:12px}.article-photo img{aspect-ratio:4/3}.copy-section:not(.copy-intro){margin-bottom:38px}.copy-section h2{font-size:22px;line-height:1.5;margin-bottom:17px}.copy-intro h2{font-size:15px;margin-bottom:12px}.faq-section details{padding-inline:17px}.faq-section summary{gap:16px;padding-block:16px}.faq-section summary h3{font-size:14px;line-height:1.7}.faq-section details p{font-size:14px}.copy-sources{padding:21px}.copy-sources h2{font-size:16px}.copy-sources p{font-size:12px}.next-title{font-size:17px;gap:17px}.site-footer{padding-block:26px}.approved-copy table{font-size:12px}.approved-copy th,.approved-copy td{padding:10px 7px}}
@media(max-width:370px){.brand{font-size:15px}.nav-inner nav{gap:11px;font-size:11px}.article-hero h1{font-size:26px}.article-main{padding-inline:17px}.copy-intro{padding:19px}.jump-links{padding:12px}}

.copy-section .article-heading{display:flex;align-items:flex-start;gap:16px;padding:0 0 16px;border-bottom:1px solid var(--line);font-size:24px;line-height:1.5;text-wrap:pretty}
.article-heading:before{content:'';width:3px;height:26px;background:var(--accent);flex:0 0 3px;margin-top:5px}
.article-heading>span:last-child{min-width:0}
.article-heading.numbered-heading{gap:14px}
.numbered-heading:before{display:none}
.heading-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;margin-top:2px;background:var(--blue);color:var(--accent);font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:0}
.faq-section .article-heading{margin-bottom:20px}
@media(max-width:640px){.copy-section .article-heading{font-size:20px;line-height:1.6;gap:12px;padding-bottom:14px;margin-bottom:20px}.article-heading:before{height:24px;margin-top:4px}.article-heading.numbered-heading{gap:11px}.heading-number{flex-basis:28px;height:28px;font-size:14px;margin-top:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.jump-links a{transition:none}}
@media print{.site-nav,.jump-links,.next-article,.site-footer,.skip-link{display:none}.article-hero{padding:15px 0 25px;background:none}.article-hero h1{font-size:25pt}.article-main{max-width:none;margin:0;padding:0}.approved-copy p{font-size:11pt}.copy-section h2{font-size:17pt}.article-photo img{max-height:220px;object-fit:contain}.copy-section{break-inside:avoid}.faq-section details::details-content{display:block}}
