.ex-intro{padding-bottom:30px}.ex-intro .eyebrow{display:block;margin-top:28px}.ex-intro h1{max-width:1000px}.ex-intro .lead{max-width:840px}
.ex-experience{background:#f0f3f4}.ex-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ex-choices a,.ex-motion{padding:12px 18px;min-height:44px;border:1px solid #bcc7cd;background:#fff;color:#172630;font:600 15px/1.4 var(--body);text-decoration:none;cursor:pointer}.ex-choices a[aria-pressed=true]{background:#172630;color:#fff;border-color:#172630;box-shadow:inset 0 -3px #d80000}.ex-choices a:hover{border-color:#d80000}.ex-motion{font-size:13px;padding:10px 14px}.ex-instruction{max-width:850px;font-size:15px;color:#43555f;margin:20px 0 28px}.ex-panel{scroll-margin-top:130px;background:#fff;border:1px solid #ccd5da;margin-bottom:32px;overflow:hidden}.ex-panel[hidden]{display:none}.ex-panel-heading{padding:32px 36px 0}.ex-panel-heading h2{font-size:clamp(32px,4vw,52px);margin:12px 0}.ex-panel-heading p{max-width:780px;color:#43555f}.ex-scene{background:linear-gradient(150deg,#fff,#e9eff2);padding:0 32px 24px}.ex-scene svg{display:block;width:100%;height:300px;max-width:780px;margin:auto;overflow:visible}.scene-structure{fill:#e5ebee;stroke:#465d69;stroke-width:2;stroke-linejoin:round}.scene-grid{fill:none;stroke:#c7d5dd;stroke-width:1}.scene-route{fill:none;stroke:#08759b;stroke-width:3;stroke-dasharray:7 9}.scene-node{fill:#d80000;stroke:#fff;stroke-width:3}.event-mark{stroke:#d80000;fill:none;stroke-width:3}.ex-enhanced .ex-active-path .scene-route{animation:ex-route 4s linear 1}.ex-zone-labels{display:flex;justify-content:space-around;gap:12px;font:600 12px/1.5 var(--body);letter-spacing:.08em;color:#43555f;text-align:center}.ex-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:32px;gap:22px;border-top:1px solid #ccd5da}.ex-stage{min-width:0;border-top:3px solid #08759b;padding-top:14px}.ex-stage-number{font:600 13px var(--body);color:#a30000}.ex-stage h3{font-size:27px;margin:8px 0 18px;color:#172630}.ex-node{border-bottom:1px solid #d4dce0}.ex-node summary{padding:13px 2px;font:600 15px/1.5 var(--body);cursor:pointer;min-height:48px;color:#223a47}.ex-node[open] summary{color:#a30000}.ex-node p{font-size:14px;line-height:1.65;margin:0;padding:0 2px 18px;color:#43555f}.ex-outcome,.ex-limit{margin:0;padding:22px 36px;background:#f3f6f7;color:#263c49;font-size:15px;line-height:1.7}.ex-outcome strong{color:#a30000;margin-right:12px}.ex-limit{background:#fff;border-top:1px solid #d4dce0}.ex-enhanced.ex-paused .ex-active-path .scene-route{animation-play-state:paused}.experience-page :is(a,button,summary):focus-visible{outline:3px solid #d80000;outline-offset:3px}.experience-page .prose{max-width:1000px}.experience-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.experience-discovery{padding-top:20px;padding-bottom:20px}
@keyframes ex-route{to{stroke-dashoffset:-96}}
@media(max-width:1100px){.ex-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-scene svg{height:260px}}
@media(max-width:600px){.ex-panel-heading{padding:24px 20px 0}.ex-stages{grid-template-columns:1fr;padding:20px;gap:24px}.ex-scene{padding:0 12px 20px}.ex-scene svg{height:210px}.ex-zone-labels{font-size:10px;letter-spacing:0;gap:8px}.ex-choices a{flex:1 1 145px;padding:12px;font-size:14px}.ex-outcome,.ex-limit{padding:20px}.ex-panel-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.ex-enhanced .ex-active-path .scene-route{animation:none}.ex-motion{display:none}}
@media(forced-colors:active){.scene-structure,.scene-route,.scene-grid,.event-mark{stroke:CanvasText}.ex-choices a[aria-pressed=true]{outline:3px solid Highlight}}

.ex-outcome,.ex-limit{max-width:none}.ex-scene svg{max-width:1100px;height:340px}.scene-equipment{fill:#fff;stroke:#465d69;stroke-width:2;stroke-linejoin:round}.scene-equipment circle{fill:#d9edf4}.scene-annotations{font:600 14px var(--body);fill:#263c49;letter-spacing:1px}.ex-panel:has(.ex-node[open]) .scene-route{stroke:#d80000}.ex-motion[hidden]{display:inline-block;visibility:hidden}
@media(max-width:600px){.ex-scene svg{height:180px}.scene-annotations{font-size:17px}}

.ex-motion-slot{height:44px;margin-bottom:16px}.ex-motion{margin:0}
@media(max-width:600px){.scene-annotations{display:none}.ex-zone-labels{font-size:11px}}
.scene-equipment path{fill:none}