*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#172438;background:#f8faff;font-family:Arial,'Segoe UI',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #f29c38;outline-offset:5px}header{background:#fff;border-bottom:1px solid #e3e8f2;display:flex;align-items:center;justify-content:space-between;padding:23px max(5%,calc((100vw - 1180px)/2));gap:28px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:21px;letter-spacing:-.6px}.brand strong{color:#3154d6}.brand small{display:block;font-size:10px;letter-spacing:1.3px;color:#69788f;margin-top:1px}.logo{width:42px;height:44px;display:grid;place-items:center;background:#3154d6;color:white;border-radius:11px;font-size:29px;font-weight:800}nav{display:flex;gap:28px;font-size:14px;font-weight:600}nav a{padding:9px 0}nav a:hover,nav .active{color:#3154d6}.header-button{background:#edf1ff;color:#2949c4;padding:11px 17px;border-radius:7px;font-size:14px;font-weight:bold}main{max-width:1180px;padding:0 24px;margin:auto}.breadcrumb{font-size:13px;color:#748095;padding:29px 0 33px}.breadcrumb span{margin:0 12px;color:#b4bece}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:62px}article{min-width:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.7px;color:#3154d6}.eyebrow span{display:inline-block;margin-left:12px;padding-left:14px;border-left:1px solid #c7cfdf;letter-spacing:1px;color:#61718b}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.22;margin:20px 0 17px}h1 span{display:block;font-size:26px;letter-spacing:-.8px;font-weight:400;color:#61718b;margin-top:13px}.intro{color:#65748a;max-width:540px;margin-bottom:20px}.meta{display:flex;gap:23px;color:#7a8698;font-size:13px;padding-bottom:27px;border-bottom:1px solid #dde4ee}.meta span+span:before{content:'·';margin-right:22px}section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}h2{margin:0;font-size:22px;letter-spacing:-.5px}.section-heading>span{font-size:10px;letter-spacing:1.2px;color:#75839b}.document-group{border:1px solid #dce3f0;background:white;border-radius:12px;margin-bottom:18px;overflow:hidden}.group-heading{display:flex;align-items:center;gap:14px;padding:19px 23px;background:#f0f4ff}.number{background:#3154d6;color:white;width:42px;height:44px;border-radius:9px;display:grid;place-items:center;font-size:18px;font-weight:bold}.number.cyan{background:#087e8f}h3{margin:0;font-size:18px}.group-heading p{font-size:13px;color:#64758f;margin:1px 0 0}.tag{font-size:12px;margin-left:auto;color:#64758f}.document{display:flex;align-items:center;gap:16px;padding:19px 23px;border-top:1px solid #edf0f6;transition:background .15s}.document:hover{background:#f4f7ff}.pdf{font-size:10px;font-weight:800;color:#5471b8;background:#f3f6fd;border:1px solid #dce4f4;border-radius:5px;padding:10px 7px}.document strong{font-size:15px}.document small{display:block;font-size:12px;color:#8390a6}.open{color:#3154d6;font-size:13px;margin-left:auto;white-space:nowrap;font-weight:600}.source{font-size:12px;color:#7a869a;margin-top:10px}.source a{color:#3154d6}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;border:1px solid #dde4ef;border-radius:12px;padding:24px}.guide-grid>div+div{border-left:1px solid #e5eaf2;padding-left:24px}.label{font-size:12px;color:#3154d6;display:block;margin-bottom:7px}.guide-grid p,.note{font-size:14px;color:#68788f}.guide-grid p{margin:9px 0 0}.note{padding-left:15px;border-left:3px solid #c9d5ff;margin:18px 0}.resource{display:flex;justify-content:space-between;align-items:center;padding:23px;border:1px solid #dde4ef;background:white;border-radius:12px}.resource:hover{border-color:#3154d6}.resource p{margin:5px 0 0;font-size:14px;color:#738199}.resource>span{font-size:24px;color:#3154d6}aside{padding-top:9px}.toc{padding:22px 0;border-top:2px solid #21314c}.toc .eyebrow{color:#61718b;display:block;margin-bottom:20px}.toc a{display:flex;gap:17px;font-size:14px;padding:10px 0}.toc a:hover{color:#3154d6}.toc a span{color:#8395b5;font-size:12px}.study-card{background:#2448cf;color:white;padding:29px 26px;border-radius:13px;margin-top:17px}.korean{color:#bfcfff;font-size:14px;letter-spacing:2px}.study-card h2{font-size:30px;line-height:1.4;margin-top:23px;letter-spacing:-1px}.study-card p{color:#d5dfff;font-size:14px;margin:20px 0 28px}.study-card a{display:flex;justify-content:space-between;border-top:1px solid #6a84e5;padding-top:16px;font-size:14px}.side-note{margin-top:27px;padding:0 4px;color:#8390a5;font-size:13px}.side-note>span{font-size:10px;letter-spacing:2px}.side-note p{max-width:220px}footer{max-width:1132px;margin:65px auto 0;border-top:1px solid #dde4ef;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:17px}footer .logo{width:31px;height:32px;font-size:22px;border-radius:8px}footer p,footer>a:last-child{font-size:12px;color:#7a879b}footer p a{text-decoration:underline}.skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:5px}@media(max-width:1000px){header{padding:20px 24px}.header-button{display:none}.layout{gap:30px;grid-template-columns:minmax(0,1fr) 230px}footer{margin:45px 24px 0;flex-wrap:wrap}}@media(max-width:720px){header{flex-wrap:wrap;gap:16px;padding:18px 20px}nav{gap:25px;width:100%;border-top:1px solid #edf0f6;padding-top:7px}.layout{display:block}.breadcrumb{padding:22px 0}main{padding:0 20px}h1{font-size:35px}h1 span{font-size:22px}.layout aside{display:none}.section-heading>span{display:none}.document,.group-heading{padding:17px 15px;gap:12px}.open{font-size:12px}.guide-grid{gap:20px;padding:20px;grid-template-columns:1fr}.guide-grid>div+div{border-left:0;border-top:1px solid #e5eaf2;padding:18px 0 0}footer{align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}.brand small{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}