@font-face{font-family:'IBMPlexSansKR';src:url('../../assets/fonts/ibm-plex-sans-kr-400.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:'IBMPlexSansKR';src:url('../../assets/fonts/ibm-plex-sans-kr-700.woff2') format('woff2');font-display:swap;font-weight:700}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101820;color:#e8f2f5;font-family:'IBMPlexSansKR',sans-serif;line-height:1.7}
main{width:min(820px,calc(100% - 28px));margin:24px auto;padding:clamp(22px,5vw,48px);border:1px solid #34505e;border-radius:20px;background:#182630;box-shadow:0 20px 60px rgba(0,0,0,.3)}
h1{margin:0 0 4px;font-size:clamp(27px,6vw,42px);line-height:1.2}h2{margin:30px 0 8px;color:#76d9ef;font-size:19px}p,li{font-size:14px}ul{padding-left:22px}
.eyebrow{color:#76d9ef;font-size:11px;font-weight:700;letter-spacing:2px}.updated{margin:0 0 26px;color:#9db0ba;font-size:12px}
.notice{padding:14px;border-left:4px solid #ffcb57;border-radius:8px;background:#222f36}a{color:#8fe7fa}nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
nav a{padding:9px 13px;border:1px solid #577582;border-radius:8px;text-decoration:none}nav a:hover{background:#29404b}
@media(max-width:520px){main{width:100%;margin:0;min-height:100vh;border:0;border-radius:0;padding:22px 17px}p,li{font-size:13px}}