/* ObsiKO Docs — 랜딩 플랫 다크 테마와 동일 톤 */
:root{--bg:#15121b;--surface:#211c2a;--surface2:#2a2435;--text:#f0e9df;--soft:#d8cdbf;--muted:#aa9fb3;
--border:rgba(255,244,230,.10);--border2:rgba(255,244,230,.16);--gold:#e6a24a;--accent:#c8b48a;--radius:14px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo',sans-serif}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.doc-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 20px;
background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid var(--border)}
.doc-brand{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--text)}
.doc-title{color:var(--muted);font-size:.9rem}.sp{flex:1}
.doc-langs a{color:var(--muted);font-size:.85rem;margin-left:12px}.doc-langs a.cur{color:var(--gold);font-weight:700}
.doc-wrap{display:grid;grid-template-columns:270px 1fr;gap:36px;max-width:1200px;margin:0 auto;padding:28px 20px}
.doc-nav-d{position:sticky;top:76px;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:8px}
.doc-nav-d .nav-h{font-size:.8rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.doc-nav a{display:block;color:var(--soft);font-size:.9rem;padding:5px 10px;border-radius:8px;margin:1px 0}
.doc-nav a:hover{background:var(--surface);text-decoration:none}
.doc-nav a.cur{background:var(--surface);color:var(--gold);font-weight:700}
.doc-nav-m{display:none}
.doc-body{min-width:0;max-width:760px}
.doc-body h1{font-size:2rem;letter-spacing:-.02em;line-height:1.3;margin:8px 0 18px}
.doc-body h2{font-size:1.4rem;margin:40px 0 12px;padding-top:14px;border-top:1px solid var(--border)}
.doc-body h3{font-size:1.12rem;margin:28px 0 10px}
.doc-body p,.doc-body li{color:var(--soft)}
.doc-body code{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:.86em}
.doc-body pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-x:auto}
.doc-body pre code{background:none;border:0;padding:0}
.doc-body blockquote{margin:16px 0;padding:12px 18px;border-left:3px solid var(--gold);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--soft)}
.doc-body blockquote p{margin:6px 0}
.doc-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.92rem}
.doc-body th,.doc-body td{border:1px solid var(--border2);padding:8px 12px;text-align:left}
.doc-body th{background:var(--surface)}
.doc-body img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}
.doc-body hr{border:0;border-top:1px solid var(--border);margin:28px 0}
.doc-pn{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:20px;border-top:1px solid var(--border);font-size:.9rem}
.doc-pn a{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 16px}
.doc-pn a:hover{border-color:var(--border2);text-decoration:none}
.doc-foot{max-width:1200px;margin:0 auto;padding:20px;color:var(--muted);font-size:.9rem}
@media(max-width:860px){.doc-wrap{grid-template-columns:1fr;gap:8px}
.doc-nav-d{display:none}.doc-nav-m{display:block;margin-bottom:14px}
.doc-nav-m summary{cursor:pointer;font-weight:700;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}
.doc-nav-m nav{padding:8px 4px}}