/* Guide UI (v5) */
:root{--bg:#0d1117;--panel:#010409;--text:#c9d1d9;--muted:#8b949e;--accent:#1f6feb;--border:rgba(240,246,252,.08)}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg)}
.layout{display:flex;min-height:100vh;max-width:1440px;margin:0 auto}
.sidebar{width:280px;background:var(--panel);color:var(--text);padding:18px;position:sticky;top:0;height:100vh}
.logo-wrap{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.logo-wrap img{max-width:120px;height:auto}
.project-meta-title{font-weight:700;color:#f0f6fc}
.project-meta-sub{font-size:12px;color:var(--muted)}
.project-meta-tag{font-size:11px;margin-top:6px;display:inline-flex;gap:6px;align-items:center}
.project-meta-tag .dot{width:8px;height:8px;border-radius:999px;background:#2ea043;display:inline-block}
.nav-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px}
.nav{display:flex;flex-direction:column;gap:6px}
.nav a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:12px;border:1px solid transparent;display:flex;gap:8px;align-items:center}
.nav a .bullet{width:8px;height:8px;border-radius:999px;background:rgba(139,148,158,.7);flex:0 0 auto}
.nav a:hover{background:rgba(31,111,235,.15);border-color:rgba(56,139,253,.45);color:#fff}
.nav a.active{background:rgba(31,111,235,.25);border-color:rgba(56,139,253,.7);color:#fff}
.nav a.active .bullet{background:var(--accent)}
.nav-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-badge{font-size:10px;letter-spacing:.12em;background:rgba(46,160,67,.2);border:1px solid rgba(46,160,67,.65);color:#7ee787;padding:2px 6px;border-radius:999px}
.sidebar-footer{margin-top:16px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);padding-top:10px}
.muted-link{color:var(--muted);text-decoration:none}
.muted-link:hover{text-decoration:underline}

.content-wrap{flex:1;background:#f6f8fa;padding:22px 26px}
.repo-header{background:rgba(255,255,255,.92);border-radius:20px;border:1px solid #d0d7de;padding:14px 18px;margin-bottom:16px;display:flex;justify-content:space-between;gap:12px}
.repo-title-main{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px}
.repo-title-desc{font-size:13px;color:#57606a}
.badge{border-radius:999px;padding:3px 8px;border:1px solid #d0d7de;background:#f6f8fa;font-size:11px;color:#57606a}
.badge-dot{width:7px;height:7px;border-radius:999px;background:#1f6feb;display:inline-block;margin-right:6px}
.main-card{background:rgba(255,255,255,.96);border-radius:22px;border:1px solid rgba(208,215,222,.9);padding:18px}
.file-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d0d7de;padding-bottom:10px;margin-bottom:14px;font-size:13px;color:#57606a}
.file-path{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;padding:4px 8px;border-radius:999px;background:#f6f8fa;border:1px solid #d0d7de}
section{background:#fff;border:1px solid #d0d7de;border-radius:16px;padding:16px}
section h2{margin:0 0 6px}
.section-pill{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8c959f;margin-left:10px}
.intro{color:#57606a}
.server-card{border-radius:14px;border:1px solid #d0d7de;background:#f6f8fa;padding:10px 12px}
.updates-list{list-style:none;padding:0;margin:0}
.updates-item{padding:10px 0;border-top:1px solid #d0d7de}
.updates-item:first-child{border-top:none}
.updates-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.updates-link{font-weight:700;color:#0969da;text-decoration:none}
.updates-link:hover{text-decoration:underline}
.updates-date{font-size:12px;color:#57606a;white-space:nowrap}
.updates-desc{margin-top:4px;color:#57606a;font-size:13px}

/* Search */
.search-wrap{position:relative;margin:10px 0 14px}
.search-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#f0f6fc;outline:none}
.search-input::placeholder{color:rgba(201,209,217,.65)}
.search-input:focus{border-color:rgba(56,139,253,.75);box-shadow:0 0 0 3px rgba(31,111,235,.15)}
.search-results{position:absolute;left:0;right:0;top:44px;background:#0b1220;border:1px solid rgba(56,139,253,.35);border-radius:14px;overflow:hidden;z-index:50;max-height:420px;overflow-y:auto}
.sr-item{display:block;padding:10px 12px;color:#c9d1d9;text-decoration:none;border-top:1px solid rgba(240,246,252,.08)}
.sr-item:first-child{border-top:none}
.sr-item:hover{background:rgba(31,111,235,.18)}
.sr-title{font-weight:700;color:#f0f6fc;font-size:13px}
.sr-snippet{font-size:12px;color:#9aa4af;margin-top:4px}
.sr-empty{padding:10px 12px;color:#9aa4af;font-size:12px}

/* Posts */
.post{border:1px solid #d0d7de;border-radius:16px;padding:14px;margin-top:12px}
.post-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.post-title{margin:0;font-size:18px}
.post-title-link{color:#0969da;text-decoration:none}
.post-title-link:hover{text-decoration:underline}
.post-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.post-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid #d0d7de;background:#f6f8fa;color:#57606a}
.post-date{font-size:12px;color:#57606a;white-space:nowrap}
.post-pin{font-size:12px;color:#0969da}
.post-body{margin-top:10px;color:#24292f;line-height:1.55}
.post-footer{margin-top:10px}
.pagination{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.pagination .page{padding:6px 10px;border-radius:10px;border:1px solid #d0d7de;background:#f6f8fa;color:#0969da;text-decoration:none}
.pagination .page.active{background:#0969da;color:#fff;border-color:#0969da}

@media (max-width:980px){.layout{flex-direction:column}.sidebar{width:100%;position:static;height:auto}.content-wrap{padding:16px}}