*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:#071f20;color:#f4eedf;font:400 16px/1.85 MaruBuri,serif;overflow-wrap:anywhere;word-break:keep-all}
a{color:#a0dfcc;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:#e4c47c}
a:focus-visible{outline:2px solid #e4c47c;outline-offset:5px;border-radius:2px}
.page-header,main,footer{width:min(900px,100%);margin:0 auto;padding:28px 32px}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #294b42}
.brand{color:#f4eedf;text-decoration:none;font-size:24px;font-weight:700;white-space:nowrap}
.brand span{color:#e6cc91}
.back{font:600 13px/1.6 Pretendard,sans-serif;min-height:44px;display:inline-flex;align-items:center;text-align:right}
main{padding-top:48px}
h1,h2,h3{font-weight:700;line-height:1.5}
h1{font-size:clamp(29px,5vw,38px);letter-spacing:-1px;margin:8px 0 18px}
h2{font-size:23px;margin:0 0 16px;color:#ebd394}
h3{font-size:18px;margin:0 0 8px}
p{margin:0 0 16px}
.eyebrow{font:600 11px/1.5 Pretendard,sans-serif;letter-spacing:2px;color:#abc1b6;margin-bottom:8px}
.lead{font-size:18px;max-width:40em}
.updated{font-size:13px;color:#abc1b6}
section{margin-top:36px;padding-top:28px;border-top:1px solid #35574a}
.note{font-size:14px;color:#b4c9be}
.font-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:26px 0 8px}
.font-list article{min-width:0}
.font-list p{font-size:14px}
.copyright{color:#abc1b6;font-family:Pretendard,sans-serif;font-size:12px!important;line-height:1.8}
.status{display:inline-block;color:#e4c47c;border:1px solid #537568;border-radius:4px;padding:4px 10px;font-size:14px}
.file-name{font-family:ui-monospace,monospace;font-size:.9em}
footer{border-top:1px solid #294b42;margin-top:30px;padding-bottom:40px;color:#abc1b6;font-size:13px}
footer p{margin-bottom:8px}
.skip{position:absolute;left:-9999px;top:12px;padding:8px 12px;background:#e4c47c;color:#16352d;font-family:Pretendard,sans-serif;z-index:2}
.skip:focus{left:16px}
@media(max-width:600px){.page-header,main,footer{padding-left:20px;padding-right:20px}.page-header{padding-top:16px;padding-bottom:16px}.brand{font-size:21px}.back{font-size:12px;max-width:145px}main{padding-top:30px}body{font-size:15px}.lead{font-size:17px}.font-list{grid-template-columns:1fr;gap:10px}h2{font-size:21px}section{margin-top:28px;padding-top:24px}}
@media print{html{color-scheme:light}body{background:white;color:#111}.page-header,.back,.skip{display:none}main,footer{width:100%;padding:0}h2,.brand span,a,.note,.updated,.copyright,.status,footer{color:#222}section,footer{border-color:#ccc}.status{border-color:#666}.font-list{display:block}}