/* Presentation only: the journal's examples, controls and calculations are unchanged. */
:root {
  --bg: #fafbfc; --panel: #fafbfc; --panel2: #f0f1f3; --text: #191c20; --muted: #515963;
  --accent: #78233e; --accent2: #78233e; --line: #d0d3d8; --paper: #fafbfc; --ink: #191c20; --ink2: #68717b;
}
body { font-size: 1rem; }
.hero { min-height: 0; padding-block: 65px; background: var(--bg); }
.hero::after { display: none; }
h1 { line-height: 1.05; font-weight: 400; }
h2 { line-height: 1.2; font-weight: 400; }
h3 { line-height: 1.4; }
.hero-back { border: 0; border-bottom: 1px solid var(--accent); border-radius: 0; box-shadow: none; background: transparent; color: var(--accent); padding: 8px 0; font-size: .875rem; font-weight: 500; }
.hero-back:hover { background: transparent; color: var(--accent); transform: none; }
.byline, .lead, .nav a, .table th { color: var(--muted); }
.hero-card, .callout, .lab, .metric, .card, .control, .node, .outcome, .insight, .formula, canvas, .pulse { background: var(--panel2); border: 1px solid var(--line); border-radius: 2px; box-shadow: none; }
.hero-card { background: var(--panel); }
.metric, .card, .control, .node, .outcome, .insight { padding: 20px; }
.nav { background: #fafbfced; border-color: var(--line); }
.nav a:hover, .refs a { color: var(--accent); }
.kicker { font-size: .8125rem; font-weight: 500; }
.article { padding-top: 55px; }
.lab { padding: 30px; }
.quote { border-left-width: 2px; font-weight: 400; line-height: 1.4; }
button, .badge { border-radius: 2px; }
button { font-size: .875rem; padding: 14px 20px; }
.primary { background: var(--accent); color: #fff; }
.secondary { background: var(--panel); color: var(--text); border-color: var(--line); }
.badge { background: transparent; border-color: var(--line); color: var(--muted); font-size: .8125rem; }
.footer { background: #1d2126; color: #c4c9d0; border: 0; }
.simulation-lab { --text: #f6f7f9; --muted: #c4c9d0; --line: #494f58; --accent: #edacbe; background: #1d2126; border-color: #494f58; }
.simulation-lab .kicker { color: #edacbe; }
.simulation-lab h2 { color: #f6f7f9; }
.simulation-lab p, .simulation-lab .small { color: #c4c9d0; }
.simulation-lab .primary { background: #edacbe; color: #191c20; }
.simulation-lab .secondary, .simulation-lab .card, .simulation-lab .control, .simulation-lab .node, .simulation-lab .outcome { background: #282d34; color: #f6f7f9; border-color: #494f58; }
.simulation-lab .control input[type=range] { accent-color: #edacbe; }
.simulation-lab .node.decision { border-color: #edacbe; }
.simulation-lab .node.chance { border-color: #aeb6c0; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 850px) {
  .hero { padding: 40px 6vw; }
  .hero-inner { gap: 30px; }
}
@media (max-width: 540px) {
  .lab { padding: 22px 18px; }
  .hero-card { padding: 20px; }
  .metric { padding: 14px; }
  .table { display: block; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}