:root {
  --theme-color: #4f46e5;
  --text-color-base: #1f2937;
}
body { font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif; }
.sidebar { font-size: 14px; }
.sidebar > h1 { font-size: 1.1rem; margin: 0.6rem auto 0.8rem; }
.sidebar > h1 img { max-width: 48px; vertical-align: middle; margin-right: 6px; }
.sidebar ul li a { font-size: 13.5px; line-height: 1.3; white-space: normal; }
.sidebar ul li ul li a { font-size: 13px; }
.sidebar-nav > ul > li > a, .sidebar-nav > ul > li > p { font-weight: 600; color: #111827; }
.markdown-section { max-width: 960px; padding-bottom: 3rem; }
.markdown-section h1 { font-size: 1.9rem; margin-top: 0.5rem; }
.markdown-section h2 { font-size: 1.35rem; border-bottom: 1px solid #e5e7eb; padding-bottom: 0.3rem; margin-top: 2rem; }
.markdown-section img { border: 1px solid #e5e7eb; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.06); cursor: zoom-in; }
.markdown-section table { display: table; width: 100%; }
.markdown-section th { background: #f3f4f6; }
.markdown-section td, .markdown-section th { padding: 6px 10px; }
.menu-path { background: #eef2ff; border-left: 4px solid var(--theme-color); padding: 8px 12px; border-radius: 4px; margin-bottom: 1rem; font-size: 14px; }
.img-missing { background: #fff7ed; border: 1px dashed #fb923c; color: #9a3412; padding: 10px 14px; border-radius: 6px; font-size: 13px; margin: 8px 0; }
.markdown-section blockquote { border-left-color: #f59e0b; background: #fffbeb; padding: 6px 14px; color: #78350f; }
.markdown-section blockquote p { color: inherit; }
kbd { background: #f3f4f6; border: 1px solid #d1d5db; border-bottom-width: 2px; border-radius: 4px; padding: 1px 6px; font-size: 12px; font-family: inherit; }
.app-nav { font-size: 14px; }
.search .results-panel .matching-post { border-bottom: 1px solid #eee; }
@media (max-width: 768px) { .markdown-section { padding: 1rem; } }