:root {
  --bg: #fdfdfa;
  --fg: #222;
  --muted: #666;
  --rule: #ddd;
  --side-bg: #f5f3ec;
  --side-fg: #333;
  --side-current: #cf3a1a;
  --code-bg: #f0eee5;
  --xref: #1f6feb;
}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0;
  font: 14px/1.5 -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--fg); background: var(--bg);
}
a { color: var(--xref); text-decoration: none; }
a:hover { text-decoration: underline; }
.layout { display: flex; min-height: 100vh; }
nav.sidebar {
  width: 260px; flex: 0 0 260px;
  background: var(--side-bg); color: var(--side-fg);
  border-right: 1px solid var(--rule);
  padding: 1.5rem 1rem;
  position: sticky; top: 0;
  align-self: flex-start;
  height: 100vh; overflow-y: auto;
  font-size: 13px;
}
nav.sidebar h1 { font-size: 17px; margin: 0 0 0.25rem 0; }
nav.sidebar .tagline { color: var(--muted); margin: 0 0 1rem 0; font-size: 11.5px; }
nav.sidebar h2 {
  font-size: 11px; text-transform: uppercase;
  letter-spacing: 0.06em; color: var(--muted);
  margin: 1.25rem 0 0.25rem 0;
  border-top: 1px solid var(--rule); padding-top: 0.6rem;
}
nav.sidebar ul { list-style: none; margin: 0; padding: 0; }
nav.sidebar li { margin: 0; }
nav.sidebar li a {
  display: block; padding: 0.15rem 0.4rem;
  color: var(--side-fg);
  border-left: 2px solid transparent;
  text-decoration: none;
}
nav.sidebar li a:hover { background: rgba(0,0,0,0.04); }
nav.sidebar li a.current {
  border-left-color: var(--side-current);
  font-weight: 600;
}
nav.sidebar .count { color: var(--muted); font-size: 11px; margin-left: 0.25rem; }
main { flex: 1 1 auto; min-width: 0; padding: 2rem 2.5rem; max-width: 900px; }
main h1 { margin: 0 0 0.5rem 0; font-size: 28px; }
main h2 {
  font-size: 20px; margin: 2rem 0 0.5rem 0;
  border-bottom: 1px solid var(--rule); padding-bottom: 0.25rem;
}
main h3 { font-size: 16px; margin: 1.5rem 0 0.25rem 0; }
.lede { color: var(--muted); margin-top: 0; }
.crumbs { color: var(--muted); font-size: 12px; margin-bottom: 1rem; }
.crumbs a { color: var(--muted); }
article.command, article.proc {
  margin: 1.5rem 0; padding: 1rem 1.25rem;
  border: 1px solid var(--rule); border-radius: 4px;
  background: #fff;
}
article.command > h3, article.proc > h3 {
  margin-top: 0; font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 17px;
}
article.command .meta, article.proc .meta {
  color: var(--muted); font-size: 12px; margin: -0.4rem 0 0.5rem 0;
}
article.command .summary { margin: 0.25rem 0 0.75rem 0; }
table.options {
  border-collapse: collapse; width: 100%;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 12.5px;
}
table.options th, table.options td {
  text-align: left; vertical-align: top;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid var(--rule);
}
table.options th {
  background: var(--code-bg); color: var(--muted);
  font-weight: 600; font-size: 11.5px;
  text-transform: uppercase; letter-spacing: 0.04em;
}
table.options td.opt-name { font-weight: 600; }
table.options td.opt-name.sub { padding-left: 1.5rem; color: var(--muted); }
table.options td.opt-type { color: var(--muted); width: 80px; }
table.options td.opt-default { color: var(--muted); width: 160px; word-break: break-all; }
table.options td.opt-help { width: auto; }
pre, code { font-family: ui-monospace, Menlo, Consolas, monospace; }
pre {
  background: var(--code-bg); padding: 0.75rem 1rem;
  border: 1px solid var(--rule); border-radius: 4px;
  overflow-x: auto; font-size: 12.5px; line-height: 1.45;
}
code { background: var(--code-bg); padding: 0 0.25rem; border-radius: 2px; font-size: 12.5px; }
details { margin: 0.75rem 0; }
details > summary {
  cursor: pointer; color: var(--muted);
  font-size: 12px; user-select: none;
}
.examples { margin-top: 0.75rem; }
.examples ul { margin: 0.25rem 0 0 0; padding-left: 1.25rem; }
.examples li { font-size: 12.5px; }
.deck-list { list-style: none; padding-left: 0; }
.deck-list li { margin: 0.2rem 0; font-size: 13px; }
.deck-list code { font-size: 12.5px; }
footer {
  border-top: 1px solid var(--rule);
  margin-top: 3rem; padding-top: 1rem;
  color: var(--muted); font-size: 11.5px;
}