/* Shared monochrome skin for handbook detail pages. Loaded after page styles. */
:root {
  --bg: #f7f7f8 !important;
  --bg-2: #eeeef0 !important;
  --bg-3: #e5e5e8 !important;
  --paper: #ffffff !important;
  --ink: #0b0b0d !important;
  --ink-soft: #45454b !important;
  --ink-mute: #85858e !important;
  --line: #d7d7dc !important;
  --line-soft: #e7e7ea !important;
  --accent: #3A34FF !important;
  --accent-soft: rgba(58,52,255,.14) !important;
  --blue: #3A34FF !important;
  --blue-soft: rgba(58,52,255,.14) !important;
  --green: #3A34FF !important;
  --green-soft: rgba(58,52,255,.14) !important;
  --yellow: #3A34FF !important;
  --yellow-soft: rgba(58,52,255,.14) !important;
  --shadow: 0 1px 0 rgba(255,255,255,.8), 0 16px 42px rgba(11,11,13,.09) !important;
  --radius: 3px !important;
}
html { color-scheme: light; }
body {
  color: var(--ink) !important;
  background-color: var(--bg) !important;
  background-image: radial-gradient(circle at 1px 1px, rgba(11,11,13,.055) 1px, transparent 0) !important;
  background-size: 24px 24px !important;
}
body, body * {
  font-family: 'PingFang SC', 'Noto Sans SC', sans-serif !important;
}
.handbook-index .hub-hero-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
em, .em { font-style: normal !important; }
button, input, textarea, select { color: inherit; }
::selection { color: #fff; background: var(--accent); }

/* Keep the hierarchy close to the black homepage. */
.module-topbar { background: rgba(247,247,248,.94) !important; border-color: var(--line) !important; }
.hero h1 .em,
.section-title .em,
.sec-title .em,
.em { color: var(--accent) !important; }
.pill.accent,
.hero-meta .pill.accent { color: #fff !important; background: var(--accent) !important; border-color: var(--accent) !important; }

/* Normalize page cards and interactive surfaces without changing behavior. */
[class*="card"],
[class*="panel"],
[class*="board"],
[class*="mock"],
[class*="terminal"],
[class*="drawer"] { box-shadow: none; }
footer { color: var(--ink-mute); border-color: var(--line) !important; }