/* Im-mutable State uses the site's shared light and Halloween tokens. */
.immutable{--im-accent:var(--seasonal-amber,var(--signal-primary))}
.immutable .shell{max-width:1280px}
.immutable .site-header{position:relative}
.im-hero{padding:3rem 0 0}
.im-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--text-secondary);font:.75rem var(--font-system);letter-spacing:.12em}
.im-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.im-lede{max-width:850px;margin:2rem 0;color:var(--text-secondary);font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.6}
.im-hero-art{margin:1.7rem 0 0;border:1px solid var(--border-subtle);background:#070507}
.im-hero-art img{display:block;width:100%;height:auto}
.im-toc{background:var(--surface-primary);border-block:1px solid var(--border-subtle)}
.im-toc .shell{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;padding-block:1rem}
.im-toc a{font:.77rem var(--font-system);text-decoration:none;white-space:nowrap}
.im-section{padding:4.5rem 0;border-bottom:1px solid var(--border-subtle);scroll-margin-top:2rem}
.immutable .eyebrow,.im-label,.im-evidence-note span,.im-checkpoint span,.im-log-slot>span{color:var(--im-accent);font:.75rem var(--font-system);letter-spacing:.1em}
.im-section h2{max-width:940px;margin:1rem 0 1.4rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.035em}
.im-article-prose{max-width:790px;margin:0 0 2rem;color:var(--text-secondary);font-size:1.05rem;line-height:1.75}
.im-outcome-grid,.im-divergence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.im-outcome,.im-divergence>div{min-width:0;padding:1.7rem;background:var(--surface-primary);border:1px solid var(--border-subtle)}
.im-outcome ol{padding-left:1.3rem;margin:1.5rem 0 0}
.im-outcome li{padding:.45rem 0;line-height:1.55}
.im-outcome li::marker{color:var(--im-accent);font-family:var(--font-system)}
.im-evidence-note{max-width:820px;margin-top:1.5rem;padding:1.4rem 1.6rem;background:var(--surface-secondary);border-left:3px solid var(--im-accent)}
.im-evidence-note p{margin:.7rem 0 0;line-height:1.7}
.im-run-grid,.im-checkpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.im-run,.im-checkpoint{min-width:0;padding:1.4rem;background:var(--surface-primary);border:1px solid var(--border-subtle)}
.im-run h3{margin:.8rem 0;font-size:1.35rem}
.im-run p,.im-checkpoint p{margin:1.2rem 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.55}
.im-checkpoint-grid{margin-top:1rem}
.im-checkpoint{min-height:10rem}
.im-divergence strong{display:block;margin:1.5rem 0 .7rem;font:600 1.35rem var(--font-system)}
.im-divergence p{max-width:30rem;min-height:4.5rem;color:var(--text-secondary);line-height:1.6}
.im-mechanism{margin-top:1.5rem}
.im-provenance-close{margin-top:2rem}
.im-divergence b{color:var(--im-accent);font:700 2rem var(--font-system)}
.im-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.im-log-slot{min-width:0;padding:1rem;background:var(--surface-primary);border:1px solid var(--border-subtle)}
.im-log-slot pre{max-width:100%;max-height:32rem;margin:.7rem 0 0;padding:1rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-secondary);border-left:3px solid var(--im-accent);color:var(--text-primary);font:.82rem/1.6 var(--font-system)}
.im-provenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,390px));gap:1rem;align-items:start}
.im-provenance .im-figure{min-width:0;margin:0;padding:1rem;background:var(--surface-primary);border:1px solid var(--border-subtle)}
.im-provenance-grid .im-figure img{max-height:38rem}
.im-corpus-note{max-width:390px;margin-top:1rem!important}
.im-figure img{display:block;max-width:100%;max-height:28rem;width:auto;height:auto;margin-inline:auto;object-fit:contain}
.im-figure figcaption{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font:.82rem/1.6 var(--font-system)}
.im-figure figcaption strong{display:block;margin-bottom:.35rem;color:var(--text-primary);font:700 .95rem var(--font-interface)}
.im-figure figcaption a{display:inline-block;margin-top:.5rem}
.immutable a:focus-visible,.immutable button:focus-visible,.immutable pre:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(max-width:800px){.im-meta{flex-direction:column;gap:.4rem}.im-hero{padding-top:2rem}.im-section{padding:3rem 0}.im-outcome-grid,.im-divergence,.im-run-grid,.im-checkpoint-grid,.im-evidence-grid,.im-provenance-grid{grid-template-columns:1fr}.im-divergence p{min-height:0}.im-toc .shell{gap:.7rem 1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}