:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#0f1526;color:#d6dcef;font:16px/1.75 Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
main{max-width:760px;margin:0 auto;padding:32px 20px 72px}
.back{display:inline-block;margin-bottom:28px;color:#eeb936;text-decoration:none;font-weight:600}
.back:hover{text-decoration:underline}
h1{margin:0 0 6px;font-size:28px;color:#fff;letter-spacing:-.01em}
.meta{margin:0 0 28px;color:#8b95b8;font-size:14px}
h2{margin:40px 0 10px;padding-top:4px;font-size:19px;color:#f3d27a}
h3{margin:22px 0 6px;font-size:16px;color:#fff}
p,li{color:#c9d0e6}
ul,ol{padding-left:22px}
li{margin:4px 0}
a{color:#f0c65a}
strong{color:#fff}
nav.toc{margin:0 0 8px;padding:16px 20px;border:1px solid #2a3558;border-radius:14px;background:#141c33}
nav.toc ol{margin:0;columns:2;column-gap:28px}
nav.toc a{color:#c9d0e6;text-decoration:none}
nav.toc a:hover{color:#f0c65a}
.table-wrap{overflow-x:auto;margin:10px 0}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:10px 12px;border:1px solid #2a3558;text-align:left;vertical-align:top}
th{background:#18213d;color:#fff;white-space:nowrap}
.note{padding:12px 16px;border-left:3px solid #eeb936;background:#161e37;border-radius:0 10px 10px 0}
footer{margin-top:48px;padding-top:20px;border-top:1px solid #2a3558;color:#8b95b8;font-size:14px}
@media(max-width:560px){nav.toc ol{columns:1}h1{font-size:24px}}