.scene{gap:var(--sim-space-s);flex-direction:column;margin:0;display:flex}.scene__svg{background:var(--srf-bg-subtle);border:1px solid var(--srf-border);border-radius:var(--sim-radius-l);block-size:auto;inline-size:100%;font-family:var(--sim-font-ui);display:block}.scene__group rect{fill:color-mix(in srgb, var(--srf-accent) 4%, transparent);stroke:var(--srf-border-strong);stroke-width:1px;stroke-dasharray:4 4}.scene__group--region rect{fill:color-mix(in srgb, var(--srf-text) 3%, transparent);stroke-dasharray:6 4}.scene__group--az rect{stroke-dasharray:3 3}.scene__group--vpc rect,.scene__group--account rect{stroke-dasharray:8 3}.scene__group-label{fill:var(--srf-text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.scene__node{transition:opacity .12s linear}.scene__node-box{fill:var(--srf-raised);stroke:var(--srf-border-strong);stroke-width:1.25px}.scene__node-label{fill:var(--srf-text);font-size:12px;font-weight:600}.scene__node-sub{fill:var(--srf-text-faint);font-size:10px;font-family:var(--sim-font-mono)}.scene__node-metric{fill:var(--srf-text-muted);font-size:10px;font-family:var(--sim-font-mono)}.scene__glyph{fill:var(--srf-text-muted);stroke:var(--srf-text-muted);stroke-width:1.2px;stroke-linejoin:round}.scene__glyph [fill=none]{fill:none}.scene__node.is-healthy .scene__node-box{stroke:var(--srf-accent)}.scene__node.is-healthy .scene__glyph{fill:var(--srf-accent);stroke:var(--srf-accent)}.scene__node.is-busy .scene__node-box,.scene__node.is-degraded .scene__node-box{stroke:var(--srf-warn)}.scene__node.is-degraded .scene__node-box{stroke-dasharray:5 3}.scene__node.is-failed .scene__node-box{stroke:var(--srf-fail);fill:color-mix(in srgb, var(--srf-fail) 7%, var(--srf-raised))}.scene__node.is-failed .scene__node-label,.scene__node.is-failed .scene__node-sub{opacity:.55}.scene__node-fail{stroke:var(--srf-fail);stroke-width:1.6px;stroke-linecap:round;fill:none}.scene__node.is-highlighted .scene__node-box{stroke:var(--srf-accent);stroke-width:2px;filter:drop-shadow(0 0 #0000)}.scene__node.is-highlighted .scene__node-label{fill:var(--srf-accent)}.scene__edge-path{fill:none;stroke:var(--srf-border-strong);stroke-width:1.5px;stroke-linecap:round}.scene__edge--replication .scene__edge-path{stroke-dasharray:6 4}.scene__edge--event .scene__edge-path{stroke-dasharray:2 4}.scene__edge--control .scene__edge-path{stroke-dasharray:3 3;stroke-width:1.1px}.scene__edge--data .scene__edge-path{stroke-width:2px}.scene__edge.is-highlighted .scene__edge-path{stroke:var(--srf-accent);stroke-width:2px}.scene__arrowhead{fill:var(--srf-border-strong)}.scene__edge-label{fill:var(--srf-text-muted);font-size:10px;font-weight:500}.scene__packet{fill:var(--srf-accent)}.scene__block-dot{fill:color-mix(in srgb, var(--srf-fail) 14%, var(--srf-raised));stroke:var(--srf-fail);stroke-width:1.5px}.scene__block-x{stroke:var(--srf-fail);stroke-width:1.8px;stroke-linecap:round;fill:none}.scene__block-chip{fill:var(--srf-raised);stroke:var(--srf-fail);stroke-width:1px}.scene__block-text{fill:var(--srf-text);font-size:10.5px}.scene__note rect{fill:var(--srf-raised);stroke:var(--srf-border);stroke-width:1px}.scene__note text{fill:var(--srf-text-muted);font-size:11px}.scene__caption{gap:var(--sim-space-s);flex-direction:column;display:flex}.scene__caption-text{min-block-size:3.2em;color:var(--srf-text);margin:0;font-size:14px;line-height:1.6}.scene__controls{align-items:center;gap:var(--sim-space-s);display:flex}.scene__btn{font:inherit;block-size:30px;inline-size:30px;color:var(--srf-text-muted);background:var(--srf-raised);border:1px solid var(--srf-border-strong);cursor:pointer;transition:color var(--sim-transition), border-color var(--sim-transition);border-radius:50%;place-items:center;font-size:12px;display:grid}.scene__btn:hover:not(:disabled){color:var(--srf-accent);border-color:var(--srf-accent)}.scene__btn:disabled{opacity:.35;cursor:default}.scene__btn--play{color:var(--srf-accent-ink);background:var(--srf-accent);border-color:var(--srf-accent)}.scene__btn--play:hover:not(:disabled){background:var(--srf-accent-hover);color:var(--srf-accent-ink)}.scene__steps{flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.scene__steps li{flex:1}.scene__step{background:var(--srf-border);cursor:pointer;block-size:4px;inline-size:100%;transition:background var(--sim-transition);border:0;border-radius:2px;padding:0}.scene__step.is-past{background:color-mix(in srgb, var(--srf-accent) 45%, transparent)}.scene__step.is-active{background:var(--srf-accent)}.scene__counter{color:var(--srf-text-faint);font-variant-numeric:tabular-nums;font-size:11px}.scene-thumb{aspect-ratio:16/9;border-radius:var(--sim-radius-m);background:var(--srf-bg-subtle);overflow:hidden}.scene-thumb .scene__svg{border:0;border-radius:0;block-size:100%}.scene--thumb{block-size:100%}.scene-thumb__placeholder{background:var(--srf-bg-subtle);block-size:100%}@media (prefers-reduced-motion:reduce){.scene__node,.scene__edge{transition:none}}.scene__viewport{max-width:100%;overflow-x:auto}.scene__btn{min-width:44px;min-height:44px}.scene__step{border-block:10px solid var(--srf-raised);background-clip:padding-box;min-height:24px}.scene:not(.scene--thumb) .scene__svg{min-width:620px}.scene--thumb .scene__viewport{overflow:hidden}.scene--thumb .scene__svg{min-width:0}.chapter__layout{gap:var(--sim-space-xxl);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=1080px){.chapter__layout{gap:var(--sim-space-xxxl);grid-template-columns:232px minmax(0,1fr)}}.chapter__rail{top:var(--sim-space-xl);max-block-size:calc(100dvh - var(--sim-space-xxxl));overscroll-behavior:contain;align-self:start;position:sticky;overflow-y:auto}.chapter__rail ol{gap:var(--sim-space-xxs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chapter__rail-link{gap:var(--sim-space-xxxs);padding:var(--sim-space-xs) var(--sim-space-s);border-radius:var(--sim-radius-m);border-inline-start:2px solid var(--srf-border);color:var(--srf-text-muted);transition:background-color var(--sim-transition), border-color var(--sim-transition);text-decoration:none;display:grid}.chapter__rail-link:hover{background:var(--srf-bg-subtle);color:var(--srf-text)}.chapter__rail-link.is-active{background:var(--srf-bg-subtle);border-inline-start-color:var(--srf-accent);color:var(--srf-text)}.chapter__rail-title{font-size:13px;font-weight:500;line-height:1.35}.chapter__rail-time{color:var(--srf-text-faint);font-size:11px}.chapter__register{align-items:baseline;gap:var(--sim-space-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--srf-text-faint);margin:0;font-size:11px;font-weight:600;display:inline-flex}.chapter__register--mechanism{color:var(--srf-accent)}.chapter__register--practice{color:var(--srf-warn)}.section__register-blurb{letter-spacing:0;text-transform:none;color:var(--srf-text-muted);font-size:12px;font-weight:400}@media (width<=640px){.section__register-blurb{display:none}}.chapter__body{gap:var(--sim-space-xxxl);flex-direction:column;min-inline-size:0;display:flex}.section{gap:var(--sim-space-l);flex-direction:column;scroll-margin-block-start:var(--sim-space-xxl);display:flex}.section__head{gap:var(--sim-space-xs);border-block-end:1px solid var(--srf-border);flex-direction:column;padding-block-end:var(--sim-space-s);display:flex}.section__head h2{letter-spacing:-.01em;color:var(--srf-text);margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.2}.section__question{color:var(--srf-text-muted);margin:0;font-size:15px}.section__beats{gap:var(--sim-space-xl);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.section__beat{column-gap:var(--sim-space-m);row-gap:var(--sim-space-xxs);grid-template-columns:28px minmax(0,1fr);display:grid}.section__beat-index{color:var(--srf-text-faint);grid-row:1/span 2;padding-block-start:3px;font-size:12px}.section__beat h3{color:var(--srf-text);margin:0;font-size:16px;font-weight:600}.section__beat p{max-inline-size:68ch;color:var(--srf-text-muted);margin:0;font-size:15px;line-height:1.65}.section__beat em{color:var(--srf-text);font-style:italic}.section__explorable{border:1px solid var(--srf-border);border-radius:var(--sim-radius-l);padding:var(--sim-space-l);background:var(--srf-raised)}.facts{border:1px solid var(--srf-border);border-radius:var(--sim-radius-l);background:var(--srf-bg-subtle);padding:var(--sim-space-l)}.facts__title{margin:0 0 var(--sim-space-s);letter-spacing:.04em;text-transform:uppercase;color:var(--srf-text-faint);font-size:11px;font-weight:600}.facts__list{gap:var(--sim-space-s);flex-direction:column;margin:0;display:flex}.facts__row{gap:var(--sim-space-xxxs);border-block-end:1px solid var(--srf-border);grid-template-columns:minmax(0,1fr);padding-block-end:var(--sim-space-s);display:grid}.facts__row:last-child{border-block-end:none;padding-block-end:0}@media (width>=720px){.facts__row{gap:var(--sim-space-m);grid-template-columns:220px minmax(0,1fr)}}.facts__row dt{color:var(--srf-text);font-size:13px;font-weight:600}.facts__row dd{flex-direction:column;gap:2px;margin:0;display:flex}.facts__value{color:var(--srf-text);font-size:13px}.facts__note{color:var(--srf-text-muted);font-size:13px;line-height:1.55}.chapter__pager{justify-content:space-between;gap:var(--sim-space-m);border-block-start:1px solid var(--srf-border);padding-block-start:var(--sim-space-l);display:flex}.chapter__pager-link{padding:var(--sim-space-s) var(--sim-space-m);border:1px solid var(--srf-border);border-radius:var(--sim-radius-m);background:var(--srf-raised);color:var(--srf-text);max-inline-size:45%;transition:border-color var(--sim-transition), background-color var(--sim-transition);gap:2px;font-size:14px;font-weight:500;text-decoration:none;display:grid}.chapter__pager-link:hover{border-color:var(--srf-accent);background:var(--srf-bg-subtle)}.chapter__pager-link--next{text-align:end;margin-inline-start:auto}.chapter__pager-dir{letter-spacing:.04em;text-transform:uppercase;color:var(--srf-text-faint);font-size:11px;font-weight:600}.chapter-cards{gap:var(--sim-space-l);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.chapter-card{border:1px solid var(--srf-border);border-radius:var(--sim-radius-l);background:var(--srf-raised);block-size:100%;color:inherit;transition:border-color var(--sim-transition), box-shadow var(--sim-transition), transform var(--sim-transition);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.chapter-card:hover{border-color:var(--srf-accent);box-shadow:var(--srf-shadow);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.chapter-card:hover{transform:none}}.chapter-card__thumb{border-block-end:1px solid var(--srf-border);background:var(--srf-bg-subtle)}.chapter-card__text{gap:var(--sim-space-xxs);padding:var(--sim-space-m);flex-direction:column;flex:1;display:flex}.chapter-card__title{color:var(--srf-text);font-size:15px;font-weight:600;line-height:1.3}.chapter-card__summary{color:var(--srf-text-muted);font-size:13px;line-height:1.55}.chapter-card__meta{gap:var(--sim-space-xs);color:var(--srf-text-faint);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--sim-space-xs);font-size:11px;display:flex}.chapter-card__registers{gap:var(--sim-space-xxs);display:flex}
