#architecture-graphic.fd-section{padding:0 16px 32px;scroll-margin-top:1rem}#rl-story-v2.fd-shell{--fd-bg: light-dark(#e8ebe8,#101926);--fd-panel: light-dark(#f0f2ed,#152133);--fd-ink: light-dark(#293840,#eaf1f5);--fd-muted: light-dark(#52605e,#afbdce);--fd-line: light-dark(#bac6bd,#40536a);--fd-stroke: light-dark(#687a70,#91a2b5);--fd-accent: light-dark(#17655f,#76d5c9);--fd-warn: light-dark(#815919,#edc183);--fd-error: light-dark(#963d53,#ffadc0);--fd-error-bg: light-dark(#eadddf,#372431);color:var(--fd-ink);background:var(--fd-bg);border:1px solid var(--fd-line);border-radius:16px;padding:16px;margin:0 auto;max-width:1360px;font:14px/1.5 system-ui,sans-serif;container-type:inline-size}#rl-story-v2.fd-shell *{box-sizing:border-box}#rl-story-v2.fd-shell [hidden]{display:none!important}#rl-story-v2.fd-shell :is(h2,h3,h4,p){margin:0}#rl-story-v2.fd-shell :is(button,select,summary,input,a):focus-visible{outline:2px solid var(--fd-ink);outline-offset:3px}#rl-story-v2.fd-shell :is(button,select,summary){min-height:44px}#rl-story-v2.fd-shell :is(button,select){color:var(--fd-ink);background:var(--fd-panel);border:1px solid var(--fd-stroke);border-radius:7px;font:inherit;padding:7px 10px;cursor:pointer}#rl-story-v2.fd-shell button:disabled{opacity:.5;cursor:default}#rl-story-v2.fd-shell a{color:var(--fd-accent);text-decoration:underline;text-underline-offset:3px}#rl-story-v2.fd-shell .fd-heading{margin-bottom:6px}#rl-story-v2.fd-shell .fd-eyebrow{font-size:10px;letter-spacing:.13em;color:var(--fd-accent);font-weight:650}#rl-story-v2.fd-shell h2{font-size:clamp(23px,3cqw,26px);font-weight:650;line-height:1.2;letter-spacing:-.035em}#rl-story-v2.fd-shell .fd-audience{margin-top:6px;font-size:13px;color:var(--fd-muted)}#rl-story-v2.fd-shell .fd-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px}#rl-story-v2.fd-shell .fd-toolbar label{display:flex;align-items:center;gap:5px;font-size:12px}#rl-story-v2.fd-shell [data-listen]{background:var(--fd-accent);color:var(--fd-bg);border-color:var(--fd-accent);font-weight:650}#rl-story-v2.fd-shell:is([data-narration-mode="playing"],[data-narration-mode="paused"],[data-narration-mode="buffering"],[data-narration-mode="between"]) [data-listen]{display:none}#rl-story-v2.fd-shell .fd-status{font-size:11px;color:var(--fd-muted);min-height:1.5em;padding-block:4px}#rl-story-v2.fd-shell .fd-lesson-picker{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}#rl-story-v2.fd-shell .fd-lesson-picker select{width:100%;min-width:0;text-overflow:ellipsis}#rl-story-v2.fd-shell .fd-playback-options{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px}#rl-story-v2.fd-shell .fd-playback-options label{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;cursor:pointer}#rl-story-v2.fd-shell .fd-playback-options input{width:18px;height:18px;accent-color:var(--fd-accent)}#rl-story-v2.fd-shell .fd-titlebar{display:flex;align-items:baseline;gap:12px;margin:10px 0}#rl-story-v2.fd-shell [data-lesson-count]{color:var(--fd-accent);font:12px ui-monospace,monospace;white-space:nowrap}#rl-story-v2.fd-shell h3{font-size:18px;font-weight:600;line-height:1.3}#rl-story-v2.fd-shell .fd-explanation-grid{display:grid;gap:20px}#rl-story-v2.fd-shell .fd-visual{min-width:0;padding:12px;background:var(--fd-panel);border:1px solid var(--fd-line);border-radius:10px}#rl-story-v2.fd-shell .fd-diagram-kind{text-transform:uppercase;font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--fd-muted);margin-bottom:12px}#rl-story-v2.fd-shell :is(.fd-diagram-legend,.fd-mobile-legend){font-size:11px;color:var(--fd-muted);padding-top:10px}#rl-story-v2.fd-course .fd-diagram-legend{display:none}#rl-story-v2.fd-shell .fd-observation{align-self:center;padding:12px 4px}#rl-story-v2.fd-shell .fd-observation h4{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:10px 0 14px;font-weight:600}#rl-story-v2.fd-shell .fd-observation [data-visual-detail]{color:var(--fd-muted);font-size:14px;line-height:1.65}#rl-story-v2.fd-shell .fd-observation[data-visual-state=failed]{border-left:4px double var(--fd-error);padding-left:16px}#rl-story-v2.fd-shell .fd-observation[data-visual-state=failed] h4{color:var(--fd-error)}#rl-story-v2.fd-shell .fd-observation[data-visual-state=pressure]{border-left:2px dashed var(--fd-warn);padding-left:16px}#rl-story-v2.fd-shell .fd-beats{display:flex;gap:6px;margin:12px 0 4px;overflow-x:auto}#rl-story-v2.fd-shell .fd-beats button{flex:0 0 44px;padding:4px;font:12px ui-monospace,monospace}#rl-story-v2.fd-shell .fd-beats button[aria-pressed=true]{border-bottom:3px solid var(--fd-accent);font-weight:650}#rl-story-v2.fd-shell .fd-path{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#rl-story-v2.fd-shell .fd-caption{white-space:pre-line;text-align:center;min-height:3em;margin-top:12px;font-size:15px}#rl-story-v2.fd-shell[data-narration-mode=silent] :is(.fd-caption,.fd-progress-row){display:none}#rl-story-v2.fd-shell:is([data-narration-mode="playing"],[data-narration-mode="paused"],[data-narration-mode="buffering"],[data-narration-mode="between"]) .fd-beats{display:none}#rl-story-v2.fd-shell .fd-progress-row{display:flex;gap:12px;align-items:center}#rl-story-v2.fd-shell .fd-seek-label{flex:1;font-size:11px;color:var(--fd-muted);display:flex;gap:7px;align-items:center}#rl-story-v2.fd-shell input[type=range]{flex:1;min-width:50px;height:44px;accent-color:var(--fd-accent)}#rl-story-v2.fd-shell [data-fd-time]{font:12px ui-monospace,monospace;white-space:nowrap}#rl-story-v2.fd-shell .fd-reading{margin-top:4px;border-top:1px solid var(--fd-line);min-width:0}#rl-story-v2.fd-shell summary{cursor:pointer;padding-block:11px}#rl-story-v2.fd-shell .fd-reading :is(p,ul){margin-block:10px}#rl-story-v2.fd-shell .fd-reading ul{padding-left:22px}#rl-story-v2.fd-shell .fd-reading li a{display:inline-block;padding-block:10px}#rl-story-v2 .fd-chapter-map{grid-area:map;min-width:0;margin:0;border:0}#rl-story-v2 .fd-chapter-map[open]{margin:4px 0 12px;border-block:1px solid var(--fd-line)}#rl-story-v2 .fd-chapter-map summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#rl-story-v2 .fd-chapter-map>summary:before{content:"+";font:20px ui-monospace,monospace;color:var(--fd-accent)}#rl-story-v2 .fd-chapter-map[open]>summary:before{content:"\2212"}#rl-story-v2 .fd-map-hint{margin-left:auto}#rl-story-v2 :is(.fd-map-hint,[data-map-position],.fd-map-intro,.fd-map-tabs span){color:var(--fd-muted);font-size:12px}#rl-story-v2 .fd-map-body{padding-bottom:14px}#rl-story-v2 .fd-map-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:12px}#rl-story-v2 .fd-map-tabs a{display:grid;align-content:start;gap:4px;padding:12px;color:var(--fd-ink);text-decoration:none;border:1px solid var(--fd-line);border-radius:7px}#rl-story-v2 .fd-map-tabs [aria-selected=true]{background:var(--fd-panel);border-color:var(--fd-accent);box-shadow:inset 0 -3px var(--fd-accent)}#rl-story-v2 .fd-map-outcome{padding-block:6px;font-weight:650}#rl-story-v2 .fd-map-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;list-style:none;margin:6px 0 0;padding:0}#rl-story-v2 .fd-map-lessons a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:baseline;gap:8px;min-height:58px;height:100%;padding:10px;border:1px solid var(--fd-line);border-radius:7px;color:var(--fd-ink);text-decoration:none}#rl-story-v2 .fd-map-lessons :is(time,.fd-map-number){color:var(--fd-muted);font:12px ui-monospace,monospace}#rl-story-v2 .fd-map-lessons [aria-current=step]{border-left:4px solid var(--fd-accent);background:var(--fd-panel)}#rl-story-v2 [data-map-current]{display:block;color:var(--fd-accent);font-size:12px;font-weight:650}@media (hover: hover){#rl-story-v2 :is(.fd-map-tabs,.fd-map-lessons) a:hover{background:var(--fd-panel);border-color:var(--fd-stroke)}}@media (max-width: 699px){#rl-story-v2 .fd-map-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#rl-story-v2 .fd-map-lessons{grid-template-columns:minmax(0,1fr)}#rl-story-v2 .fd-map-hint{display:none}#rl-story-v2 .fd-map-tabs a{padding:10px}}#rl-story-v2.fd-course .fd-mermaid{display:none}#rl-story-v2.fd-course .fd-mermaid svg{display:block;width:auto;max-width:100%;height:auto;max-height:360px;margin:auto;overflow:visible}#rl-story-v2.fd-course .fd-mermaid text{fill:var(--fd-ink);font-family:system-ui,sans-serif}#rl-story-v2.fd-course .fd-mermaid .edge-thickness-invisible{visibility:hidden}#rl-story-v2.fd-course .fd-mermaid :is(.node rect,.node polygon,rect.actor){fill:var(--fd-panel);stroke:var(--fd-stroke);stroke-width:1.4px;rx:5px}#rl-story-v2.fd-course .fd-mermaid :is(.flowchart-link,.messageLine0,.messageLine1,.actor-line,.loopLine){fill:none;stroke:var(--fd-stroke);stroke-width:1.5px}#rl-story-v2.fd-course .fd-mermaid .actor-line{stroke-dasharray:3 5;opacity:.7}#rl-story-v2.fd-course .fd-mermaid .messageLine1{stroke-dasharray:5 4}#rl-story-v2.fd-course .fd-mermaid marker path{fill:var(--fd-stroke);stroke:var(--fd-stroke)}#rl-story-v2.fd-course .fd-mermaid :is(.labelBkg,.edgeLabel .background){fill:var(--fd-panel);stroke:none}#rl-story-v2.fd-course .fd-mermaid .edgeLabel text{text-anchor:start}#rl-story-v2.fd-course .fd-mermaid .pressure rect{stroke:var(--fd-warn);stroke-width:2px;stroke-dasharray:6 4}#rl-story-v2.fd-course .fd-mermaid .failed :is(rect,path,polygon){fill:var(--fd-error-bg);stroke:var(--fd-error);stroke-width:3px;stroke-dasharray:2 2}#rl-story-v2.fd-course .fd-mermaid .protected rect{stroke:var(--fd-accent);stroke-width:2px}#rl-story-v2.fd-course .fd-mermaid .fd-current-node :is(rect,polygon){stroke:var(--fd-accent);stroke-width:2.5px}#rl-story-v2.fd-course .fd-mermaid .fd-current-message{stroke:var(--fd-accent);stroke-width:3px}#rl-story-v2.fd-course .fd-mermaid text.fd-current-message{fill:var(--fd-accent);stroke:none;font-weight:650}#rl-story-v2.fd-course .fd-mermaid .note{fill:var(--fd-bg);stroke:var(--fd-line)}#rl-story-v2.fd-course .fd-mermaid:has(.fd-compact-snapshot){display:block}#rl-story-v2.fd-course .fd-visual:has(.fd-compact-snapshot) :is(.fd-mobile-steps,.fd-mobile-legend){display:none}#rl-story-v2.fd-course .fd-mermaid .fd-wide-snapshot{display:none}#rl-story-v2.fd-course .fd-mermaid .fd-compact-snapshot{display:block;width:100%;max-width:360px;max-height:none}#rl-story-v2.fd-course .fd-snapshot .fd-snapshot-box{fill:var(--fd-bg);stroke:var(--fd-line);stroke-width:1.4px}#rl-story-v2.fd-course .fd-snapshot .fd-slot{fill:var(--fd-panel);stroke:var(--fd-stroke);stroke-dasharray:3 3}#rl-story-v2.fd-course .fd-snapshot .fd-held{fill:var(--fd-accent);stroke:var(--fd-accent)}#rl-story-v2.fd-course .fd-snapshot text.fd-on-accent{fill:var(--fd-bg)}#rl-story-v2.fd-course .fd-snapshot text.fd-stop-text{fill:var(--fd-error);font-weight:650}#rl-story-v2.fd-course .fd-snapshot .fd-server-stop{fill:var(--fd-error-bg);stroke:var(--fd-error);stroke-width:2px;stroke-dasharray:5 3}#rl-story-v2.fd-course .fd-snapshot .fd-server-wait{stroke:var(--fd-warn);stroke-width:2px;stroke-dasharray:5 3}#rl-story-v2.fd-course .fd-snapshot .fd-ramp-current{stroke:var(--fd-accent);stroke-width:3px}#rl-story-v2.fd-course .fd-snapshot [data-current=true] text:first-of-type{font-weight:650}#rl-story-v2.fd-course .fd-snapshot path{stroke-width:2px}@media (min-width: 700px){#rl-story-v2.fd-course .fd-mermaid .fd-wide-snapshot{display:block}#rl-story-v2.fd-course .fd-mermaid .fd-compact-snapshot{display:none}}#rl-story-v2.fd-course .fd-mobile-steps{list-style:none;padding:0;margin:0;counter-reset:step}#rl-story-v2.fd-course .fd-mobile-steps li{padding:9px 0 9px 30px;position:relative;border-bottom:1px solid var(--fd-line)}#rl-story-v2.fd-course .fd-mobile-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:10px;color:var(--fd-accent);font:12px ui-monospace,monospace}#rl-story-v2.fd-course .fd-mobile-steps span{display:block;font-size:11px;color:var(--fd-muted)}#rl-story-v2.fd-course .fd-mobile-steps strong{display:block;font-size:15px}#rl-story-v2.fd-course .fd-mobile-steps p{font-size:12px;color:var(--fd-muted)}#rl-story-v2.fd-course[data-visual-model=mechanism] .fd-diagram,#rl-story-v2.fd-course[data-visual-model=legacy] .fd-mobile-steps{display:none}#rl-story-v2.fd-course .fd-diagram{display:grid;gap:8px}#rl-story-v2.fd-course .fd-card{padding:10px;border:1px solid var(--fd-line);border-radius:7px}#rl-story-v2.fd-course .fd-card-index{display:none}#rl-story-v2.fd-course :is([data-card-name],[data-card-detail]){font-size:12px;color:var(--fd-muted)}#rl-story-v2.fd-course [data-card-value]{font-size:17px}#rl-story-v2.fd-course [data-card-state]{display:block;font:10px ui-monospace,monospace}#rl-story-v2.fd-course [data-health=failed]{border:3px double var(--fd-error)}#rl-story-v2.fd-course .story-tour-nav{display:none}#rl-story-v2.fd-course[data-lesson=request] .fd-mermaid svg{max-height:296px}@media (min-height: 850px){#rl-story-v2.fd-course[data-lesson=request] .fd-mermaid svg{max-height:336px}}@media (min-width: 1100px){#rl-story-v2.fd-course{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:0 20px;grid-template-areas:"heading heading heading" "controls controls controls" "map map map" "stage stage stage" "transcript practice depth";align-items:start}#rl-story-v2.fd-course:has(.fd-reading-transcript[open]){grid-template-areas:"heading heading heading" "controls controls controls" "map map map" "stage stage stage" "transcript transcript transcript" "practice practice depth"}#rl-story-v2.fd-course .fd-heading{grid-area:heading;display:grid;grid-template-columns:340px minmax(0,1fr);column-gap:24px;margin-bottom:8px}#rl-story-v2.fd-course .fd-heading :is(.fd-eyebrow,h2){grid-column:1}#rl-story-v2.fd-course .fd-heading .fd-audience{grid-column:2;grid-row:1 / span 2;align-self:center;margin-top:0}#rl-story-v2.fd-course .fd-titlebar{margin:0 0 6px}#rl-story-v2.fd-course>[data-story-interactive]{grid-area:controls;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 24px}#rl-story-v2.fd-course .fd-lesson-picker{grid-column:2;grid-row:1}#rl-story-v2.fd-course .fd-playback-options{grid-column:1 / -1;padding-right:270px}#rl-story-v2.fd-course .fd-chapter-map:not([open]){grid-area:controls;align-self:end;justify-self:end;margin:0;border:0}#rl-story-v2.fd-course .fd-chapter-map:not([open]) .fd-map-hint{display:none}#rl-story-v2.fd-course>[data-story-fallback]{grid-area:controls}#rl-story-v2.fd-course .fd-stage{grid-area:stage;min-width:0}#rl-story-v2.fd-course .fd-explanation-grid{grid-template-columns:minmax(0,1fr) min(280px,calc(100vw - 920px));gap:28px}#rl-story-v2.fd-course .fd-reading-transcript{grid-area:transcript}#rl-story-v2.fd-course .fd-reading-practice{grid-area:practice}#rl-story-v2.fd-course .fd-reading-depth{grid-area:depth}#rl-story-v2.fd-course .fd-mermaid{display:grid;align-items:center;min-height:260px}#rl-story-v2.fd-course .fd-diagram-legend{display:block}#rl-story-v2.fd-course .fd-mobile-legend{display:none}#rl-story-v2.fd-course :is(.fd-diagram,.fd-mobile-steps){display:none}}@media (max-width: 600px){#rl-story-v2.fd-shell .fd-audience{font-size:12px}#rl-story-v2.fd-shell .fd-titlebar{align-items:start}#rl-story-v2.fd-shell .fd-toolbar :is(button,select){padding-inline:7px}#rl-story-v2.fd-shell select{font-size:16px}#rl-story-v2.fd-shell .fd-observation h4{font-size:20px}#rl-story-v2.fd-shell .fd-observation{padding-block:0}#rl-story-v2.fd-shell .fd-explanation-grid{gap:14px}#rl-story-v2.fd-course .fd-mobile-steps p{display:none}}
