/* InspectKit documentation theme — navy + red, clean and professional.
   Overrides the base docsify "vue" theme. Self-hosted, no CDN. */
:root{
  --ik-navy:#0a3161; --ik-navy-dk:#072647; --ik-red:#c8102e; --ik-ink:#1e293b;
  --ik-muted:#64748b; --ik-line:#e5e9f0; --ik-bg:#ffffff;
  --theme-color:var(--ik-red);
}
body{ font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:var(--ik-ink); }

/* ---- Sidebar ---- */
.sidebar{ background:var(--ik-navy); border-right:none; padding:0; }
.sidebar > h1{ margin:0; padding:22px 24px 14px; }
.sidebar > h1 a{ color:#fff; font-weight:800; font-size:20px; letter-spacing:-.3px; }
.sidebar > h1 small{ display:block; color:#9fb3d1; font-size:11px; font-weight:600; margin-top:2px; }
.sidebar .search{ margin:0; padding:12px 18px; border-bottom:1px solid rgba(255,255,255,.08); }
.sidebar .search input{ background:rgba(255,255,255,.08); border:none; border-radius:7px; color:#fff; padding:8px 12px; font-size:13px; }
.sidebar .search input::placeholder{ color:#8ba2c4; }
.sidebar .search .clear{ color:#8ba2c4; }
.sidebar-nav{ padding:14px 12px 40px; }
.sidebar-nav li>a,.sidebar ul li a{ color:#cdd9ea; font-size:14px; padding:6px 12px; border-radius:6px; transition:background .15s,color .15s; }
.sidebar-nav li>a:hover,.sidebar ul li a:hover{ color:#fff; background:rgba(255,255,255,.07); text-decoration:none; }
.sidebar-nav li.active>a,.sidebar ul li.active>a{ color:#fff; background:var(--ik-red); font-weight:600; border-right:none; }
.sidebar-nav strong{ display:block; color:#ffffff; font-size:11px; text-transform:uppercase; letter-spacing:.07em; font-weight:800; padding:16px 12px 5px; margin-top:6px; }
.sidebar-nav ul ul{ margin-left:8px; }
.app-name-link img{ max-width:150px; }

/* ---- Content ---- */
.content{ left:300px; }
.markdown-section{ max-width:780px; padding:32px 32px 80px; }
.markdown-section h1{ color:var(--ik-navy); font-weight:800; font-size:30px; margin-top:0; }
.markdown-section h2{ color:var(--ik-navy); font-weight:700; border-bottom:1px solid var(--ik-line); padding-bottom:6px; margin-top:36px; }
.markdown-section h3{ color:var(--ik-navy-dk); font-weight:700; }
.markdown-section a{ color:var(--ik-red); text-decoration:none; font-weight:500; }
.markdown-section a:hover{ text-decoration:underline; }
.markdown-section strong{ color:var(--ik-ink); }
.markdown-section p,.markdown-section li{ line-height:1.7; color:#334155; }
.markdown-section blockquote{ border-left:4px solid var(--ik-red); background:#fbfcfe; color:#475569; border-radius:0 8px 8px 0; padding:10px 18px; }
.markdown-section blockquote p{ color:#475569; }
.markdown-section code{ background:#eef2f7; color:#0a3161; border-radius:4px; padding:2px 6px; font-size:.88em; }
.markdown-section pre{ background:#0b1f3a; border-radius:10px; }
.markdown-section pre>code{ background:transparent; color:#dbe6f5; }
.markdown-section table{ border-collapse:collapse; display:table; width:100%; }
.markdown-section th{ background:#f1f5fb; color:var(--ik-navy); border:1px solid var(--ik-line); padding:10px 12px; text-align:left; }
.markdown-section td{ border:1px solid var(--ik-line); padding:10px 12px; }
.markdown-section tr:nth-child(2n) td{ background:#fafbfd; }
.markdown-section img{ border-radius:10px; border:1px solid var(--ik-line); box-shadow:0 2px 10px rgba(15,23,42,.06); max-width:100%; }
.markdown-section ul li::marker{ color:var(--ik-red); }

@media (max-width:768px){ .content{ left:0; } .markdown-section{ padding:24px 18px 60px; } }