/* Shared slide engine styles for site/diagrams/*-slides.html. Theme contract (same as site.css):
   <html data-theme="light|dark">, localStorage key "cd-theme", default prefers-color-scheme.
   Tokens follow visual direction 1 "Engineering handbook" (decision 2026-10-26). */
:root,html[data-theme="light"]{
  --bg:#FFFFFF; --panel:#F7F8FA; --code:#F7F8FA; --border:#E3E6EB;
  --text:#1A2230; --muted:#5A6474; --accent:#0F7C7E;
  --c-teal:#0F7C7E; --c-green:#1A7346; --c-violet:#6D4AC9; --c-amber:#8A5A00; --c-red:#B42318; --c-blue:#1F5FBF;
  --key:#0B5F86; --cmt:#6B7686;
}
html[data-theme="dark"]{
  --bg:#0F141C; --panel:#161C26; --code:#121821; --border:#2A3240;
  --text:#E6EAF0; --muted:#9AA4B2; --accent:#3CC2C4;
  --c-teal:#3CC2C4; --c-green:#4CC38A; --c-violet:#A994F5; --c-amber:#E5B454; --c-red:#F0857A; --c-blue:#7FB0F5;
  --key:#7DC4E8; --cmt:#8B97AD;
}
*{box-sizing:border-box;font-variant-ligatures:none}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;font-variant-ligatures:none}
#viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
#stage{position:relative;width:1280px;height:720px;transform-origin:center center;flex:none}
.slide{position:absolute;inset:0;padding:32px 44px 0;opacity:0;pointer-events:none;transition:opacity .4s ease}
.slide.on{opacity:1;pointer-events:auto}
.kicker{font:600 12px/1 "Segoe UI",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
h1{margin:10px 0 0;font-size:30px;font-weight:600;letter-spacing:-.01em}
.sub{color:var(--muted);font-size:16px;line-height:1.5;margin-top:8px;max-width:1040px}
.body{position:absolute;left:44px;right:44px;top:134px;bottom:92px;display:grid;gap:20px 64px}
.pane{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;
  opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.pane.shown{opacity:1;transform:none}
.pane h3{margin:0;padding:9px 14px;font:600 12.5px/1.2 "Cascadia Code",Consolas,monospace;color:var(--muted);
  border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}
.pane h3 b{color:var(--text);font-weight:600}
.pane h3 i{font-style:normal;color:var(--muted);font-weight:400}
.pane.gen h3 b::after{content:" · generated";color:var(--c-green);font-weight:500}
pre{margin:0;padding:10px 14px 12px;font:13.5px/1.62 "Cascadia Code",Consolas,ui-monospace,monospace;background:var(--code);flex:1;white-space:pre;overflow:hidden}
.ln{display:block;transition:opacity .4s ease}
.gen .ln{opacity:.25}
.gen .ln.live,.gen.done .ln{opacity:1}
.yk{color:var(--key)} .yc{color:var(--cmt)}
.f{border-radius:4px;padding:0 3px;margin:0 -3px;transition:background .3s ease,box-shadow .3s ease}
.f.hit{background:color-mix(in srgb,var(--c) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}
.f.now{background:color-mix(in srgb,var(--c) 26%,transparent);box-shadow:0 0 0 1.5px var(--c)}
svg#wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}
.wire{fill:none;stroke-width:1.6;opacity:.45}
.wire.now{stroke-width:2.4;opacity:1}
.note{position:absolute;left:44px;right:44px;bottom:28px;min-height:44px;display:flex;align-items:center;gap:14px;font-size:16.5px;line-height:1.45}
.note .tag{font:600 12px/1 "Segoe UI",system-ui,sans-serif;padding:6px 9px;border-radius:6px;color:var(--bg);background:var(--c,var(--accent));flex:none;white-space:nowrap}
.flow{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:64px}
.chip{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:16px 18px;font:600 15px "Cascadia Code",Consolas,monospace;
  transition:box-shadow .3s ease,border-color .3s ease,opacity .3s ease;opacity:.55}
.chip.lit{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.chip small{display:block;color:var(--muted);font:400 12.5px "Segoe UI",system-ui,sans-serif;margin-top:6px}
.arrow{color:var(--muted);font-size:20px;align-self:center}
.list{list-style:none;margin:0;padding:12px 16px;font-size:15px;line-height:1.45;background:var(--code);flex:1}
.list li{padding:8px 0 8px 26px;border-bottom:1px dashed var(--border);opacity:.3;transition:opacity .35s ease;position:relative}
.list li.live{opacity:1}
.list li::before{content:attr(data-mark);color:var(--c-green);font-weight:700;position:absolute;left:4px}
.list li.warn::before{color:var(--c-red)}
.list code{font:13px "Cascadia Code",Consolas,monospace;color:var(--key)}
.badge{font:600 11px/1 "Segoe UI",system-ui,sans-serif;padding:3px 7px;border-radius:5px;margin-left:6px;vertical-align:1px}
.badge.planned{color:#8A5A00;background:#FFF4DB} .badge.broken{color:#B42318;background:#FDECEA} .badge.built{color:#1A7346;background:#E8F5EE}
html[data-theme="dark"] .badge.planned{color:#E8B65A;background:#2A2111} html[data-theme="dark"] .badge.broken{color:#F2877C;background:#2D1715} html[data-theme="dark"] .badge.built{color:#5CCB8F;background:#112619}
#hud{position:fixed;left:0;right:0;bottom:0;height:3px;background:var(--border)}
#bar{height:100%;width:0;background:var(--accent);transition:width .3s ease}
#ctl{position:fixed;right:16px;bottom:12px;display:flex;gap:8px;align-items:center;font:12.5px "Segoe UI",system-ui,sans-serif;color:var(--muted)}
#ctl button{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;cursor:pointer;font:inherit}
#ctl button:hover,#ctl button:focus-visible{border-color:var(--accent);outline:none}
#help{position:fixed;left:16px;bottom:12px;font:12.5px "Segoe UI",system-ui,sans-serif;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{html,body{overflow:visible;height:auto}#viewport{position:static;display:block}#stage{transform:none!important}
  .slide{position:relative;opacity:1;page-break-after:always;height:720px}.pane,.ln,.list li{opacity:1!important;transform:none}#ctl,#help,#hud{display:none}}