/* Anatomy: neutral page shell; actor accents use the shared brand tokens. */
.anatomy-bug-design { padding:24px; margin:0 0 24px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.anatomy-bug-design[hidden] { display:none; }
.bug-design-heading { display:flex; align-items:start; gap:24px; justify-content:space-between; }
.bug-design-heading .panel-kicker { font-size:10px; color:var(--ink-soft); margin:0 0 10px; }
.bug-design-heading h3 { font:25px/1.2 Fraunces,serif; margin:0; }
.bug-design-heading>span { font:9px/1.5 'JetBrains Mono',monospace; color:var(--ink-soft); border:1px dashed var(--line); padding:7px 10px; border-radius:5px; flex-shrink:0; }
.bug-design-routes { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:24px; }
.bug-design-routes>div { border-top:2px solid var(--line); padding-top:14px; }
.bug-design-routes .bug-design-optional { border-top:2px dashed var(--pink); }
.bug-design-routes small { font:9px 'JetBrains Mono',monospace; color:var(--ink-soft); }
.bug-design-routes p { font-size:12px; line-height:1.7; color:var(--ink-soft); }
.bug-design-routes .bug-design-path { font:16px Inter,sans-serif; color:var(--ink); margin:15px 0; }
.bug-design-path span { color:var(--pink-ink); margin:0 10px; }
.bug-design-path b { font-weight:500; color:var(--pink-ink); }
.bug-design-source { border-top:1px solid var(--line); padding-top:14px; margin:16px 0 0; font-size:10px; line-height:1.8; color:var(--ink-soft); }
@media(max-width:700px) { .anatomy-bug-design { padding:20px; } .bug-design-heading { display:block; } .bug-design-heading>span { display:inline-block; margin-top:12px; } .bug-design-routes { grid-template-columns:1fr; gap:15px; } }
.anatomy-memory { max-width:1304px; padding:12px 32px 64px; margin:auto; }
.anatomy-memory-heading { border-top:1px solid var(--line); padding-top:45px; }
.anatomy-memory .section-number { color:var(--ink-soft); }
.anatomy-memory-heading h2 { font:600 clamp(30px,3.4vw,44px)/1.13 Fraunces,serif; letter-spacing:-.035em; margin:18px 0; }
.anatomy-memory-heading>p:last-child { max-width:790px; font-size:16px; color:var(--ink-soft); }
.anatomy-memory-foundations { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin:34px 0; }
.memory-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:8px; margin-bottom:16px; }
.memory-violet { color:var(--violet-ink); background:color-mix(in srgb,var(--violet) 10%,var(--surface)); }
.memory-teal { color:var(--teal-ink); background:color-mix(in srgb,var(--teal) 10%,var(--surface)); }
.memory-pink { color:var(--pink-ink); background:color-mix(in srgb,var(--pink) 10%,var(--surface)); }
.anatomy-memory-foundations h3 { font:23px/1.2 Fraunces,serif; margin:0 0 12px; }
.anatomy-memory-foundations p { font-size:13px; color:var(--ink-soft); line-height:1.75; }
.anatomy-memory-foundations code { font-size:10px; }
.anatomy-memory-lab { display:grid; grid-template-columns:.85fr 1.4fr; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--surface); }
.anatomy-memory-questions { padding:28px; background:var(--paper); border-right:1px solid var(--line); }
.anatomy-memory-questions h3,.anatomy-memory-answer h3 { font:27px/1.2 Fraunces,serif; margin:10px 0 15px; }
.anatomy-memory-questions>p { font-size:13px; color:var(--ink-soft); }
.anatomy-memory-questions .panel-kicker,.anatomy-memory-answer .panel-kicker { font-size:10px; }
.anatomy-memory-questions [role=group] { display:grid; gap:9px; margin-top:25px; }
.anatomy-memory-questions button { background:var(--surface); border:1px solid var(--line); border-radius:7px; color:var(--ink-soft); padding:14px; font:12px/1.4 Inter,sans-serif; text-align:left; display:flex; justify-content:space-between; gap:12px; cursor:pointer; }
.anatomy-memory-questions button[aria-pressed=true] { border-color:var(--ink-soft); color:var(--ink); }
.anatomy-memory-questions button[aria-pressed=true] span { color:var(--pink-ink); }
.anatomy-memory-answer { padding:28px 30px; min-height:665px; }
.anatomy-memory-answer>p { font-size:13px; color:var(--ink-soft); }
.anatomy-memory-answer ol { list-style:none; padding:0; margin:24px 0; }
.anatomy-memory-answer li { border-left:2px solid var(--line); padding:0 0 0 16px; margin-bottom:23px; }
.anatomy-memory-answer .memory-evidence-violet { border-color:var(--violet); }
.anatomy-memory-answer .memory-evidence-teal { border-color:var(--teal); }
.anatomy-memory-answer .memory-evidence-pink { border-color:var(--pink); }
.anatomy-memory-answer .memory-evidence-blue { border-color:var(--blue); }
.anatomy-memory-answer li small { font:9px 'JetBrains Mono',monospace; color:var(--ink-soft); text-transform:uppercase; }
.anatomy-memory-answer li code { display:block; font:10px/1.7 'JetBrains Mono',monospace; overflow-wrap:anywhere; margin-top:7px; }
.anatomy-memory-answer li p { font-size:12px; line-height:1.7; color:var(--ink-soft); margin-bottom:0; }
.anatomy-memory-answer .memory-takeaway { border-top:1px solid var(--line); padding-top:16px; font-size:12px; color:var(--ink); }
.anatomy-memory-compounding { display:grid; grid-template-columns:.95fr 1.2fr; gap:36px 60px; margin-top:36px; padding:38px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.memory-compounding-intro { align-self:center; }
.memory-compounding-intro .panel-kicker { font:10px 'JetBrains Mono',monospace; color:var(--ink-soft); margin:0 0 20px; }
.memory-compounding-intro h3 { font:600 clamp(30px,3vw,40px)/1.1 Fraunces,serif; letter-spacing:-.035em; margin:0 0 22px; }
.memory-compounding-intro h3 em { font-style:normal; text-decoration:underline; text-decoration-color:color-mix(in srgb,var(--pink) 48%,var(--paper)); text-decoration-thickness:4px; text-underline-offset:6px; }
.memory-compounding-intro>p:not(.panel-kicker) { font-size:14px; line-height:1.8; color:var(--ink-soft); margin-bottom:24px; max-width:430px; }
.memory-compounding-intro a { display:inline-flex; gap:12px; font-size:12px; text-underline-offset:5px; }
.memory-compounding-intro a span { color:var(--pink-ink); }
.memory-context-label { font:9px 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft); margin:0 0 15px; }
.memory-context-bundle { list-style:none; padding:0 18px; margin:0; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
.memory-context-bundle li { display:grid; grid-template-columns:28px 1fr auto; align-items:start; gap:12px; padding:18px 0; }
.memory-context-bundle li+li { border-top:1px solid var(--line); }
.context-mark { width:26px; height:26px; display:grid; place-items:center; border-radius:6px; font:9px 'JetBrains Mono',monospace; }
.context-intent .context-mark { color:var(--teal-ink); background:color-mix(in srgb,var(--teal) 10%,var(--surface)); }
.context-decisions .context-mark { color:var(--violet-ink); background:color-mix(in srgb,var(--violet) 10%,var(--surface)); }
.context-opportunities .context-mark { color:var(--pink-ink); background:color-mix(in srgb,var(--pink) 10%,var(--surface)); }
.memory-context-bundle strong { display:block; font:600 12px Inter,sans-serif; margin:2px 0 6px; }
.memory-context-bundle p { font-size:11px; line-height:1.65; color:var(--ink-soft); margin:0; }
.memory-context-bundle small { font:8px 'JetBrains Mono',monospace; color:var(--ink-soft); margin-top:5px; white-space:nowrap; }
.memory-context-connector { display:flex; justify-content:center; height:37px; align-items:center; color:var(--pink-ink); font-size:24px; }
.memory-context-recipient { display:flex; align-items:center; gap:14px; border:1px solid var(--line); border-radius:10px; padding:17px 20px; }
.context-person { width:34px; height:34px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; flex-shrink:0; }
.context-person svg { width:22px; height:22px; }
.memory-context-recipient small { display:block; font:9px 'JetBrains Mono',monospace; color:var(--ink-soft); margin-bottom:5px; }
.memory-context-recipient strong { display:block; font:19px/1.25 Fraunces,serif; }
.memory-compounding-footer { grid-column:1/-1; border-top:1px solid var(--line); padding-top:22px; display:grid; grid-template-columns:.95fr 1.2fr; gap:60px; align-items:center; }
.memory-compounding-footer>span { font-size:11px; line-height:1.7; color:var(--ink-soft); }
.memory-compounding-footer b { font-weight:500; color:var(--ink); }
.memory-compounding-footer .anatomy-memory-limit { font-size:10px; line-height:1.8; color:var(--ink-soft); margin:0; }
@media(max-width:900px) { .anatomy-memory-compounding { gap:28px; padding:28px; } .memory-context-bundle li { grid-template-columns:26px 1fr; } .memory-context-bundle small { grid-column:2; margin:0; } .memory-compounding-footer { gap:28px; } }
@media(max-width:700px) { .anatomy-memory-compounding { grid-template-columns:1fr; padding:24px 20px; margin-top:26px; } .memory-compounding-intro h3 { font-size:34px; } .memory-compounding-intro>p:not(.panel-kicker) { font-size:13px; } .memory-compounding-footer { grid-template-columns:1fr; gap:12px; } .memory-context-bundle { padding:0 14px; } .memory-context-recipient { padding:15px; } }
@media(max-width:700px) { .anatomy-memory { padding:8px 20px 40px; } .anatomy-memory-heading { padding-top:30px; } .anatomy-memory-heading>p:last-child { font-size:14px; } .anatomy-memory-foundations { grid-template-columns:1fr; gap:26px; } .anatomy-memory-lab { grid-template-columns:1fr; } .anatomy-memory-questions { border-right:0; border-bottom:1px solid var(--line); padding:22px; } .anatomy-memory-answer { padding:22px; min-height:0; } }
/* Ledger accents identify storage destinations; verdict colors retain their status meaning. */
#ledger-docs { --ledger-accent:var(--teal); --ledger-ink:var(--teal-ink); }
#ledger-git { --ledger-accent:var(--pink); --ledger-ink:var(--pink-ink); }
#ledger-db { --ledger-accent:var(--violet); --ledger-ink:var(--violet-ink); }
#ledger-github { --ledger-accent:var(--blue); --ledger-ink:var(--blue-ink); }
.anatomy-ledger>header>span { width:27px; height:27px; display:grid; place-items:center; color:var(--ledger-ink); background:color-mix(in srgb,var(--ledger-accent) 10%,var(--surface)); border-radius:6px; }
.page-anatomy .anatomy-ledger>header b,#ledger-db .anatomy-run-counts b,#ledger-db .anatomy-table-counts dd { color:var(--ledger-ink); }
.page-anatomy .anatomy-ledger-tabs button[aria-selected=true] { border-bottom-color:var(--ledger-ink,var(--ink)); color:var(--ledger-ink,var(--ink)); }
#ledger-tab-docs { --ledger-ink:var(--teal-ink); }
#ledger-tab-git { --ledger-ink:var(--pink-ink); }
#ledger-tab-db { --ledger-ink:var(--violet-ink); }
#ledger-tab-github { --ledger-ink:var(--blue-ink); }
.anatomy-tdd { margin:0 28px 20px; padding:14px 16px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
.anatomy-tdd[hidden] { display:none; }
.anatomy-tdd>strong { font:10px 'JetBrains Mono',monospace; color:var(--magenta-ink); }
.anatomy-tdd ol { display:flex; gap:10px; padding:0; margin:12px 0 9px; list-style:none; flex-wrap:wrap; }
.anatomy-tdd li { font:10px 'JetBrains Mono',monospace; padding:8px 10px; border:1px solid var(--line); border-radius:5px; color:var(--ink-soft); }
.anatomy-tdd li.is-reached { border-color:var(--ink-soft); color:var(--ink); }
.anatomy-tdd li.is-current { border-color:var(--ink); color:var(--ink); }
.anatomy-tdd [data-tdd=red].is-reached { color:var(--red); border-color:var(--red); }
.anatomy-tdd [data-tdd=green].is-reached { color:var(--green-ink); border-color:var(--green); }
.anatomy-tdd [data-tdd=red].is-current { background:color-mix(in srgb,var(--red) 14%,var(--paper)); }
.anatomy-tdd [data-tdd=green].is-current { background:color-mix(in srgb,var(--green) 14%,var(--paper)); }
.anatomy-tdd>span { font-size:10px; color:var(--ink-soft); }
.anatomy-learning-branch { margin-top:30px; border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; }
.anatomy-learning-branch>summary { list-style:none; padding:22px 24px; display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; }
.anatomy-learning-branch>summary::-webkit-details-marker { display:none; }
.anatomy-learning-branch summary small { display:block; color:var(--violet-ink); font:10px 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.04em; margin-bottom:9px; }
.anatomy-learning-branch summary strong { font:25px Fraunces,serif; }
.anatomy-learning-open { font-size:11px; color:var(--ink-soft); }
.anatomy-learning-content { padding:0 24px 24px; }
.anatomy-learning-intro { color:var(--ink-soft); font-size:13px; max-width:880px; margin:0 0 23px; }
.anatomy-learning-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.anatomy-learning-steps li { padding-top:15px; border-top:2px solid var(--line); }
.anatomy-learning-steps li:first-child { border-color:var(--violet); }
.anatomy-learning-steps li:nth-child(3) { border-color:var(--teal); }
.anatomy-learning-steps small { font:9px 'JetBrains Mono',monospace; text-transform:uppercase; color:var(--ink-soft); }
.anatomy-learning-steps h3 { font:22px Fraunces,serif; margin:12px 0; }
.anatomy-learning-steps p { font-size:12px; line-height:1.7; color:var(--ink-soft); }
.anatomy-learning-steps code { display:block; font-size:10px; overflow-wrap:anywhere; }
.anatomy-learning-steps b { display:block; font-size:10px; font-weight:500; margin-top:12px; }
.anatomy-learning-boundary { font-size:10px; color:var(--ink-soft); margin:24px 0 15px; border-top:1px solid var(--line); padding-top:15px; }
.anatomy-learning-links { display:flex; gap:22px; flex-wrap:wrap; font-size:11px; }
.anatomy-learning-trigger { margin:0 28px 20px; padding:10px 14px; border:1px solid var(--line); border-radius:7px; background:var(--paper); color:var(--violet-ink); font:12px Inter,sans-serif; cursor:pointer; }
.anatomy-learning-trigger[hidden] { display:none; }
@media(max-width:700px) { .anatomy-tdd { margin:0 16px 18px; padding:12px; } .anatomy-tdd ol { gap:6px; } .anatomy-tdd li { font-size:9px; } .anatomy-learning-branch>summary { padding:20px; display:block; } .anatomy-learning-open { display:block; margin-top:10px; } .anatomy-learning-content { padding:0 20px 20px; } .anatomy-learning-steps { grid-template-columns:1fr; gap:22px; } }
.anatomy-mast { max-width:1304px; margin:auto; padding:72px 32px 48px; display:grid; grid-template-columns:1.5fr 1fr; gap:64px; align-items:center; }
.anatomy-mast .eyebrow { margin-top:30px; }
.anatomy-mast .eyebrow,.anatomy-lessons .section-number { color:var(--ink-soft); }
.anatomy-mast h1 { font-size:clamp(48px,5.3vw,76px); line-height:1.02; letter-spacing:-.045em; margin:18px 0 24px; }
.anatomy-mast h1 em { font-style:normal; text-decoration:underline; text-decoration-color:var(--line); text-decoration-thickness:7px; text-underline-offset:9px; }
.anatomy-mast .lede { max-width:650px; font-size:18px; }
.anatomy-mast-note { text-align:center; color:var(--ink-soft); position:relative; padding:24px; }
.anatomy-mast-note .handwritten { font:32px/1.1 Caveat,cursive; color:var(--ink); transform:rotate(-4deg); margin:24px 0 18px; }
.anatomy-mast-note>p:last-child { font-size:13px; }
.anatomy-orbit { display:block; width:210px; height:108px; border:1px solid var(--line); border-radius:50%; margin:auto; transform:rotate(-14deg); position:relative; }
.anatomy-orbit:before { content:''; position:absolute; inset:14px -10px; border:1px solid var(--line); border-radius:50%; transform:rotate(39deg); }
.anatomy-orbit b { display:block; font:26px/108px 'JetBrains Mono',monospace; transform:rotate(14deg); font-weight:400; color:var(--ink); }
.anatomy-orbit i { position:absolute; width:13px; height:13px; border-radius:50%; background:var(--teal); left:6px; top:18px; box-shadow:0 0 0 6px var(--paper); }
.anatomy-orbit i:nth-child(2) { background:var(--violet); left:88px; top:-7px; }
.anatomy-orbit i:nth-child(3) { background:var(--pink); left:191px; top:44px; }
.anatomy-orbit i:nth-child(4) { background:var(--yellow); left:89px; top:99px; }
.anatomy-lab { max-width:1304px; margin:auto; padding:24px 32px 72px; }
.anatomy-lab-top { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:16px; }
.anatomy-lab-top p { margin:0; }
.anatomy-demo-label { font:11px 'JetBrains Mono',monospace; color:var(--ink-soft); }
.anatomy-tabs { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; }
.anatomy-tabs button { min-height:70px; padding:18px; background:none; border:0; color:var(--ink-soft); font:600 15px Inter,sans-serif; cursor:pointer; border-right:1px solid var(--line); position:relative; }
.anatomy-tabs button:last-child { border-right:0; }
.anatomy-tabs button span { font:11px 'JetBrains Mono',monospace; margin-right:14px; opacity:.7; }
.anatomy-tabs button[aria-selected=true] { color:var(--ink); background:var(--paper); }
.anatomy-tabs button[aria-selected=true]:after { content:''; height:3px; background:var(--ink); position:absolute; bottom:0; left:24px; right:24px; }
.anatomy-request { padding:32px 2px 25px; }
.anatomy-request>code { font:12px 'JetBrains Mono',monospace; color:var(--blue-ink); }
.anatomy-request>code[data-mode=bug] { color:var(--red); }
.anatomy-request>code[data-mode=triage] { color:var(--coral-ink); }
.anatomy-request h2 { font-size:clamp(24px,2.3vw,32px); letter-spacing:-.025em; margin:9px 0; }
.anatomy-request p { font-size:14px; color:var(--ink-soft); margin:0; }
.anatomy-workbench { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--surface); box-shadow:0 14px 36px color-mix(in srgb,var(--ink) 4%,transparent); }
.anatomy-control-plane { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; background:var(--paper); border-bottom:1px solid var(--line); gap:20px; }
.anatomy-control-plane>div { display:flex; align-items:center; gap:12px; }
.anatomy-control-plane strong { font-size:13px; }
.anatomy-control-plane #dispatcher-kind { font-size:11px; color:var(--ink-soft); }
.anatomy-dispatch-icon { font-size:22px; }
.anatomy-control-plane dl { display:flex; gap:24px; margin:0; }
.anatomy-control-plane dl div { display:flex; align-items:center; gap:8px; }
.anatomy-control-plane dt { font:10px 'JetBrains Mono',monospace; color:var(--ink-soft); }
.anatomy-control-plane dd { font:11px 'JetBrains Mono',monospace; margin:0; }
.anatomy-control-plane.is-dispatching { box-shadow:inset 3px 0 0 var(--ink-soft); }
.anatomy-route { padding:30px 32px 8px; background-image:radial-gradient(var(--line) .7px,transparent .7px); background-size:17px 17px; }
.anatomy-stations { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; position:relative; }
.anatomy-stations:before { content:''; position:absolute; left:6%; right:6%; top:35px; height:1px; background:var(--line); }
.anatomy-station { --actor:var(--ink-soft); --actor-ink:var(--ink-soft); background:var(--surface); border:1px solid var(--line); border-radius:10px; min-width:0; padding:14px 5px 11px; text-align:center; position:relative; transition:border-color .2s,box-shadow .2s,background .2s; }
.anatomy-station.actor-human { border:0; background:var(--surface); border-radius:60px; }
.actor-discovery { --actor:var(--teal); --actor-ink:var(--teal-ink); }
.actor-architect { --actor:var(--violet); --actor-ink:var(--violet-ink); }
.actor-design { --actor:var(--pink); --actor-ink:var(--pink-ink); }
.actor-engineer { --actor:var(--magenta); --actor-ink:var(--magenta-ink); }
.actor-triage { --actor:var(--coral); --actor-ink:var(--coral-ink); }
.actor-code,.actor-security,.actor-performance,.actor-fidelity { --actor:var(--yellow); --actor-ink:var(--yellow-ink); }
.actor-security { --actor:color-mix(in srgb,var(--yellow) 76%,var(--paper)); }
.actor-performance { --actor:color-mix(in srgb,var(--yellow) 86%,var(--ink)); }
.actor-fidelity { --actor:color-mix(in srgb,var(--yellow) 62%,var(--paper)); }
.anatomy-station-icon { color:var(--actor-ink); display:flex; align-items:center; justify-content:center; margin:0 auto 8px; width:30px; height:30px; }
.anatomy-station-icon svg { width:24px; height:24px; }
.anatomy-station strong { display:block; font-size:12px; line-height:1.3; }
.anatomy-station small { display:block; font-size:9px; line-height:1.3; margin-top:5px; color:var(--ink-soft); }
.anatomy-station.is-active { border-color:var(--actor); box-shadow:0 0 0 3px color-mix(in srgb,var(--actor) 17%,transparent); background:color-mix(in srgb,var(--actor) 7%,var(--surface)); }
.anatomy-station.is-active:after { content:''; position:absolute; top:-4px; right:11px; width:7px; height:7px; border-radius:50%; background:var(--actor); }
.anatomy-station.is-complete:not(.is-active) { border-bottom:2px solid var(--actor); }
.anatomy-review-batch { max-width:740px; margin:20px 0 0 auto; padding:12px; border:1px dashed var(--line); border-radius:12px; background:var(--paper); position:relative; }
.anatomy-review-batch:before { content:''; position:absolute; top:-21px; right:9%; height:20px; border-left:1px solid var(--line); }
.anatomy-batch-caption { display:flex; justify-content:space-between; font:9px 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-soft); margin-bottom:12px; gap:10px; }
.anatomy-review-stations { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.anatomy-review-stations .anatomy-station { padding:9px 4px; }
.anatomy-review-stations .anatomy-station-icon { margin-bottom:4px; height:23px; }
.anatomy-return { min-height:34px; display:flex; align-items:center; gap:14px; font:10px 'JetBrains Mono',monospace; color:var(--ink-soft); margin:8px 0 0 35%; }
.anatomy-return i { flex:1; height:1px; border-top:1px dashed var(--line); position:relative; }
.is-loop .anatomy-return { color:var(--magenta-ink); }
.is-loop .anatomy-return i { border-color:var(--magenta); }
.is-loop .anatomy-return i:after { content:''; position:absolute; width:8px; height:6px; background:var(--magenta); top:-4px; animation:anatomy-return 1.3s ease-out 1; }
@keyframes anatomy-return { from { right:0; } to { right:100%; } }
.mode-bug .anatomy-stations { grid-template-columns:repeat(4,1fr); }
.mode-triage .anatomy-stations { grid-template-columns:repeat(2,1fr); max-width:500px; margin:0 auto; }
.mode-triage { padding-top:42px; padding-bottom:28px; }
.anatomy-triage-boundary { margin-top:28px; text-align:center; font:11px/1.8 'JetBrains Mono',monospace; color:var(--coral-ink); }
.anatomy-branch { display:flex; gap:14px; align-items:center; padding:13px 24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper); }
.anatomy-branch-graphic { width:46px; height:30px; position:relative; border-top:1px solid var(--ink-soft); margin-top:14px; flex-shrink:0; }
.anatomy-branch-graphic:before { content:''; position:absolute; left:0; top:-3px; width:5px; height:5px; background:var(--ink-soft); border-radius:50%; }
.is-split .anatomy-branch-graphic i { position:absolute; left:10px; right:0; top:0; height:18px; border:1px solid var(--ink-soft); border-top:0; border-right:0; border-radius:0 0 0 9px; }
.anatomy-branch>div { min-width:0; }
.anatomy-branch small { display:block; font:8px 'JetBrains Mono',monospace; color:var(--ink-soft); }
.anatomy-branch code { display:block; font-size:10px; overflow-wrap:anywhere; }
.anatomy-branch>span:last-child { margin-left:auto; font-size:10px; color:var(--ink-soft); }
.anatomy-narration { padding:27px 28px; display:grid; grid-template-columns:48px 1fr; gap:18px; min-height:185px; }
.anatomy-beat-number { font:30px/1.1 Fraunces,serif; color:var(--ink-soft); border-top:2px solid var(--line); padding-top:11px; }
.anatomy-beat-phase { margin:0 0 8px; font:10px 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-soft); }
.anatomy-narration h3 { font:600 27px/1.2 Fraunces,serif; letter-spacing:-.02em; margin:0 0 10px; }
.anatomy-narration #beat-body { margin:0; font-size:14px; line-height:1.65; max-width:960px; color:var(--ink-soft); }
.anatomy-narration #beat-annotation { display:block; font-size:11px; margin-top:12px; overflow-wrap:anywhere; color:var(--ink); }
.anatomy-narration #beat-annotation[hidden] { display:none; }
.anatomy-narration.is-loop { background:color-mix(in srgb,var(--magenta) 5%,var(--surface)); }
.anatomy-narration.is-warning { background:color-mix(in srgb,var(--yellow) 10%,var(--surface)); }
.anatomy-narration.is-breaker { background:color-mix(in srgb,var(--red) 8%,var(--surface)); border-left:4px solid var(--red); }
.anatomy-handoff { margin:0 28px; padding:14px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr auto; gap:20px; align-items:center; }
.anatomy-handoff span { font:9px 'JetBrains Mono',monospace; text-transform:uppercase; color:var(--ink-soft); }
.anatomy-handoff p { margin:3px 0 0; font:10px/1.6 'JetBrains Mono',monospace; overflow-wrap:anywhere; }
.anatomy-handoff a { font-size:11px; text-underline-offset:4px; }
.anatomy-player { display:flex; gap:24px; align-items:center; padding:18px 24px; border-top:1px solid var(--line); background:var(--paper); }
.anatomy-player-buttons { display:flex; gap:6px; }
.anatomy-player button,.anatomy-jumps button { color:var(--ink); cursor:pointer; border:1px solid var(--line); border-radius:7px; background:var(--surface); font:12px Inter,sans-serif; min-height:40px; padding:0 13px; }
.anatomy-player button:disabled { opacity:.4; cursor:default; }
.anatomy-player #play-pause { min-width:100px; background:var(--ink); color:var(--paper); border-color:var(--ink); }
.anatomy-scrubber { flex:1; }
.anatomy-scrubber label { display:flex; justify-content:space-between; font:10px 'JetBrains Mono',monospace; }
.anatomy-scrubber input { width:100%; display:block; accent-color:var(--ink); margin:5px 0 0; cursor:pointer; height:20px; }
.anatomy-speed { display:flex; align-items:center; gap:8px; font-size:10px; color:var(--ink-soft); }
.anatomy-speed select,.anatomy-jumps select { border:1px solid var(--line); border-radius:6px; padding:8px; background:var(--surface); color:var(--ink); font:11px Inter,sans-serif; min-height:38px; }
.anatomy-jumps { padding:13px 24px; border-top:1px solid var(--line); display:flex; gap:16px; align-items:center; justify-content:space-between; }
.anatomy-jumps>label { display:flex; gap:9px; align-items:center; font-size:10px; color:var(--ink-soft); min-width:0; }
.anatomy-jumps select { width:240px; max-width:100%; }
.anatomy-jumps>div { display:flex; gap:7px; flex-wrap:wrap; }
.anatomy-jumps button { min-height:34px; font-size:10px; padding:0 10px; }
.anatomy-jumps button[aria-pressed=true] { border-color:var(--red); }
.anatomy-jumps button[hidden] { display:none; }
.anatomy-ledger-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; margin:36px 0 20px; }
.anatomy-ledger-heading .panel-kicker { font-size:10px; margin:0 0 9px; }
.anatomy-ledger-heading h3 { font:26px/1.2 Fraunces,serif; margin:0; }
.anatomy-ledger-heading>p { margin:0; font-size:12px; color:var(--ink-soft); }
.anatomy-ledgers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.anatomy-ledger { min-width:0; border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; display:flex; flex-direction:column; }
.anatomy-ledger>header { display:flex; align-items:center; gap:8px; padding:14px; border-bottom:1px solid var(--line); }
.anatomy-ledger h4 { font:600 12px Inter,sans-serif; margin:0; }
.anatomy-ledger header b { margin-left:auto; font:9px 'JetBrains Mono',monospace; color:var(--ink-soft); }
.anatomy-ledger-meta { min-height:55px; padding:11px 14px; border-bottom:1px solid var(--line); background:var(--paper); }
.anatomy-ledger-meta code { display:block; font-size:9px; line-height:1.65; overflow-wrap:anywhere; color:var(--ink-soft); }
.anatomy-ledger-body { height:320px; overflow-y:auto; overscroll-behavior:contain; padding:8px 14px; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
.anatomy-ledger>footer { padding:11px 14px; border-top:1px solid var(--line); font-size:9px; color:var(--ink-soft); line-height:1.5; min-height:49px; margin-top:auto; }
.anatomy-empty { font:14px/1.6 Fraunces,serif; color:var(--ink-soft); max-width:180px; margin:27px 0; }
.anatomy-file { padding:10px 0; border-bottom:1px solid var(--line); }
.anatomy-file code { font:10px/1.7 'JetBrains Mono',monospace; overflow-wrap:anywhere; display:block; color:var(--actor-ink,var(--ink)); }
.anatomy-file.actor-intake { --actor-ink:var(--red); }
.anatomy-file.actor-orchestrator { --actor-ink:var(--ink-soft); }
.anatomy-file span,.anatomy-file small { display:block; font-size:9px; color:var(--ink-soft); margin:4px 0 0; }
.anatomy-file.is-new { animation:anatomy-highlight .9s ease-out 1; }
@keyframes anatomy-highlight { from { background:color-mix(in srgb,var(--teal) 18%,transparent); } to { background:transparent; } }
.anatomy-commit { border-left:2px solid var(--line); margin:10px 0 13px 3px; padding:0 0 0 11px; position:relative; }
.anatomy-commit:before { content:''; position:absolute; width:6px; height:6px; border-radius:50%; background:var(--ink-soft); left:-4px; top:3px; }
.anatomy-commit small { display:block; font-size:9px; color:var(--ink-soft); }
.anatomy-commit p { margin:4px 0; font-size:11px; line-height:1.45; }
.anatomy-commit span { font-size:9px; color:var(--ink-soft); }
.anatomy-commit.code-commit { border-color:var(--magenta); }
.anatomy-commit.code-commit:before { background:var(--magenta); }
.anatomy-commit.code-commit small { color:var(--magenta-ink); }
.anatomy-run-counts { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); padding:8px 0 15px; gap:10px; }
.anatomy-run-counts span { font-size:10px; color:var(--ink-soft); }
.anatomy-run-counts b { display:block; font:34px Fraunces,serif; color:var(--ink); margin-bottom:2px; }
.anatomy-table-counts { margin:10px 0; }
.anatomy-table-counts>div { display:flex; justify-content:space-between; font:10px 'JetBrains Mono',monospace; padding:6px 0; }
.anatomy-table-counts dd { margin:0; }
.anatomy-db-note { font-size:9px; line-height:1.6; color:var(--ink-soft); }
.anatomy-db-note code { font-size:9px; }
.anatomy-scores { border-top:1px solid var(--line); margin-top:12px; padding-top:10px; }
.anatomy-scores>small { font-size:9px; color:var(--ink-soft); }
.anatomy-scores span { display:flex; justify-content:space-between; font-size:10px; margin-top:5px; }
.anatomy-scores b { font-weight:500; }
.anatomy-remote-item { padding:10px 0; border-bottom:1px solid var(--line); }
.anatomy-remote-item small,.anatomy-project>small,.anatomy-pr small { font:8px 'JetBrains Mono',monospace; color:var(--ink-soft); }
.anatomy-remote-item strong,.anatomy-pr strong { font-size:11px; display:block; margin:5px 0; }
.anatomy-remote-item p { font-size:10px; color:var(--ink-soft); margin:3px 0 0; }
.anatomy-project { background:var(--paper); padding:10px; border-radius:6px; margin-top:12px; }
.anatomy-project p { padding:8px; border:1px solid var(--line); background:var(--surface); font-size:10px; line-height:1.5; border-radius:4px; margin:8px 0 0; }
.anatomy-duplicate { font-size:9px; color:var(--ink-soft); }
.anatomy-pr { padding:12px; border:1px solid var(--green); border-radius:7px; margin:12px 0; background:color-mix(in srgb,var(--green) 5%,var(--surface)); }
.anatomy-pr code { display:block; font-size:9px; overflow-wrap:anywhere; }
.anatomy-pr p { font-size:10px; margin:5px 0 0; }
.anatomy-example-note { font-size:10px; line-height:1.7; color:var(--ink-soft); margin:15px 0 0; max-width:980px; }
.anatomy-ledger-tabs { display:none; }
.anatomy-lessons { max-width:1304px; padding:24px 32px 80px; margin:auto; }
.anatomy-lessons-heading { border-top:1px solid var(--line); padding-top:48px; }
.anatomy-lessons-heading h2 { font-size:clamp(30px,3.5vw,44px); line-height:1.13; letter-spacing:-.035em; margin:17px 0; }
.anatomy-lessons-heading>p:last-child { max-width:650px; color:var(--ink-soft); font-size:15px; }
.anatomy-lesson-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:35px; }
.anatomy-lesson-grid article { border-top:1px solid var(--line); padding-top:18px; }
.anatomy-lesson-index { font:11px 'JetBrains Mono',monospace; color:var(--ink-soft); }
.anatomy-lesson-grid h3 { font:23px/1.2 Fraunces,serif; margin:15px 0; }
.anatomy-lesson-grid p { font-size:13px; color:var(--ink-soft); line-height:1.7; }
.anatomy-lesson-grid a { font-size:12px; text-underline-offset:4px; }
.anatomy-scope-key { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:30px; border:1px solid var(--line); border-radius:12px; margin-top:48px; background:var(--surface); }
.anatomy-scope-key h3 { font:26px Fraunces,serif; margin:10px 0; }
.anatomy-scope-key p { font-size:13px; color:var(--ink-soft); }
.anatomy-scope-key .panel-kicker { font-size:10px; }
.anatomy-scope-key dl { margin:0; align-self:center; }
.anatomy-scope-key dl>div { display:flex; gap:20px; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--line); font-size:11px; }
.anatomy-scope-key dd { margin:0; text-align:right; color:var(--ink-soft); }
.anatomy-scope-key code { font-size:10px; }
.anatomy-source-note { border-bottom:1px solid var(--line); padding:20px 0; margin-top:18px; font-size:12px; color:var(--ink-soft); }
.anatomy-source-note summary { cursor:pointer; color:var(--ink); font-size:13px; }
.anatomy-source-note p { max-width:900px; line-height:1.8; }
.page-anatomy button:focus-visible,.page-anatomy select:focus-visible,.page-anatomy input:focus-visible,.page-anatomy [tabindex]:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
@media(min-width:701px) and (max-width:1050px) { .anatomy-ledgers { grid-template-columns:repeat(2,minmax(0,1fr)); } .anatomy-control-plane #dispatcher-kind { display:none; } .anatomy-jumps { flex-wrap:wrap; } }
@media(max-width:700px) {
  .anatomy-mast { padding:40px 20px 28px; display:block; }
  .anatomy-mast h1 { font-size:52px; }
  .anatomy-mast .lede { font-size:16px; }
  .anatomy-mast-note { display:none; }
  .anatomy-lab { padding:16px 16px 44px; }
  .anatomy-lab-top { align-items:start; gap:12px; }
  .anatomy-lab-top .panel-kicker { font-size:9px; }
  .anatomy-demo-label { font-size:9px; max-width:118px; text-align:right; }
  .anatomy-tabs button { font-size:11px; padding:12px 7px; min-height:63px; }
  .anatomy-tabs button span { display:block; margin:0 0 5px; font-size:9px; }
  .anatomy-tabs button[aria-selected=true]:after { left:10px; right:10px; }
  .anatomy-request { padding:24px 3px; }
  .anatomy-request h2 { font-size:25px; }
  .anatomy-request p { font-size:12px; }
  .anatomy-control-plane { display:block; padding:12px 15px; }
  .anatomy-control-plane>div { gap:8px; }
  .anatomy-control-plane #dispatcher-kind { font-size:9px; }
  .anatomy-control-plane dl { margin-top:10px; padding-top:10px; border-top:1px solid var(--line); justify-content:space-between; gap:8px; }
  .anatomy-control-plane dd { font-size:9px; }
  .anatomy-route { padding:22px 14px 7px; }
  .anatomy-stations { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
  .anatomy-stations:before { display:none; }
  .anatomy-station { padding:10px 3px; }
  .anatomy-station strong { font-size:10px; }
  .anatomy-station small { font-size:8px; }
  .anatomy-station-icon { margin-bottom:5px; }
  .anatomy-review-stations { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .anatomy-review-batch { margin-top:16px; padding:10px; }
  .anatomy-batch-caption { font-size:8px; }
  .anatomy-return { margin-left:0; font-size:8px; }
  .mode-bug .anatomy-stations { grid-template-columns:repeat(2,1fr); }
  .mode-triage .anatomy-stations { grid-template-columns:repeat(2,1fr); }
  .anatomy-branch { padding:10px 14px; gap:10px; }
  .anatomy-branch>span:last-child { display:none; }
  .anatomy-branch code { font-size:8px; }
  .anatomy-narration { padding:22px 16px; grid-template-columns:27px 1fr; gap:12px; min-height:250px; }
  .anatomy-beat-number { font-size:23px; }
  .anatomy-narration h3 { font-size:24px; }
  .anatomy-narration #beat-body { font-size:12px; }
  .anatomy-narration #beat-annotation { font-size:9px; }
  .anatomy-handoff { margin:0 16px; grid-template-columns:1fr 1fr; gap:12px; }
  .anatomy-handoff a { grid-column:1/-1; font-size:10px; }
  .anatomy-handoff p { font-size:8px; }
  .anatomy-player { padding:16px; display:grid; grid-template-columns:1fr auto; gap:14px; }
  .anatomy-scrubber { grid-row:2; grid-column:1/-1; }
  .anatomy-speed { grid-column:2; grid-row:1; flex-direction:column; gap:3px; font-size:9px; }
  .anatomy-speed select { min-height:31px; }
  .anatomy-jumps { padding:14px 16px; display:block; }
  .anatomy-jumps>label { margin-bottom:10px; }
  .anatomy-jumps select { width:calc(100% - 45px); }
  .anatomy-jumps>div { gap:6px; }
  .anatomy-jumps button { font-size:9px; }
  .anatomy-ledger-heading { display:block; margin-top:28px; }
  .anatomy-ledger-heading h3 { font-size:24px; }
  .anatomy-ledger-heading>p { margin-top:10px; font-size:11px; }
  .anatomy-ledger-tabs { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--line); margin-bottom:12px; }
  .anatomy-ledger-tabs button { padding:12px 3px; border:0; background:none; color:var(--ink-soft); font:11px Inter,sans-serif; cursor:pointer; }
  .anatomy-ledger-tabs button[aria-selected=true] { border-bottom:2px solid var(--ink); color:var(--ink); }
  .anatomy-ledgers { display:block; }
  .anatomy-ledger[hidden] { display:none; }
  .anatomy-ledger-body { height:330px; }
  .anatomy-ledger-meta { min-height:0; }
  .anatomy-file code { font-size:10px; }
  .anatomy-ledger h4 { font-size:13px; }
  .anatomy-ledger>footer { min-height:0; font-size:10px; }
  .anatomy-example-note { font-size:9px; }
  .anatomy-lessons { padding:12px 20px 48px; }
  .anatomy-lessons-heading { padding-top:30px; }
  .anatomy-lesson-grid { grid-template-columns:1fr; gap:25px; }
  .anatomy-scope-key { grid-template-columns:1fr; gap:15px; padding:20px; margin-top:30px; }
}
@media(prefers-reduced-motion:reduce) { .page-anatomy *, .page-anatomy *:before, .page-anatomy *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }