:root{font-family:Inter,"Segoe UI","Noto Sans KR",Arial,sans-serif;color:#172c31;background:#f6f3eb;font-size:16px;font-synthesis:none;line-height:1.7;--accent:#a63123;--line:#dad8cf}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #a63123;outline-offset:5px}.skip{position:absolute;left:24px;top:-90px;background:white;padding:12px;z-index:9}.skip:focus{top:10px}header{max-width:1256px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 36px}.brand{display:flex;gap:12px;align-items:center;color:#172c31;text-decoration:none;font-weight:850;letter-spacing:.05em;font-size:16px;line-height:1.3}.brand-sub{display:block;font-weight:600;letter-spacing:.13em;font-size:9px;margin-top:4px}nav{display:flex;gap:25px}nav a{color:#172c31;text-decoration:none;font-size:13px}nav a[aria-current]{color:var(--accent);border-bottom:2px solid var(--accent)}.preview{background:#e9e3d5;border-block:1px solid #dad1be;padding:8px 36px;text-align:center;letter-spacing:.13em;font-size:10px;font-weight:750}.preview span{letter-spacing:0;font-weight:400;margin-left:16px;font-size:12px}main{max-width:1184px;margin:auto;padding:0 36px}.hero{padding:64px 0 52px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:750;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(40px,5.3vw,68px);line-height:1.05;letter-spacing:-.045em;font-weight:650;margin:0 0 24px;max-width:900px}.intro{font-size:19px;line-height:1.6;max-width:760px;margin:0 0 24px;color:#44565a}.meta{font-size:12px;color:#526165;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;padding:42px 0 64px}aside{position:sticky;top:24px;align-self:start;border-left:1px solid var(--line);display:grid;gap:14px}aside a{font-size:12px;line-height:1.4;padding-left:20px;color:#526165;text-decoration:none}article section{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--line);scroll-margin-top:30px}article section:last-child{margin-bottom:0}.section-number{color:var(--accent);font-size:11px;letter-spacing:.09em;font-weight:700;margin-top:6px}h2{font-size:24px;letter-spacing:-.025em;font-weight:650;line-height:1.3;margin:0 0 20px}h3{font-size:16px;margin:24px 0 8px}p{margin:0 0 16px}p:last-child{margin-bottom:0}ul,ol{padding-left:21px}li{margin-bottom:9px}strong{font-weight:650}code{font-size:12px;background:#ebe8df;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.note{padding:18px 20px;border-left:3px solid #a63123;background:#eee9de;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6;margin:20px 0}th,td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line)}th{background:#eae7dd;font-weight:650}.table-wrap{overflow-x:auto}.button{display:inline-block;background:#172c31;color:white;text-decoration:none;padding:12px 20px;border-radius:4px;font-size:14px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{border:1px solid var(--line);padding:22px;border-radius:8px}.card h3{margin:0 0 12px}footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:32px 36px 48px;display:flex;justify-content:space-between;gap:32px;font-size:12px}footer p{color:#526165;margin:8px 0}footer>div:last-child{display:flex;align-items:flex-start;flex-wrap:wrap;gap:22px}footer a{color:#526165}@media(max-width:760px){header{padding:20px;align-items:flex-start;flex-direction:column;gap:16px}nav{gap:22px}.preview{padding:8px 20px;text-align:left}.preview span{display:block;margin:0}main{padding:0 20px}.hero{padding:42px 0 36px}.intro{font-size:17px}.layout{display:block;padding:30px 0}aside{position:static;display:flex;overflow-x:auto;white-space:nowrap;border:0;gap:20px;padding-bottom:25px;margin-bottom:12px}aside a{padding:0}article section{grid-template-columns:20px minmax(0,1fr);gap:10px}h2{font-size:22px}.cards{grid-template-columns:1fr}footer{padding:28px 20px;flex-direction:column}th,td{padding:10px 8px}}