:root{color-scheme:light;--bg:#f4f7f8;--surface:#fff;--ink:#092c3d;--muted:#425e6b;--line:#becfd7;--accent:#a5c600;--stage:#062637;font-family:Arial,Helvetica,sans-serif}html[data-theme=dark]{color-scheme:dark;--bg:#061f2d;--surface:#0a2d3e;--ink:#eef6f8;--muted:#aac2cf;--line:#41616e;--accent:#d4ed31}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit}header{padding:1rem 4vw;display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.wordmark{font-size:.9rem;letter-spacing:.04em;text-decoration:none;font-weight:800}nav{display:flex;gap:.25rem .6rem;flex-wrap:wrap}nav a{padding:.7rem .35rem;text-decoration:none;font-size:.8rem}nav a[aria-current]{border-bottom:3px solid var(--accent)}.settings{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;margin-left:auto}.settings label{display:flex;gap:.4rem;align-items:center;min-height:44px}select{font:inherit;min-height:44px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}main{max-width:1500px;margin:auto;padding:3rem 4vw}h1{font-size:clamp(2.8rem,7vw,7.5rem);line-height:.96;letter-spacing:-.07em;margin:.7em 0 .4em;max-width:14ch}h2{font-size:clamp(1.6rem,3vw,3rem);line-height:1.08;letter-spacing:-.04em}p{line-height:1.6;max-width:64ch}.eyebrow{font-family:monospace;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.lede{font-size:clamp(1.1rem,1.8vw,1.6rem);max-width:48ch}.note{color:var(--muted);font-size:.85rem}.signal-stage{background:var(--stage);color:#e8f2f7;border-radius:2px;margin:2rem 0;overflow:hidden}.signal-stage canvas,.signal-stage svg{display:block;width:100%;height:clamp(230px,47vw,530px)}.signal-stage .controls{padding:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font: .8rem monospace}.controls label{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.controls input{min-height:44px;width:min(320px,70vw);accent-color:#d4ed31}.chapter{border-top:1px solid var(--line);padding:2.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.chapter .signal-stage{margin:0}.chapter h2{margin-top:.5rem}.section-number{font: .8rem monospace;color:var(--muted)}.principle{padding:1.5rem;background:var(--surface);border-left:3px solid var(--accent)}footer{padding:2rem 4vw;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}:focus-visible{outline:3px solid #d48400;outline-offset:4px}.skip{position:absolute;top:-100px;padding:1rem;background:var(--surface);z-index:10}.skip:focus{top:0}[hidden]{display:none!important}html[data-static] .signal-stage canvas{display:none}.route{min-width:0}@media(max-width:750px){header{gap:.3rem}.settings{width:100%;margin:0;justify-content:space-between}nav{width:100%}.chapter{grid-template-columns:1fr;gap:1.2rem}main{padding-top:2rem}h1{font-size:clamp(2.5rem,12vw,4.8rem)}.chapter{padding:2rem 0}.signal-stage .controls{gap:.3rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Route-specific reading order and spatial rhythm. */
.route[data-route=network]>.signal-stage{min-height:380px}.route[data-route=network] .chapter[data-beat="1"]{grid-template-columns:2fr 3fr}
.route[data-route=enterprise] .chapter[data-beat="1"]{grid-template-columns:1fr}.route[data-route=enterprise] .chapter[data-beat="1"] .signal-stage{max-width:none}.route[data-route=enterprise] .chapter[data-beat="2"]>.signal-stage{order:-1}
.route[data-route=care] .chapter{grid-template-columns:3fr 2fr}.route[data-route=care] .chapter[data-beat="2"]{border-left:3px solid var(--accent);padding-left:2rem}
.route[data-route=billing] .chapter[data-beat="1"]{grid-template-columns:1fr 1fr}.route[data-route=billing] .chapter[data-beat="2"]{grid-template-columns:1fr}.route[data-route=billing] .chapter[data-beat="2"] .signal-stage{max-width:1000px}
.route[data-route=resilience] .chapter[data-beat="1"]>.signal-stage{order:-1}.route[data-route=resilience] .chapter[data-beat="2"]{grid-template-columns:1fr}.route[data-route=resilience] .chapter[data-beat="3"]{grid-template-columns:3fr 2fr}
.route[data-route=international] .chapter{grid-template-columns:2fr 3fr}.route[data-route=international] .chapter[data-beat="2"]{grid-template-columns:1fr}
.route[data-route=contact] .chapter[data-beat="1"]{grid-template-columns:1fr}.route[data-route=contact] .chapter[data-beat="3"]>.signal-stage{order:-1}
@media(max-width:750px){.route .chapter,.route[data-route] .chapter[data-beat]{grid-template-columns:1fr}.route .chapter[data-beat]>.signal-stage{order:0}.route[data-route=care] .chapter[data-beat="2"]{padding-left:1rem}}
/* The early Community flows reference supplies structure, not division branding. */
.route-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:2rem 4rem}.route-hero h1{font-size:clamp(2.6rem,5vw,5.8rem);max-width:13ch;margin:.6rem 0 1.3rem}.route-hero .signal-stage{margin:0;border:1px solid var(--line);border-radius:14px;min-height:0}.route-hero .signal-stage canvas,.route-hero .signal-stage svg{height:clamp(300px,32vw,460px)}.chapter-link{display:inline-flex;align-items:center;min-height:44px;padding:.65rem 1rem;background:var(--accent);color:#092c3d;border-radius:9px;text-decoration:none;font-weight:700;margin-top:1rem}.route-hero .lede{font-size:1.16rem}.route-hero .hero-copy{min-width:0}.chapter{scroll-margin-top:1rem}.chapter .signal-stage{border-radius:10px;border:1px solid var(--line)}
@media(max-width:820px){.route-hero{grid-template-columns:1fr;padding-block:1rem 2rem;gap:2rem}.route-hero h1{font-size:clamp(2.6rem,10vw,4.6rem)}.route-hero .signal-stage canvas,.route-hero .signal-stage svg{height:300px}}
button.chapter-link{border:0;font:700 1rem Arial,Helvetica,sans-serif;cursor:pointer}