/*
 * The NerdSEQ manual's own stylesheet, scoped to .xor-manual.
 *
 * GENERATED by `npm run manual:import` from the manual project's css/ — do
 * not edit: the next import overwrites it. Site-specific adjustments (sticky
 * header, page width) live in manual-site.css, which loads after this.
 */

@font-face { font-family: "JetBrains Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 700; font-style: normal; font-display: swap; src: url("../fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "XOR Symbols"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fonts/xor-symbols-400.woff2") format("woff2"); }
@font-face { font-family: "XOR Symbols"; font-weight: 600 700; font-style: normal; font-display: swap; src: url("../fonts/xor-symbols-700.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-400-italic.woff2") format("woff2"); }

/* ---- base.css ---- */
.xor-manual { --bg: #fff; --fg: #111; --muted: #666; --line: #ddd; --tint: #f5f5f5;
  --accent: #2a7a44; --accent-2: #b36b00; --warn: #a14a00; --warn-tint: #fff4e5;
  --font-body: system-ui, sans-serif; --font-head: var(--font-body); --font-mono: ui-monospace, monospace;
  --kbd-bg: #f2f2f2; --kbd-fg: #111; --kbd-line: #bbb;
  --pin-bg: #e8442e; --pin-fg: #fff;
  --screen-frame: #000;
  
  --k-seq: #c9c83a; --k-pat: #f08a8a; --k-pch: #2fb06a; --k-aut: #7fd6ee; --k-env: #93c8c4; --k-tab: #8be12c; --k-scl: #a6f0a6;
  --c-in: #f06a2c; --c-out: #f5c400; --c-map: #f08cf0; --c-core: #fff59a;
  --d-ink: #111; --d-wire: #555;
  --measure: 42rem; }
.xor-manual *,
.xor-manual *::before,
.xor-manual *::after { box-sizing: border-box; }
.xor-manual { -webkit-text-size-adjust: 100%; }
.xor-manual { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font-body); line-height: 1.55; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.xor-manual img { max-width: 100%; height: auto; display: block; }
.xor-manual a { color: var(--accent); }
.xor-manual h1,
.xor-manual h2,
.xor-manual h3,
.xor-manual h4 { font-family: var(--font-head); line-height: 1.2; }
.xor-manual code { font-family: var(--font-mono); font-size: .92em; }
.xor-manual sup.fn { font-size: .68em; line-height: 0; }
.xor-manual sup.fn a { text-decoration: none; }
.xor-manual kbd { font-family: var(--font-mono); font-size: .78em; font-weight: 600; letter-spacing: .02em;
  display: inline-block; padding: .08em .45em .02em; border-radius: 4px; white-space: nowrap;
  background: var(--kbd-bg); color: var(--kbd-fg); border: 1px solid var(--kbd-line); border-bottom-width: 2px;
  vertical-align: .05em; line-height: 1.35; }
.xor-manual table { border-collapse: collapse; width: 100%; font-size: .94em; }
.xor-manual th,
.xor-manual td { text-align: left; vertical-align: top; padding: .45em .6em; }
.xor-manual caption { caption-side: bottom; text-align: left; font-size: .85em; color: var(--muted); padding-top: .4em; }
.xor-manual img.scr { image-rendering: pixelated; image-rendering: crisp-edges; width: 100%; background: #000; }
.xor-manual .pm-stage,
.xor-manual .an-stage { position: relative; }
.xor-manual .pin { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); transform: translate(-50%, -50%);
  width: 1.55em; height: 1.55em; border-radius: 50%; display: grid; place-items: center;
  background: var(--pin-bg); color: var(--pin-fg); font: 700 .78rem/1 var(--font-mono);
  box-shadow: 0 0 0 2px rgba(255,255,255,.85), 0 1px 4px rgba(0,0,0,.45); }
.xor-manual .pm-legend,
.xor-manual .an-legend { counter-reset: pin; list-style: none; padding: 0; margin: 1em 0 0; }
.xor-manual .pm-legend li,
.xor-manual .an-legend li { counter-increment: pin; position: relative; padding-left: 2.1em; margin: .25em 0; break-inside: avoid; }
.xor-manual .pm-legend li::before,
.xor-manual .an-legend li::before { content: counter(pin); position: absolute; left: 0; top: .1em; width: 1.5em; height: 1.5em; border-radius: 50%;
  background: var(--pin-bg); color: var(--pin-fg); font: 700 .72rem/1.5em var(--font-mono); text-align: center; }
.xor-manual .pm-legend b { display: block; }
.xor-manual .track-map { margin: 1.5em 0; }
.xor-manual .tm-row { display: grid; grid-template-columns: 8.5em 1fr; gap: .6em; align-items: stretch; margin-bottom: .5em; }
.xor-manual .tm-label { font-family: var(--font-head); font-weight: 700; font-size: .9em; display: flex; flex-direction: column; justify-content: center; }
.xor-manual .tm-label small { font-weight: 400; color: var(--muted); }
.xor-manual .tm-tracks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: .35em; }
.xor-manual .tm-audio .tm-tracks { grid-template-columns: repeat(2, 1fr); }
.xor-manual .tm-tracks li { border: 1px solid var(--line); border-radius: 6px; padding: .45em .5em; font-size: .78em; line-height: 1.3; }
.xor-manual .tm-tracks b { display: block; font: 700 1.5em/1 var(--font-head); margin-bottom: .15em; }
.xor-manual .track-map figcaption { font-size: .85em; color: var(--muted); }
.xor-manual .chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .4em; }
.xor-manual .chips li { border: 1px solid var(--line); border-radius: 999px; padding: .2em .8em; font-size: .9em; }
.xor-manual .chips small { color: var(--muted); margin-left: .35em; }
.xor-manual .rail { display: grid; grid-template-columns: 3.4em 1fr 4.6em; grid-template-areas: "n b v" ". note note"; gap: .1em .6em; align-items: center; margin: .5em 0; }
.xor-manual .rail-name { grid-area: n; font: 700 .9em var(--font-mono); }
.xor-manual .rail .bar { grid-area: b; height: .8em; background: var(--tint); border-radius: 2px; overflow: hidden; }
.xor-manual .rail .bar i { display: block; height: 100%; width: calc(var(--v) / 200 * 100%); background: var(--accent); }
.xor-manual .rail.old .bar i { opacity: .45; }
.xor-manual .rail-val { grid-area: v; font: 600 .9em var(--font-mono); text-align: right; }
.xor-manual .rail-note { grid-area: note; font-size: .78em; color: var(--muted); }
.xor-manual .rail.nc .rail-name,
.xor-manual .rail.nc .rail-val { color: var(--muted); }
.xor-manual .jack-bar { display: flex; height: 1.1em; gap: 2px; margin: .4em 0 .8em; }
.xor-manual .jack-bar i { flex: var(--n) 1 0; }
.xor-manual .j-in { --j: var(--c-in); }
.xor-manual .j-clk { --j: #c0392b; }
.xor-manual .j-cv { --j: var(--accent); }
.xor-manual .j-trg { --j: var(--accent-2); }
.xor-manual .j-aud { --j: #6c5ce7; }
.xor-manual .j-clko { --j: #7f8c8d; }
.xor-manual .jack-bar i { background: var(--j); }
.xor-manual .jack-table th { width: 2.5em; font-family: var(--font-mono); }
.xor-manual .jack-table th::before { content: ""; display: inline-block; width: .65em; height: .65em; background: var(--j); margin-right: .4em; border-radius: 2px; }
.xor-manual .numbers { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5em, 1fr)); gap: .6em; }
.xor-manual .numbers b { display: block; font: 700 2.1em/1 var(--font-head); }
.xor-manual .numbers span { font-size: .82em; color: var(--muted); }
.xor-manual .feature-groups ul { padding-left: 1.1em; margin: .3em 0 0; }
.xor-manual .feature-groups li { margin: .2em 0; }
.xor-manual .fg h3 { margin: 0; }
.xor-manual .fg { break-inside: avoid; }
.xor-manual .diagram svg { width: 100%; height: auto; display: block; font-family: var(--font-head); }
.xor-manual .diagram text { text-anchor: middle; font-size: 13px; fill: var(--d-ink); }
.xor-manual .d-col { text-anchor: start !important; font: 700 11px var(--font-mono) !important; letter-spacing: .12em; fill: var(--muted) !important; }
.xor-manual .d-in rect { fill: var(--c-in); }
.xor-manual .d-out rect { fill: var(--c-out); }
.xor-manual .d-core-bg { fill: var(--c-core); }
.xor-manual .d-core rect.k-seq { fill: var(--k-seq); }
.xor-manual .d-core rect.k-pat { fill: var(--k-pat); }
.xor-manual .d-core rect.k-pch { fill: var(--k-pch); }
.xor-manual .d-core rect.k-aut { fill: var(--k-aut); }
.xor-manual .d-core rect.k-env { fill: var(--k-env); }
.xor-manual .d-core rect.k-tab { fill: var(--k-tab); }
.xor-manual .d-core rect.k-scl { fill: var(--k-scl); }
.xor-manual .d-map { fill: var(--c-map); }
.xor-manual .d-map-t { font-weight: 700; font-size: 17px !important; }
.xor-manual .d-small { font-size: 11px !important; }
.xor-manual .d-wires path { fill: none; stroke: var(--d-wire); stroke-width: 2; }
.xor-manual .d-wires .d-dash { stroke-dasharray: 5 4; }
.xor-manual .d-arrowhead { fill: var(--d-wire); }
.xor-manual .keys .k-half rect,
.xor-manual .keys .k-full rect { fill: var(--kbd-bg); stroke: var(--kbd-line); stroke-width: 1.5; }
.xor-manual .keys .k-full rect.k-shift { stroke: var(--accent-2); stroke-width: 3; }
.xor-manual .keys .k-label text { font: 600 12px var(--font-mono); fill: var(--fg); }
.xor-manual .keys .k-shift-label text { font: 700 12px var(--font-mono); fill: var(--accent-2); }
.xor-manual .keys .k-ico path,
.xor-manual .keys .k-ico rect { fill: var(--muted); }
.xor-manual .keys .k-ico path.k-line { fill: none; stroke: var(--muted); stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.xor-manual .keys .k-gname { font: italic 12px var(--font-body); fill: var(--muted); }
.xor-manual .boot { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1em; counter-reset: boot; }
.xor-manual .boot li { counter-increment: boot; }
.xor-manual .boot figure { margin: 0 0 .5em; aspect-ratio: 3 / 2; display: grid; place-items: center; background: #000; border-radius: 4px; overflow: hidden; }
.xor-manual .boot h4 { margin: .2em 0; }
.xor-manual .boot h4::before { content: counter(boot) "  "; font-family: var(--font-mono); color: var(--accent); }
.xor-manual .boot p { margin: 0; font-size: .88em; }
.xor-manual .sd-icon svg { width: 60%; }
.xor-manual .sd { fill: none; stroke: #ccc; stroke-width: 3; }
.xor-manual .sd-pins { stroke: #ccc; stroke-width: 3; }
.xor-manual .sd-ok { fill: none; stroke: #33ff66; stroke-width: 4; }
.xor-manual .hex-strip ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 3px; font-family: var(--font-mono); }
.xor-manual .hex-strip li { min-width: 2.1em; text-align: center; padding: .25em .2em; border: 1px solid var(--line); border-radius: 3px; font-size: .9em; }
.xor-manual .hex-strip li.x { background: var(--accent); color: var(--bg); border-color: var(--accent); }
.xor-manual .hex-strip li.o { outline: 2px solid var(--accent-2); outline-offset: 1px; }
.xor-manual .hex-anatomy { display: flex; align-items: center; gap: 1.2em; flex-wrap: wrap; margin: 1.2em 0; }
.xor-manual .ha-num { font: 700 2.6em/1 var(--font-mono); display: flex; gap: .05em; }
.xor-manual .ha-num span { padding: .05em .2em; border-radius: 4px; }
.xor-manual .ha-num .hi { background: var(--accent-2); color: #fff; }
.xor-manual .ha-num .lo { background: var(--accent); color: #fff; }
.xor-manual .ha-eq { font-family: var(--font-mono); }
.xor-manual .hex-anatomy figcaption { flex-basis: 100%; font-size: .85em; color: var(--muted); }
.xor-manual table.hex { font-family: var(--font-mono); text-align: center; max-width: 30em; font-size: .85em; }
.xor-manual table.hex th,
.xor-manual table.hex td { text-align: center; padding: .15em .4em; }
.xor-manual table.hex td:nth-child(even) { font-weight: 700; color: var(--accent); }
.xor-manual table.hex td:nth-child(2),
.xor-manual table.hex td:nth-child(4) { border-right: 1px solid var(--line); }
.xor-manual dl.notes > div,
.xor-manual dl.keys-dl > div { display: grid; grid-template-columns: 5.5em 1fr; gap: .8em; margin: .35em 0; }
.xor-manual dl.notes dt,
.xor-manual dl.keys-dl dt { margin: 0; }
.xor-manual dl.notes dd,
.xor-manual dl.keys-dl dd { margin: 0; }
.xor-manual .two { display: grid; grid-template-columns: 1.15fr 1fr; gap: 1.5em; align-items: start; }
.xor-manual .screen-fig { margin: 0; }
.xor-manual .screen-fig figcaption,
.xor-manual .annotated figcaption,
.xor-manual figure > figcaption { font-size: .85em; color: var(--muted); margin-top: .4em; }
.xor-manual .screen-map ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .6em; }
.xor-manual .screen-map li { border: 1px solid var(--line); border-radius: 6px; padding: .7em .8em; break-inside: avoid; }
.xor-manual .screen-map li.sm-main { border-width: 2px; border-color: var(--accent); }
.xor-manual .screen-map h4 { margin: .5em 0 .2em; }
.xor-manual .screen-map p { margin: 0; font-size: .86em; }
.xor-manual .screen-map .combo kbd + kbd { margin-left: .15em; }
.xor-manual .annotated { margin: 1.2em 0; }
.xor-manual .an-legend { columns: 2; column-gap: 2em; font-size: .9em; }
.xor-manual .ops { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1em; margin: 1em 0; }
.xor-manual .ops.three { grid-template-columns: repeat(3, 1fr); }
.xor-manual .op { margin: 0; border: 1px solid var(--line); border-radius: 6px; padding: .7em .8em; break-inside: avoid; }
.xor-manual .op figcaption { font-size: .95em !important; color: var(--fg) !important; margin: 0 0 .5em !important; }
.xor-manual .op figcaption span { display: block; font-size: .78em; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; margin-top: .2em; }
.xor-manual .cells { display: flex; flex-direction: column; width: 3.2em; font: 600 .9em/1 var(--font-mono); background: #000; padding: 3px; border-radius: 3px; }
.xor-manual .cells span { color: #fff; padding: .25em .4em; }
.xor-manual .cells span.new { background: #2a5bd7; }
.xor-manual .cells span.moved { color: #ffd84a; }
.xor-manual .cells span.gone { color: #777; }
.xor-manual .op { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; column-gap: .9em; }
.xor-manual .op figcaption { grid-column: 1 / -1; }
.xor-manual .op p { margin: 0; font-size: .86em; }
.xor-manual ol.steps { padding-left: 1.4em; }
.xor-manual ol.steps li { margin: .3em 0; }
.xor-manual .note { border-left: 3px solid var(--accent); background: var(--tint); padding: .7em 1em; margin: 1.2em 0; break-inside: avoid; }
.xor-manual .note h4 { margin: 0 0 .3em; }
.xor-manual .note p { margin: .2em 0; }
.xor-manual .note.warn { border-color: var(--warn); background: var(--warn-tint); }
.xor-manual .footnotes ol { font-size: .88em; }
.xor-manual .sample-end { margin: 3em 0 1em; padding: 1.2em; border: 1px dashed var(--line); text-align: center; color: var(--muted); }
.xor-manual .variant-bar { font: 500 13px/1.4 var(--font-body); display: flex; gap: .8em; flex-wrap: wrap; align-items: center; padding: .5em 16px; background: #111; color: #ddd; }
.xor-manual .variant-bar a { color: #fff; }
.xor-manual .variant-bar .here { color: #9f9; font-weight: 700; text-decoration: none; }
@media screen and (max-width: 720px) {
	.xor-manual .two,
	.xor-manual .ops,
	.xor-manual .ops.three { grid-template-columns: 1fr; }
	.xor-manual .boot { grid-template-columns: 1fr 1fr; }
	.xor-manual .screen-map ul { grid-template-columns: 1fr 1fr; }
	.xor-manual .tm-row { grid-template-columns: 1fr; }
	.xor-manual .tm-tracks { grid-template-columns: repeat(3, 1fr); }
	.xor-manual .an-legend { columns: 1; }
	.xor-manual .keys-table,
	.xor-manual .edit-steps { display: block; overflow-x: auto; }
	
}
.xor-manual .callouts { width: 100%; height: auto; display: block; overflow: visible; }
.xor-manual .callouts image { image-rendering: pixelated; }
.xor-manual .callouts line,
.xor-manual .callouts polyline { stroke: var(--pin-bg); stroke-width: 1.4; fill: none; stroke-linejoin: round; }
.xor-manual .callouts circle { fill: var(--pin-bg); }
.xor-manual .callouts .co-dot { fill: var(--pin-bg); stroke: #fff; stroke-width: .8; }
.xor-manual .callouts text { fill: var(--pin-fg); font: 700 11px var(--font-mono); text-anchor: middle; dominant-baseline: central; }
.xor-manual .pm-stage img { width: 100%; }
.xor-manual .an-legend li,
.xor-manual .pm-legend li { display: inline-block; width: 100%; }
.xor-manual .cover-finishes { display: none; }
.xor-manual .system { margin: 2rem 0; }
.xor-manual .sys-rack { list-style: none; padding: 0; margin: 0; display: flex; gap: 2px; align-items: flex-start; }
.xor-manual .sys-rack li { flex: var(--hp) 1 0; min-width: 0; }
.xor-manual .sys-rack img { display: block; width: 100%; height: auto; }
.xor-manual .sys-rack span { display: block; margin-top: .4em; font: 600 .66rem/1.2 var(--font-mono); overflow-wrap: anywhere; }
.xor-manual .sys-rack small { display: block; font-weight: 400; color: var(--muted); }
.xor-manual .sys-narrow span { writing-mode: vertical-rl; white-space: nowrap; margin-left: auto; margin-right: auto; }
.xor-manual .sys-narrow small { display: inline; margin-top: .4em; }
.xor-manual .pm-stage,
.xor-manual .an-stage { align-self: start; }

/* ---- manual.css ---- */
.xor-manual { --bg: #070907; --fg: #d3e9d8; --muted: #77a083; --line: #1f3828; --tint: #0d160f;
  --hi: #ffffff; --on-accent: #000;
  --accent: #33ff66; --accent-2: #ffb648; --warn: #ffb648; --warn-tint: #1b1407;
  --font-body: "IBM Plex Sans", "XOR Symbols", sans-serif;
  --font-head: "JetBrains Mono", "XOR Symbols", monospace;
  --font-mono: "JetBrains Mono", "XOR Symbols", monospace;
  --kbd-bg: #132018; --kbd-fg: #e8ffe9; --kbd-line: #2c5a3a;
  --pin-bg: #ffb648; --pin-fg: #000;
  --d-ink: #000; --d-wire: #77a083; --c-core: #0f1d13;
  --c-in: #ff7b3a; --c-out: #ffd23a; --c-map: #ff7bff;
  --glow: 0 0 22px rgba(51,255,102,.3);
  --cover-bg: radial-gradient(ellipse at 75% 45%, #10291a 0%, #070907 62%);
  --toc-bg: #040604;
  --block: #aeb4bd; --block-ink: #000;
  --edge: 8px; }
.xor-manual.is-light { --bg: #ffffff; --fg: #17201a; --muted: #56705e; --line: #d6e1d9; --tint: #f2f6f3;
  --hi: #000; --on-accent: #fff;
  --accent: #14823a; --accent-2: #a85a00; --warn: #a85a00; --warn-tint: #fff4e3;
  --kbd-bg: #f5f8f5; --kbd-fg: #17201a; --kbd-line: #a9c2b0;
  --pin-bg: #d96f00; --pin-fg: #000;
  --d-wire: #56705e; --c-core: #f2f6f3;
  --c-in: #f06a2c; --c-out: #f5c400; --c-map: #e86ce8;
  --glow: none;
  --cover-bg: #ffffff;
  --toc-bg: #f6f9f7; }
.xor-manual [data-block="in"] { --block: #f06a2c; }
.xor-manual [data-block="out"] { --block: #f5c400; }
.xor-manual [data-block="core"] { --block: #aeb4bd; }
.xor-manual [data-block="pat"] { --block: #f08a8a; }
.xor-manual [data-block="seq"] { --block: #c9c83a; }
.xor-manual [data-block="map"] { --block: #e86ce8; }
.xor-manual [data-block="pch"] { --block: #2fb06a; }
.xor-manual [data-block="tab"] { --block: #8be12c; }
.xor-manual [data-block="aut"] { --block: #7fd6ee; }
.xor-manual [data-block="env"] { --block: #93c8c4; }
.xor-manual [data-block="scl"] { --block: #a6f0a6; }
.xor-manual [data-block="sys"] { --block: #9db3e8; }
.xor-manual { font-size: 17px; line-height: 1.62; background: var(--bg); color: var(--fg); }
.xor-manual ::selection { background: var(--accent); color: var(--on-accent); }
.xor-manual a { color: var(--accent); }
.xor-manual strong,
.xor-manual b { color: var(--hi); }
.xor-manual .variant-bar { background: #000; border-bottom: 1px solid #1f3828; font-family: var(--font-mono); font-size: 12px; }
.xor-manual .theme-switch { margin-left: auto; font: inherit; color: #fff; background: none; border: 1px solid #3a5a44; padding: .15em .7em; cursor: pointer; }
.xor-manual .theme-switch:hover { border-color: #33ff66; }
.xor-manual .cover { min-height: 92vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); align-items: center; gap: 3rem; padding: 4rem max(1rem, 5vw); background: var(--cover-bg); border-bottom: 1px solid var(--line); position: relative; }
.xor-manual .cover::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px;
  background: linear-gradient(90deg, #f06a2c 0 16.6%, #f5c400 0 33.3%, #aeb4bd 0 50%, #f08a8a 0 66.6%, #c9c83a 0 83.3%, #e86ce8 0); }
.xor-manual .kicker { font: 500 .8rem var(--font-mono); letter-spacing: .25em; text-transform: uppercase; color: var(--muted); margin: 0; }
.xor-manual .cover h1 { font: 700 clamp(3.2rem, 7vw, 6rem)/1 var(--font-mono); margin: .3em 0 .25em; color: var(--accent); letter-spacing: -.02em; text-shadow: var(--glow); }
.xor-manual .subtitle { font-size: 1.3rem; color: var(--fg); margin: 0; max-width: 22em; }
.xor-manual .doctype { display: inline-block; margin: 2rem 0 .5rem; padding: .15em .6em; background: var(--accent); color: var(--on-accent); font: 700 .9rem var(--font-mono); letter-spacing: .2em; text-transform: uppercase; }
.xor-manual .version { font: .9rem var(--font-mono); color: var(--accent-2); margin: 0; }
.xor-manual .cover-note { font: .8rem var(--font-mono); color: var(--muted); margin-top: 2rem; }
.xor-manual .cover-art { margin: 0; display: grid; grid-template-columns: 2fr 1fr; column-gap: 1rem; align-items: stretch; }
.xor-manual .cover-art img { display: block; border-radius: 3px; box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.xor-manual.is-light .cover-art img { box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.xor-manual .cover-main { width: 100%; }
.xor-manual .cover-variants { display: flex; flex-direction: column; justify-content: space-between; contain: size; }
.xor-manual .cover-variants img { height: calc(50% - .5rem); width: auto; max-width: 100%; object-fit: contain; align-self: flex-start; }
.xor-manual .toc { position: sticky; top: 0; float: left; width: 17rem; height: 100vh; overflow: auto; padding: 1.4rem 1rem; border-right: 1px solid var(--line); background: var(--toc-bg); }
.xor-manual .toc h2 { font: 700 .8rem var(--font-mono); background: var(--accent); color: var(--on-accent); padding: .2em .5em; margin: 0 0 .8rem; letter-spacing: .15em; text-transform: uppercase; }
.xor-manual .toc ol { list-style: none; padding: 0; margin: 0; font: .86rem/1.3 var(--font-mono); }
.xor-manual .toc li a { display: flex; gap: .7em; align-items: baseline; padding: .32rem .4rem .32rem 0; color: var(--fg); text-decoration: none; border-left: 5px solid var(--tab, var(--line)); padding-left: .55rem; margin-bottom: 2px; }
.xor-manual .toc li a:hover { background: var(--tab); color: #000; }
.xor-manual .toc li a:hover .n { color: #000; }
.xor-manual .toc .n { color: var(--accent); }
.xor-manual .toc-more { font: .75rem/1.45 var(--font-mono); color: var(--muted); margin-top: 1.2rem; }
.xor-manual .toc li[data-block] a { --tab: var(--block); }
.xor-manual .toc-key { list-style: none; padding: 0; margin: 1.2rem 0 0; font: .7rem/1.6 var(--font-mono); color: var(--muted); }
.xor-manual .toc-key li { display: flex; align-items: center; gap: .5em; }
.xor-manual .toc-key i { flex: none; width: .8em; height: .8em; background: var(--block); }
.xor-manual .manual { margin-left: 17rem; padding: 0 0 5rem; }
.xor-manual .chapter { border-left: var(--edge) solid var(--block); padding: 4rem max(1rem, 4vw) 1rem; }
.xor-manual .chapter > * { max-width: 50rem; }
.xor-manual .chapter > .panel-map,
.xor-manual .chapter > .system,
.xor-manual .chapter > .annotated,
.xor-manual .chapter > .diagram { max-width: 64rem; }
.xor-manual .sys-rack li { flex: var(--a) 1 0; }
.xor-manual .sys-rack .sys-num { display: grid; place-items: center; width: 1.55em; height: 1.55em; margin: .5rem auto 0; border-radius: 50%; background: var(--pin-bg); color: var(--pin-fg); font: 700 .72rem/1 var(--font-mono); writing-mode: horizontal-tb; }
.xor-manual .sys-legend { columns: 2; column-gap: 2rem; margin-top: 1.4rem; font-size: .86rem; }
.xor-manual .sys-legend b { display: inline; margin-right: .3em; }
.xor-manual .ch-head { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; align-items: center; background: var(--block); color: var(--block-ink); padding: 1rem 1.2rem 1.1rem; margin: 0 0 1.6rem; max-width: 64rem !important; }
.xor-manual .ch-num { font-size: 0; margin: 0; grid-row: 1 / span 2; align-self: start; }
.xor-manual .ch-num::before { content: attr(data-num); display: block; font: 700 1.9rem/1 var(--font-mono); color: var(--block); background: #000; padding: .2em .3em; }
.xor-manual .ch-head h2 { margin: 0; font: 700 1.5rem/1.2 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; color: #000; }
.xor-manual .lede { margin: .35rem 0 0; font-size: 1.05rem; color: #000; }
.xor-manual .chapter h3 { display: flex; align-items: center; gap: .55rem; font: 700 .95rem var(--font-mono); text-transform: uppercase; letter-spacing: .12em; color: var(--hi); margin: 2.4rem 0 .6rem; padding-bottom: .3rem; border-bottom: 1px dashed var(--line); }
.xor-manual .chapter h3::before { content: ""; flex: none; width: .75rem; height: .75rem; background: var(--block); }
.xor-manual .sub { font: 700 .85rem var(--font-mono); color: var(--accent-2); text-transform: uppercase; letter-spacing: .1em; }
.xor-manual .pull { margin: 2rem 0; padding: 1.2rem 1.4rem; border-left: 4px solid var(--block); background: var(--tint); font-size: 1.05rem; color: var(--hi); }
.xor-manual .note { background: var(--tint); border-left: 4px solid var(--accent); }
.xor-manual .note.warn { background: var(--warn-tint); border-left-color: var(--warn); }
.xor-manual .note h4 { font: 700 .8rem var(--font-mono); text-transform: uppercase; letter-spacing: .14em; color: var(--accent); }
.xor-manual .note.warn h4 { color: var(--warn); }
.xor-manual table th,
.xor-manual table td { border-bottom: 1px solid var(--line); }
.xor-manual thead th { font: 700 .72rem var(--font-mono); text-transform: uppercase; letter-spacing: .12em; color: #000; background: var(--block); border: 0; }
.xor-manual tbody th { font: 600 .88rem var(--font-mono); color: var(--accent-2); white-space: nowrap; }
.xor-manual tbody tr:nth-child(even) td,
.xor-manual tbody tr:nth-child(even) th { background: var(--tint); }
.xor-manual .tm-tracks li,
.xor-manual .chips li,
.xor-manual .screen-map li,
.xor-manual .op { border-color: var(--line); background: var(--tint); }
.xor-manual .tm-tracks b { color: var(--accent); font-family: var(--font-mono); }
.xor-manual .tm-audio .tm-tracks b { color: var(--accent-2); }
.xor-manual .screen-map li { border-left: 6px solid var(--tab, var(--line)); }
.xor-manual .screen-map li:nth-child(1) { --tab: #c9c83a; }
.xor-manual .screen-map li:nth-child(2) { --tab: #f08a8a; }
.xor-manual .screen-map li:nth-child(3) { --tab: #2fb06a; }
.xor-manual .screen-map li:nth-child(4) { --tab: #8be12c; }
.xor-manual .screen-map li:nth-child(5) { --tab: #7fd6ee; }
.xor-manual .screen-map li:nth-child(6) { --tab: #f5c400; }
.xor-manual .screen-map li:nth-child(7),
.xor-manual .screen-map li:nth-child(8) { --tab: #9aa0a8; }
.xor-manual .screen-map li:nth-child(9) { --tab: #e86ce8; }
.xor-manual .screen-map h4 { color: var(--hi); }
.xor-manual .panel-map { display: grid; grid-template-columns: 1.5fr 1fr; gap: 1.6rem; margin: 2rem 0; }
.xor-manual .panel-map img { border-radius: 3px; }
.xor-manual .panel-map figcaption { grid-column: 1 / -1; }
.xor-manual .pm-legend { margin: 0; font-size: .86rem; }
.xor-manual .pm-legend b { font-weight: 600; }
.xor-manual .pin { box-shadow: 0 0 0 2px rgba(0,0,0,.55); }
.xor-manual.is-light .pin { box-shadow: 0 0 0 2px #fff; }
.xor-manual .annotated img { outline: 1px solid var(--line); }
.xor-manual .an-legend { font-size: .9rem; }
.xor-manual .spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.xor-manual .spec-grid h3 { margin-top: 0; }
.xor-manual .rail .bar { background: var(--tint); }
.xor-manual .rail .bar i { background: var(--block); }
.xor-manual .numbers b { color: var(--accent); font-family: var(--font-mono); }
.xor-manual .numbers li { border: 1px solid var(--line); border-top: 5px solid var(--block); padding: .7rem; background: var(--tint); }
.xor-manual .numbers { grid-template-columns: repeat(7, 1fr); gap: .5em; }
.xor-manual .numbers b.inf { font-size: 2.9em; line-height: .72; }
@media screen and (max-width: 760px) {
	.xor-manual .numbers { grid-template-columns: repeat(auto-fit, minmax(7.5em, 1fr)); }
	
}
.xor-manual .feature-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; font-size: .95rem; }
.xor-manual .feature-groups li::marker { color: var(--accent); content: "▸ "; }
.xor-manual .fg h3 { margin-top: 1.8rem !important; }
.xor-manual .diagram { background: var(--tint); border: 1px solid var(--line); padding: 1rem; }
.xor-manual .d-col { fill: var(--muted) !important; }
.xor-manual .d-core text { fill: #000; }
.xor-manual .d-in text,
.xor-manual .d-out text { fill: #000; }
.xor-manual .d-map-t,
.xor-manual .d-map-s { fill: #000 !important; }
.xor-manual .keys .k-label text { fill: var(--fg); }
.xor-manual .keys svg { background: none; }
.xor-manual .hex-strip li { border-color: var(--line); }
.xor-manual .hex-strip li.x { color: #000; }
.xor-manual .ha-num .lo,
.xor-manual .ha-num .hi { color: #000; }
.xor-manual table.hex td:nth-child(even) { color: var(--accent); }
.xor-manual .takeaway { color: #000; background: var(--block); padding: .8rem 1rem; font-weight: 600; }
.xor-manual .takeaway b { color: #000; }
.xor-manual .sample-end,
.xor-manual .footnotes { margin-left: 0; padding: 0 max(1rem, 4vw); border-left: var(--edge) solid var(--line); }
.xor-manual .sample-end { font-family: var(--font-mono); }
.xor-manual .footnotes h2 { font: 700 .9rem var(--font-mono); color: var(--accent-2); text-transform: uppercase; letter-spacing: .14em; }
@media screen and (max-width: 980px) {
	.xor-manual .toc { position: static; float: none; width: auto; height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
	.xor-manual .manual { margin-left: 0; }
	.xor-manual .cover,
	.xor-manual .panel-map,
	.xor-manual .spec-grid,
	.xor-manual .feature-groups { grid-template-columns: 1fr; }
	.xor-manual .chapter { --edge: 5px; }
	
}
.xor-manual .pull,
.xor-manual .note { break-inside: avoid; }
.xor-manual .chapter > h4 { font: 700 .85rem var(--font-mono); text-transform: uppercase; letter-spacing: .1em; color: var(--accent); margin: 1.8rem 0 .4rem; }
.xor-manual .path { font: 600 .8rem/1.5 var(--font-mono); letter-spacing: .06em; color: var(--muted); border-left: 3px solid var(--block); padding: .2rem 0 .2rem .7rem; }
.xor-manual .path b,
.xor-manual .path strong { color: var(--muted); }
.xor-manual p.sub { margin: 1.6rem 0 .3rem; break-after: avoid; }
.xor-manual p.scales { background: var(--tint); border-left: 4px solid var(--line); padding: .6rem .8rem; font-size: .92em; line-height: 1.55; hyphens: none; }
.xor-manual ul.items { list-style: none; padding: 0; margin: .6rem 0 1rem; }
.xor-manual ul.items > li { padding: .45rem 0 .45rem 0; border-top: 1px solid var(--line); }
.xor-manual ul.items > li:last-child { border-bottom: 1px solid var(--line); }
.xor-manual ul.items > li > p { margin: .35rem 0 0; }
.xor-manual ul.items.nest { margin: -.6rem 0 1rem 1.4rem; padding-left: .9rem; border-left: 2px solid var(--accent); }
.xor-manual ul.items.nest > li:first-child { border-top: 0; }
.xor-manual ul.items > li > ul.items.nest { margin-top: .4rem; }
.xor-manual ul.bullets { margin: .4rem 0 .8rem; padding-left: 1.3rem; }
.xor-manual ul.bullets li { margin: .15rem 0; }
.xor-manual ul.bullets li::marker { color: var(--accent); }
.xor-manual ul.items ul.bullets { margin-top: .3rem; }
.xor-manual b.term { font: 600 .92em var(--font-mono); color: var(--hi); }
.xor-manual p.entry { margin: 0; padding: .45rem 0; border-top: 1px solid var(--line); }
.xor-manual :where(:not(p.entry)) + p.entry { margin-top: .6rem; }
.xor-manual p.entry:where(:not(:has(+ p.entry))) { border-bottom: 1px solid var(--line); margin-bottom: 1rem; }
.xor-manual li p.entry,
.xor-manual .refgrid p.entry { border: 0; padding: 0; }
.xor-manual li p.entry { margin: .35rem 0 0; }
.xor-manual .refgrid p.entry { margin: 0 0 .3rem; }
.xor-manual .arr { color: var(--accent); margin: 0 .3em; }
.xor-manual code.fx { font: 700 .85em var(--font-mono); color: #000; background: var(--block); padding: .05em .35em; margin-right: .35em; }
.xor-manual .knob { display: inline-block; width: 1.05em; height: 1.05em; vertical-align: -.18em; border-radius: 50%; border: 2px solid currentColor; position: relative; }
.xor-manual .knob::after { content: ""; position: absolute; left: 50%; top: 8%; width: 2px; height: 42%; margin-left: -1px; background: currentColor; }
.xor-manual a.xref { color: var(--accent); text-decoration: none; border-bottom: 1px dotted currentColor; white-space: nowrap; }
.xor-manual a.xref::before { content: "→ "; }
.xor-manual figure.shot,
.xor-manual figure.photo,
.xor-manual figure.ph { margin: 1.4rem 0; break-inside: avoid; }
.xor-manual figure.shot img { display: block; width: 100%; max-width: 32rem; image-rendering: pixelated; outline: 1px solid var(--line); }
.xor-manual figure.shot.small { margin: .8rem 0 .4rem; }
.xor-manual figure.shot.small img { max-width: 18rem; }
.xor-manual figure.shot.mid img { max-width: 26rem; }
.xor-manual figure.photo img { display: block; max-height: 26rem; width: auto; max-width: 100%; }
.xor-manual figure.photo.wide img { max-height: none; width: 100%; outline: 1px solid var(--line); }
.xor-manual figure.photo.trio .trio-row { display: flex; gap: .9rem; align-items: flex-end; }
.xor-manual figure.photo.trio img { height: 26rem; max-height: none; width: auto; min-width: 0; }
.xor-manual .photo-pair { display: flex; gap: 2rem; flex-wrap: wrap; }
.xor-manual .photo-pair figure.photo.cut { margin: 1rem 0; }
.xor-manual figure.photo.cut img { height: 22rem; max-height: none; width: auto; }
.xor-manual figure.shot figcaption,
.xor-manual figure.photo figcaption,
.xor-manual figure.ph figcaption { font: .75rem/1.4 var(--font-mono); color: var(--muted); margin-top: .4rem; }
.xor-manual .ph-box { position: relative; max-width: 32rem; border: 2px dashed var(--accent-2); padding: .5rem; background: var(--tint); }
.xor-manual .ph-box img { display: block; max-width: 100%; max-height: 18rem; opacity: .45; filter: grayscale(1); }
.xor-manual .ph-tag { position: absolute; top: .5rem; left: .5rem; font: 700 .7rem var(--font-mono); text-transform: uppercase; letter-spacing: .1em; color: #000; background: var(--accent-2); padding: .15em .5em; }
.xor-manual .ph-need { display: block; color: var(--accent-2); }
.xor-manual .ph-need::before { content: "Needed: "; font-weight: 700; }
.xor-manual .table-wrap { overflow-x: auto; margin: 1rem 0; }
.xor-manual table.doc-table { border-collapse: collapse; font-size: .88rem; width: 100%; }
.xor-manual table.doc-table td,
.xor-manual table.doc-table th { padding: .35rem .6rem; vertical-align: top; text-align: left; }
.xor-manual .diagram.fm { display: inline-block; vertical-align: top; margin: 1rem 1rem 1rem 0; }
.xor-manual .diagram.fm svg { display: block; width: calc(var(--w) * 1.1px); height: auto; max-width: 100%; }
.xor-manual .diagram.fm figcaption { max-width: 18rem; font: .75rem/1.4 var(--font-mono); color: var(--muted); margin-top: .5rem; }
.xor-manual .fm-op rect { fill: var(--block); }
.xor-manual .fm-op text,
.xor-manual .fm-out text { font: 700 18px var(--font-mono); text-anchor: middle; dominant-baseline: central; fill: #000; }
.xor-manual .fm-out rect { fill: none; stroke: var(--fg); stroke-width: 2; }
.xor-manual .fm-out text { fill: var(--fg); font-size: 14px; font-weight: 600; }
.xor-manual .fm-wire { fill: none; stroke: var(--d-wire); stroke-width: 2; }
.xor-manual .fm-head { fill: var(--d-wire); }
.xor-manual .missing { color: var(--warn); font-family: var(--font-mono); }
.xor-manual .diagram.dg svg { display: block; width: calc(var(--w) * 1.1px); max-width: 100%; height: auto; margin: 0 auto; }
.xor-manual .diagram.dg figcaption { font-size: .85rem; color: var(--muted); margin-top: .6rem; }
.xor-manual .dg text { fill: var(--fg); font-family: var(--font-body); font-variant-ligatures: none; }
.xor-manual .dg .dg-bt,
.xor-manual .dg .dg-kl { text-anchor: start; }
.xor-manual .dg .dg-t { font-size: 12px; }
.xor-manual .dg .dg-s { font-size: 10.5px; fill: var(--muted); }
.xor-manual .dg .dg-h { font: 700 14px var(--font-mono); fill: var(--fg); }
.xor-manual .dg .dg-bt { font: 700 12px var(--font-mono); }
.xor-manual .dg .dg-code { font: 700 13px var(--font-mono); fill: var(--accent); }
.xor-manual .dg-grid { stroke: var(--line); stroke-width: 1; stroke-dasharray: 2 3; fill: none; }
.xor-manual .dg-sep { stroke: var(--line); stroke-width: 1; }
.xor-manual .dg-wave { fill: none; stroke: var(--block); stroke-width: 2.2; stroke-linejoin: round; }
.xor-manual .dg-wire { fill: none; stroke: var(--d-wire); stroke-width: 1.6; }
.xor-manual .dg-head { fill: var(--d-wire); }
.xor-manual .lp-body { fill: #17191b; stroke: #2c3033; stroke-width: 1; }
.xor-manual .lp-pad { fill: #3a3e42; }
.xor-manual .lp-btn { fill: #26292c; stroke: #4c5155; stroke-width: 1.5; }
.xor-manual .lp-brk { fill: none; stroke: var(--muted); stroke-width: 1.2; }
.xor-manual .dg text.lp-key { fill: #c9cdd0; font: 700 11px var(--font-mono); }
.xor-manual .diagram.dg.socket { float: right; margin: 0 0 1rem 1.5rem; padding: .7rem .9rem .5rem; }
.xor-manual .diagram.dg.socket figcaption { text-align: center; font-size: .75rem; margin-top: .3rem; }
.xor-manual .dg-socket-ring { fill: none; stroke: var(--fg); stroke-width: 5; }
.xor-manual .dg-socket-face { fill: none; stroke: var(--line); stroke-width: 1.5; }
.xor-manual .dg-socket-key { fill: var(--fg); }
.xor-manual .dg-socket-pin { fill: var(--fg); }
.xor-manual .dg-fm { fill: none; stroke: #2fb06a; stroke-width: 1.6; }
.xor-manual .dg-fmdot { fill: #2fb06a; }
.xor-manual .dg .dg-fmt { fill: #2fb06a; }
.xor-manual .dg-clone { fill: none; stroke: #f06a2c; stroke-width: 1.6; stroke-dasharray: 5 3; }
.xor-manual .dg-clonedot { fill: #f06a2c; }
.xor-manual .dg .dg-clonet { fill: #f06a2c; }
.xor-manual .dg-src rect,
.xor-manual .dg-eng rect { fill: var(--tint); stroke: var(--line); stroke-width: 1.2; }
.xor-manual .dg-fx rect { fill: #2fb06a; }
.xor-manual .dg-vol rect { fill: #c9c83a; }
.xor-manual .dg-delay rect { fill: #9db3e8; }
.xor-manual .dg-osc rect { fill: #f06a2c; }
.xor-manual .dg-out rect { fill: none; stroke: var(--fg); stroke-width: 1.6; }
.xor-manual .dg-fx text,
.xor-manual .dg-vol text,
.xor-manual .dg-delay text,
.xor-manual .dg-osc text,
.xor-manual .dg-out text,
.xor-manual .dg-src > text { font: 600 11px var(--font-mono); text-anchor: middle; dominant-baseline: central; }
.xor-manual .dg-fx text,
.xor-manual .dg-vol text,
.xor-manual .dg-delay text,
.xor-manual .dg-osc text { fill: #000; }
.xor-manual .dg-osc text { font-size: 8.5px; }
.xor-manual g.dg-src:has(text) rect { fill: #f5c400; }
.xor-manual g.dg-src:has(text) text { fill: #000; }
.xor-manual .dg-key rect { fill: none; stroke: var(--line); stroke-width: 1.2; }
.xor-manual .dg-mod rect { fill: var(--tint); }
.xor-manual .dg-oct0 rect { fill: #9db3e8; stroke: none; }
.xor-manual .dg-oct1 rect { fill: #8be12c; stroke: none; }
.xor-manual .dg-oct2 rect { fill: #e86ce8; stroke: none; }
.xor-manual .dg .dg-kl { font: 9px var(--font-mono); fill: var(--muted); }
.xor-manual .dg-oct0 .dg-kl,
.xor-manual .dg-oct1 .dg-kl,
.xor-manual .dg-oct2 .dg-kl { fill: #000; opacity: .6; }
.xor-manual .dg .dg-kc { text-anchor: middle; dominant-baseline: central; font-size: 10px; }
.xor-manual .dg .dg-kn { font: 700 15px var(--font-mono); fill: #000; text-anchor: middle; }
.xor-manual .cheat { columns: 3 17rem; column-gap: 1.6rem; font-size: .82rem; line-height: 1.4; }
.xor-manual .cheat-group { break-inside: avoid-column; margin: 0 0 1rem; }
.xor-manual .cheat-group h4 { margin: 0 0 .35rem; padding: .15em .45em; background: var(--block); color: #000; font: 700 .75rem var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.xor-manual .cheat dl { margin: 0; }
.xor-manual .cheat dt { display: inline; font-weight: 600; }
.xor-manual .cheat dd { display: inline; margin: 0 0 0 .35em; color: var(--fg); }
.xor-manual .cheat dd::after { content: ""; display: block; margin-bottom: .3rem; }
.xor-manual .cheat kbd { font-size: .7rem; padding: 0 .3em; }
.xor-manual .maprow { display: grid; grid-template-columns: repeat(8, max-content); margin: 1rem 0 1.3rem; break-inside: avoid; }
.xor-manual .maprow .c { background: #000; color: #f2f2f2; font: 600 1rem/1 var(--font-mono); letter-spacing: .14em; white-space: pre; padding: .45rem .5rem; }
.xor-manual .maprow .c.n { color: #4be37a; padding-left: .8rem; }
.xor-manual .maprow .c.n.odd { color: #f2f2f2; }
.xor-manual .maprow .c.sep { color: #9aa3a8; }
.xor-manual .maprow .c.off { color: #5c6266; }
.xor-manual .maprow .c:nth-child(8n),
.xor-manual .maprow .c:last-of-type { padding-right: .8rem; }
.xor-manual .maprow .l { font: .7rem/1.3 var(--font-body); color: var(--muted); padding: .35rem .5rem 0; max-width: 8.5rem; }
.xor-manual { --g-kw: #33ff66; --g-ty: #5fd3a0; --g-bi: #ffb648; --g-nu: #ffd84a; --g-cm: #6f9479; --g-pp: #d08cff; --g-un: #8fd0ff; }
.xor-manual.is-light { --g-kw: #14823a; --g-ty: #0d7458; --g-bi: #a85a00; --g-nu: #876a00; --g-cm: #6a7f70; --g-pp: #8a3fb5; --g-un: #1d5f99; }
.xor-manual pre.glsl { background: var(--tint); border: 1px solid var(--line); border-left: 3px solid var(--block); border-radius: 3px;
  padding: .7rem 1rem; margin: .8rem 0 1.1rem; overflow-x: auto; font: .84rem/1.55 var(--font-mono); color: var(--fg); break-inside: avoid; }
.xor-manual pre.glsl code { font: inherit; }
.xor-manual .glsl .kw,
.xor-manual .glsl-u .kw { color: var(--g-kw); }
.xor-manual .glsl .ty,
.xor-manual .glsl-u .ty { color: var(--g-ty); }
.xor-manual .glsl .bi { color: var(--g-bi); }
.xor-manual .glsl .nu { color: var(--g-nu); }
.xor-manual .glsl .cm { color: var(--g-cm); font-style: italic; }
.xor-manual .glsl .pp { color: var(--g-pp); }
.xor-manual .glsl .un,
.xor-manual .glsl-u .un { color: var(--g-un); }
.xor-manual table.uniforms { font-size: .88rem; }
.xor-manual table.uniforms td { padding: .4rem .6rem; vertical-align: top; }
.xor-manual table.uniforms td:first-child { white-space: nowrap; width: 1%; }
.xor-manual code.glsl-u { font-size: .84rem; }
.xor-manual .cg-frame { fill: var(--tint); stroke: var(--line); }
.xor-manual .cg-axis { fill: none; stroke: var(--line); stroke-width: 1; }
.xor-manual .cg-ref { fill: none; stroke: var(--muted); stroke-width: 1; stroke-dasharray: 1 3; }
.xor-manual .cg-in { fill: none; stroke: var(--muted); stroke-width: 1.3; stroke-dasharray: 3 2; }
.xor-manual .cg-out { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; }
.xor-manual .cg-out2 { fill: none; stroke: var(--accent-2); stroke-width: 2; stroke-linejoin: round; }
.xor-manual .dg text.cg-name { font: 700 12px var(--font-mono); fill: var(--fg); }
.xor-manual .dg text.cg-note,
.xor-manual .dg text.cg-lab { font: 10px var(--font-body); fill: var(--muted); }
.xor-manual .dg text.mapo { font: 600 12px var(--font-mono); white-space: pre; letter-spacing: .04em; text-anchor: start; }
.xor-manual .cg-cell { fill: none; stroke: var(--muted); stroke-width: 1; }
.xor-manual .cg-cell.on { fill: var(--accent); stroke: var(--accent); }
.xor-manual .tt0 { fill: #4be37a; }
.xor-manual .tt1 { fill: #ffd84a; }
.xor-manual .tt2 { fill: #9db3e8; }
.xor-manual .dg text.tt-t { fill: #000; font: 700 11px var(--font-mono); }
.xor-manual .tt-cmd { stroke: var(--accent-2); stroke-width: 3; }
.xor-manual .ia-grp { fill: var(--tint); stroke: var(--line); }
.xor-manual .refgrid { columns: 2; column-gap: 2rem; margin: .4rem 0 1rem; }
.xor-manual .refgrid p { break-inside: avoid; margin: 0 0 .3rem; }
@media (max-width: 640px) {
	.xor-manual .refgrid { columns: 1; }
	
}
.xor-manual p.sub.maphead { margin-top: 2rem; padding-bottom: .25rem; border-bottom: 2px solid var(--accent-2); text-transform: none; letter-spacing: .02em; }
.xor-manual .mapcode { display: inline-block; min-width: 3.4em; margin-right: .7em; padding: .05em .45em; border-radius: 3px; background: var(--accent-2); color: var(--bg); font: 700 .95em var(--font-mono); letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.xor-manual p.entry.lead { border-bottom: 0; margin-bottom: 0; }
.xor-manual .mapkids { margin: 0 0 .8rem 1.4rem; padding: .3rem 0 .1rem .9rem; border-left: 2px solid var(--accent); }
.xor-manual .mapkids p.entry { border: 0; padding: .15rem 0; margin: 0; }
.xor-manual .mapkids.refgrid { columns: 2; column-gap: 2rem; }
@media (max-width: 640px) {
	.xor-manual .mapkids.refgrid { columns: 1; }
	
}
.xor-manual p.entry:has(+ .cont) { border-bottom: 0; margin-bottom: 0; }
.xor-manual .cont + p.entry,
.xor-manual .cont + .cont { margin-top: 0; }
.xor-manual p.cont { margin: 0 0 .5rem; }
.xor-manual aside.cont { margin-top: .2rem; }
.xor-manual .cont:where(:not(:has(+ p.entry, + .cont))) { margin-bottom: 1rem; }
.xor-manual .cg-cell.env { fill: var(--accent-2); stroke: var(--accent-2); }
.xor-manual .cg-clipzone { fill: var(--accent-2); fill-opacity: .1; }
@media screen {
	.xor-manual .toc li a.here { background: var(--tab); color: #000; }
	.xor-manual .toc li a.here .n { color: #000; }
	.xor-manual .topic { position: fixed; z-index: 5; top: 0; bottom: 0; left: 17rem; width: 1.4rem; padding-top: 1.6rem;
	           display: none; align-items: center; writing-mode: vertical-rl; white-space: nowrap; overflow: hidden;
	           background: var(--block); color: #000; pointer-events: none;
	           font: 700 .7rem/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; }
	.xor-manual .topic.on { display: flex; }
	.xor-manual .topic .c,
	.xor-manual .topic .s { opacity: .62; }
	.xor-manual .topic .s { margin: .7em 0; }
	
}
@media screen and (max-width: 980px) {
	.xor-manual .topic { bottom: auto; left: 0; right: 0; width: auto; padding: .45rem 1rem; writing-mode: horizontal-tb; }
	.xor-manual .topic .s { margin: 0 .7em; }
	
}

/* ---- manual-de.css ---- */
.xor-manual:lang(de) .ph-need::before { content: "Benötigt: "; }

/* ---- manual-fr.css ---- */
.xor-manual:lang(fr) .ph-need::before { content: "Requis\202F: "; }

/* ---- manual-es.css ---- */
.xor-manual:lang(es) .ph-need::before { content: "Requiere: "; }

/* ---- manual-nl.css ---- */
.xor-manual:lang(nl) .ph-need::before { content: "Vereist: "; }