@font-face{font-family:'Galmuri11';src:url('/fonts/Galmuri11.woff2') format('woff2')}
:root{--bg:#1a1c2c;--card:#f4f4f4;--card-border:#2b2d42;--accent:#ef476f;--correct:#06d6a0;--radius:10px}
*{box-sizing:border-box}
body.doc{margin:0;background:var(--bg);color:#f4f4f4;font-family:'Galmuri11',sans-serif;line-height:1.9}
.site-gnb{display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:14px 16px;border-bottom:3px solid var(--card-border)}
.site-gnb .brand{font-size:18px;color:#f4f4f4;text-decoration:none}
.site-gnb .menu{margin-left:auto;display:flex;gap:12px}
.site-gnb .menu a{font-size:13px;color:#f4f4f4;text-decoration:none;opacity:.85}
.site-gnb .menu a:hover{opacity:1;color:var(--accent)}
.doc-main{max-width:680px;margin:0 auto;padding:24px 16px 40px}
.doc-main h1{font-size:26px;line-height:1.4;color:var(--accent)}
.doc-main h2{font-size:19px;margin-top:32px;border-bottom:2px solid var(--card-border);padding-bottom:6px}
.doc-main a{color:var(--correct)}
.doc-main ul{padding-left:20px}
.doc-main .pixel-card,.type-grid a{background:var(--card);color:var(--text,#1a1c2c);border:3px solid var(--card-border);border-radius:var(--radius);box-shadow:0 4px 0 var(--card-border);padding:16px;display:block;text-decoration:none}
.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;list-style:none;padding:0}
.type-grid a{color:#1a1c2c}
.back{margin-top:32px}
.site-footer{max-width:720px;margin:0 auto;padding:20px 16px 40px;border-top:3px solid var(--card-border);font-size:12px;opacity:.8;text-align:center}
.site-footer a{color:#f4f4f4;text-decoration:none}
.site-footer .copyright{margin-top:8px;opacity:.7}