:root{font-family:Inter,"Noto Sans KR",system-ui,-apple-system,sans-serif;color:#41485d;background:#fffaf3;line-height:1.7;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
header{background:#84cd33;color:#fff;padding:36px 20px}
header div,main,footer{width:min(880px,calc(100% - 40px));margin:auto}
h1{margin:0;font-size:clamp(2rem,7vw,3.4rem);line-height:1.1}
header p{margin:10px 0 0;font-weight:700}
main{padding:38px 0}
section{background:#fff;border:1px solid #eee2d6;border-radius:20px;padding:22px 24px;margin:0 0 18px;box-shadow:0 8px 24px #6e5d4810}
h2{margin:0 0 10px;color:#4b9119;font-size:1.25rem}
h3{margin:20px 0 6px;font-size:1.05rem}
p,ul,ol{margin:8px 0}
a{color:#bd246d;text-underline-offset:3px}
a:focus-visible{outline:3px solid #41485d;outline-offset:4px;border-radius:3px}
nav{margin-top:16px}
nav a{color:#fff;margin-right:18px;font-weight:700}
footer{padding:0 0 40px;color:#686868}
small{display:block}
.lang{border-left:5px solid #f2509d}
.notice{background:#fff3f9}
.effective{font-weight:700;color:#686868}
code{overflow-wrap:anywhere}
.table-wrap{overflow-x:auto;margin:12px 0}
table{width:100%;min-width:680px;border-collapse:collapse;font-size:.92rem}
th,td{border:1px solid #e6d9cc;padding:10px;vertical-align:top;text-align:left}
th{background:#f4f8ec;color:#356b12}
@media (max-width:560px){header{padding:28px 18px}header div,main,footer{width:min(100% - 28px,880px)}main{padding:24px 0}section{padding:18px 17px;border-radius:15px}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{margin:0}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
