@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;flex-wrap:wrap;gap:8px 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;white-space:nowrap;flex-shrink:0}
.site-gnb .menu{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.site-gnb .menu a{font-size:13px;color:#f4f4f4;text-decoration:none;opacity:.85;white-space:nowrap}
.site-gnb .menu a:hover{opacity:1;color:var(--accent)}
.site-gnb .menu a.active{opacity:1;color:var(--accent)}
.site-gnb .lang{margin-left:auto;font-size:12px;font-family:inherit;background:var(--card);color:#1a1c2c;border:2px solid var(--card-border);border-radius:6px;padding:4px 6px;cursor:pointer}
@media (max-width:480px){
  .site-gnb{gap:8px;padding:12px 14px}
  .site-gnb .menu{width:100%;margin-left:0;gap:6px 10px}
  .site-gnb .menu a{font-size:12px}
}
.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);word-break:keep-all}
.doc-main h2{font-size:19px;margin-top:32px;border-bottom:2px solid var(--card-border);padding-bottom:6px;word-break:keep-all}
.doc-main p{word-break:keep-all}
.doc-main a{color:var(--correct)}
.doc-main ul{padding-left:20px}
.doc-main .pixel-card,.type-grid a{background:var(--card);color:#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}
.doc-main ul.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;list-style:none;padding:0}
.type-grid a{color:#1a1c2c;word-break:keep-all}
.doc-main ul.post-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:14px}
.post-list a{display:block;background:var(--card);color:#1a1c2c;border:3px solid var(--card-border);border-radius:var(--radius);box-shadow:0 4px 0 var(--card-border);padding:18px 20px;text-decoration:none}
.post-list a:hover{border-color:var(--accent)}
.post-list .post-title{display:block;font-size:17px;line-height:1.5;color:#1a1c2c;word-break:keep-all}
.post-list .post-desc{display:block;margin-top:8px;font-size:13px;line-height:1.6;color:#555;word-break:keep-all}
.move-quicknav{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:10px 0;margin:0 0 4px;background:var(--bg);border-bottom:2px solid var(--card-border);-webkit-overflow-scrolling:touch}
.move-quicknav a{flex:0 0 auto;font-size:12px;text-decoration:none;background:var(--card);color:#1a1c2c;border:2px solid var(--card-border);border-radius:6px;padding:5px 9px;white-space:nowrap}
.move-quicknav a:hover{border-color:var(--accent)}
.move-section{scroll-margin-top:60px}
.move-section h2{margin-top:24px}
.back{margin-top:32px}
.site-footer{max-width:720px;margin:0 auto;padding:20px 16px 64px;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}