.stories {padding-left:1.3rem}.stories li {padding-bottom:1.5rem}.stories h2 {margin-top:2rem}
.flow {list-style:none;padding:0;border-left:2px solid var(--accent);margin:2rem 0}
.flow li {padding:.5rem 1.2rem}.flow strong,.flow span {display:block}.flow span,.caption {color:var(--ink-soft);font-size:.92rem}
.demo {border-block:1px solid var(--rule);padding:1.5rem 0;margin:1.5rem 0 2rem}.demo h3 {font-family:var(--font-serif);font-size:1.2rem}.demo li {margin-bottom:.6rem}
.controls {display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.controls[hidden],[hidden] {display:none!important}
button,select {font:inherit;color:var(--ink);background:var(--bg-card);border:1px solid var(--ink-faint);border-radius:3px;min-height:44px;padding:.5rem .75rem;max-width:100%}button {cursor:pointer}button:hover {border-color:var(--accent)}button:disabled {opacity:.5;cursor:default}
pre {white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-card);padding:1rem;border:1px solid var(--rule);font-size:.85rem}code {font-family:var(--font-mono);overflow-wrap:anywhere}
summary {cursor:pointer;padding:.7rem 0;min-height:44px;color:var(--accent-ink)}details p {margin-top:1rem}.next-story {margin-top:3rem!important}
details:not([open]) > :not(summary) {display:none}
.nav > a,.next-story a,.stories > li > a {display:inline-flex;align-items:center;min-height:44px}

.evidence-controls {display:grid;grid-template-columns:1fr;max-width:100%}.evidence-controls select {width:100%}.evidence-controls button {justify-self:start}