:root { --theme-color: #0f9d7a; }
.sidebar-nav .app-sub-sidebar, .sidebar ul li a { font-size: 14px; }
.markdown-section { max-width: 860px; }
.markdown-section table { display: table; width: 100%; font-size: 14px; }
.markdown-section td, .markdown-section th { vertical-align: top; }
.pattern-card { display: flex; gap: 20px; align-items: flex-start; margin: 12px 0 8px; flex-wrap: wrap; }
.pattern-card > div { flex: 1 1 320px; min-width: 0; }
.pattern-card svg { flex: 0 0 auto; background: #f6f8fa; border: 1px solid #e3e8ee; border-radius: 8px; }
.pattern-card .tag { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; font-weight: 600; color: #fff; }
.tag.bull { background: #0f9d7a; } .tag.bear { background: #d64545; } .tag.neutral { background: #7a869a; }
.callout { border-left: 4px solid var(--theme-color); background: #f0faf6; padding: 8px 16px; margin: 16px 0; border-radius: 0 6px 6px 0; }
.callout.warn { border-color: #d99a1f; background: #fff8e8; }
.pagination-container { margin-top: 48px !important; gap: 16px; }
.pagination-item { max-width: 48%; }
.pagination-item a { display: block; border: 1px solid #e3e8ee; border-radius: 8px; padding: 14px 18px; text-decoration: none !important; }
.pagination-item a:hover { border-color: var(--theme-color); }
.pagination-item-label { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #7a869a; }
.pagination-item .pagination-item-title, .pagination-item-title { font-size: 1.05rem !important; font-weight: 600; margin: 4px 0 0 !important; line-height: 1.3; }
.pagination-item--next { text-align: right; }
@media (prefers-color-scheme: dark) {
  .pagination-item a { border-color: #30363d; background: #0d1117; }
  .pagination-item-title { color: #e6edf3; }
  .pagination-item a:hover { border-color: #3fb68b; }
  body, .sidebar, .markdown-section, .app-nav { background: #0d1117; color: #c9d1d9; }
  .sidebar { border-color: #21262d; }
  body .markdown-section h1, body .markdown-section h2, body .markdown-section h3, body .markdown-section h4, body .markdown-section strong { color: #e6edf3 !important; }
  .anchor span { color: #e6edf3 !important; }
  .sidebar-toggle { background-color: rgba(13,17,23,.92) !important; }
  .sidebar .search { border-bottom-color: #21262d !important; }
  .sidebar .search input { border-color: #30363d !important; }
  .sidebar > h1, .sidebar > h1 a { color: #e6edf3; }
  .sidebar ul li.active > a { color: #3fb68b; }
  .markdown-section hr { border-color: #21262d; }
  .markdown-section blockquote { background: #12261f; color: #c9d1d9; }
  .markdown-section table tr:nth-child(2n) { background: #161b22; }
  .markdown-section th, .markdown-section td { border-color: #30363d; }
  .markdown-section code { background: #161b22; color: #e6edf3; }
  .sidebar ul li a { color: #c9d1d9; }
  .pattern-card svg { background: #161b22; border-color: #30363d; }
  .callout { background: #12261f; } .callout.warn { background: #2a2210; }
  .sidebar input { background: #161b22; color: #c9d1d9; }
  .markdown-section a { color: #3fb68b; }
}