.keynote-page{--card-bg: #f4f5f6;--focus: #005fcc}@media (prefers-color-scheme: dark){.keynote-page{--card-bg: #242424;--focus: #8dc7ff}}.keynote-page main,.keynote-page .site-header,.keynote-page footer{max-width:70rem}.keynote-page a{color:var(--text)}.keynote-page [hidden]{display:none!important}.page-intro{padding:1.5rem 0}.page-intro>p{margin:.4rem 0}.eyebrow{font-size:.9rem;font-weight:700}.section-links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1rem}.section-links a{padding:.3rem 0}.section-band{border-top:1px solid var(--line);padding:1.75rem 0;scroll-margin-top:1rem}.section-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem}.section-heading h2{margin-bottom:0}.simulation-label{font-size:.9rem;font-weight:700;color:var(--good)}.demo-intro{margin-top:.5rem}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"request review" "decision review";gap:.5rem 2rem}.request-column{grid-area:request}.review-column{grid-area:review}.decision-column{grid-area:decision}.demo-column{min-width:0}.demo-column h3{margin:.75rem 0}.keynote-page textarea,.keynote-page input[type=text]{font:inherit;line-height:1.45;width:100%;border:2px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:.6rem}.keynote-page input[type=text]{margin-bottom:.8rem}.keynote-page textarea{resize:vertical;min-height:6rem}.keynote-page textarea::placeholder{color:var(--text);opacity:.75}.keynote-page textarea:disabled{background:var(--card-bg)}.control-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.keynote-page button{min-height:44px;padding:.55rem .85rem}.keynote-page button.primary{background:var(--text);color:var(--bg)}.keynote-page button:disabled{cursor:not-allowed;opacity:.55;background:var(--bg);color:var(--text)}.approval-row{display:flex;align-items:flex-start;gap:.7rem}.approval-row input{width:24px;height:24px;margin:.15rem 0 0;flex-shrink:0;accent-color:var(--good)}.approval-row label{margin:0;cursor:pointer}.interpretation{border-left:3px solid var(--line);padding-left:.75rem;font-size:.95rem}.demo-status{border-left:5px solid var(--good);background:var(--card-bg);padding:1rem;min-height:5rem}.demo-status[data-state=blocked]{border-color:var(--bad)}.flow-figure{margin:1.5rem 0}.flow-figure figcaption{font-weight:700}#flow-canvas{margin:.5rem 0}#flow-canvas canvas{display:block;max-width:100%;height:auto!important}#flow-text{margin:.5rem 0}.keynote-page summary{cursor:pointer;padding:.5rem 0;font-weight:600}.action-log{padding-left:1.5rem}.action-log li{margin:.5rem 0;overflow-wrap:anywhere}.prose{max-width:52rem}.prose p{margin:.6rem 0 1rem}.keynote-outline{padding-left:1.65rem}.keynote-outline>li{padding-left:.4rem;margin-bottom:1.8rem}.keynote-outline h3{margin:0}.keynote-outline h3 span{display:block;font-size:.95rem;font-weight:400}.keynote-page pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:var(--card-bg);border:1px solid var(--line);border-radius:6px;font-size:.9rem}.keynote-page footer{border-top:1px solid var(--line);padding-top:1rem}@media (max-width: 48rem){.demo-grid{grid-template-columns:1fr;grid-template-areas:"request" "review" "decision";gap:1rem}.page-intro h1{font-size:1.75rem}}@media print{.keynote-page{color:#000;background:#fff}.site-header,.section-links,#demo,footer{display:none}.section-band{padding:1rem 0}.keynote-outline>li{break-inside:avoid}}