.cap-play{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:20px 0 0;padding:11px 15px;border:1px solid #dce5ee;border-radius:10px;background:#f2f6fa;color:#073d6c;font-size:12px;font-weight:700}.cap-play:hover{background:#fff4df;border-color:#edc37d}.cap-play[aria-pressed=true]{background:#073d6c;color:#fff}.cap-trip-cards{list-style:none;margin:20px 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cap-trip-cards li{padding:10px 8px;border:1px solid #e4ebf1;border-radius:9px;background:#f5f8fb;opacity:.42;transition:opacity .3s,background .3s,border-color .3s,transform .3s}.cap-trip-cards li.trip-active{opacity:1;background:#fff}.cap-trip-cards li.trip-current{border-color:#e9a333;background:#fff8e9;transform:translateY(-2px)}.cap-trip-cards li.trip-capped{background:#edf7f2;border-color:#c9e3d6}.cap-trip-label{display:flex;justify-content:space-between;gap:4px;font-size:7px;font-weight:700;letter-spacing:.08em;color:#627789}.cap-trip-label small{font-size:7px;font-weight:400;letter-spacing:0}.cap-trip-cards strong{display:block;font-size:18px;font-weight:650;color:#073d6c;line-height:1.5;margin:5px 0}.cap-trip-note{font-size:8px;line-height:1.3;display:block;color:#627789}.cap-trip-cards .trip-capped strong{color:#26745b}.cap-demo .cap-live-message{font-size:11px;line-height:1.6;min-height:35px;margin:13px 0 16px;color:#8c631e;font-weight:600}.cap-settings,.cap-tariff-note{border-top:1px solid #e5ecf2;padding-top:12px;margin-top:15px}.cap-settings>summary,.cap-tariff-note>summary{font-size:11px;font-weight:650;color:#073d6c;cursor:pointer}.cap-settings[open]>summary,.cap-tariff-note[open]>summary{margin-bottom:15px}.cap-demo .cap-tariff-note p{font-size:10px;line-height:1.7;color:#627789;margin-bottom:12px}.cap-tariff-note a{display:block;font-size:10px;margin:8px 0;color:#073d6c;text-decoration:underline;text-underline-offset:3px}.cap-demo .widget-footnote{color:#627789;font-size:10px;line-height:1.7}.cap-demo.cap-reached .cap-bar>div{background:#e9a333}.cap-demo .saved strong{color:#073d6c}.cap-demo .cap-total{padding-top:23px;padding-bottom:20px}
.stage-open{display:flex;align-items:center;gap:13px;width:100%;min-height:66px;border:1px solid #c4d4df;border-radius:14px;background:#ffffffb8;color:#073d6c;padding:12px 17px;text-align:left;box-shadow:0 4px 12px #073d6c05;transition:border-color .2s,background .2s,transform .2s}.stage-open-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#edf3f8;color:#073d6c}.stage-open-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.stage-open-label{display:flex;flex:1;flex-direction:column;gap:4px}.stage-open-label strong{font-size:14px;line-height:1.2;font-weight:700}.stage-open-label small{font-size:9px;line-height:1.4;color:#7a8f9f;letter-spacing:.03em}.stage-open-arrow{font-size:20px;color:#ad7b26;transition:transform .2s}.stage-open:hover{border-color:#c69a52;background:#fff9ee;transform:translateY(-1px)}.stage-open:hover .stage-open-arrow{transform:translate(2px,-2px)}.stage-open:focus-visible{outline:3px solid #e9a333;outline-offset:4px}.source-chapter-title{font-size:16px;line-height:1.5;color:#12334e;margin:0 0 16px}.source-chapter-title strong{font-weight:700}.dark .source-chapter-title{color:#fff}
.demo-stage{inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;background:radial-gradient(ellipse at 75% 42%,#e5f1f4 0,#f2f6fa 65%);overflow:hidden}.demo-stage[open]{display:flex;flex-direction:column}.stage-header{display:flex;align-items:center;gap:28px;padding:18px 4vw;border-bottom:1px solid #dce5ee;flex:none;background:#ffffffc9}.stage-header img{width:120px;height:auto}.stage-header>span{font-size:9px;letter-spacing:.18em;color:#627789;font-weight:700}.stage-close{margin-left:auto;display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;font-size:25px;line-height:1;color:#073d6c}.stage-close span{font-size:11px}.stage-main{flex:1;min-height:0;overflow:auto;padding:20px 4vw}.demo-stage .app-demo{height:100%;width:100%;max-width:1280px;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:7vw;margin:0 auto;align-items:center}.demo-stage .app-demo>.interactive-phone{width:min(42vw,calc((100dvh - 175px)*.47));max-width:420px;grid-column:2;grid-row:1;padding:8px;box-shadow:0 22px 60px #073d6c26;align-self:center}.demo-stage .demo-copy{max-width:550px}.demo-stage .demo-copy>.demo-step-number,.demo-stage #demo-title,.demo-stage #demo-description,.demo-stage .journey-player,.demo-stage #demo-reset,.demo-stage .demo-copy>.caption,.demo-stage .journey-receipt-card,.demo-stage .journey-live-tools{display:none!important}.stage-story .stage-kicker{font-size:12px;font-weight:700;letter-spacing:.15em;color:#b78028;margin:0 0 21px}.stage-story h2{font-size:clamp(34px,4.3vw,64px);line-height:1.1;margin:0 0 24px;letter-spacing:-.04em;color:#12334e}.stage-story .stage-explanation{font-size:clamp(16px,1.6vw,23px);line-height:1.65;margin:0 0 25px;color:#627789;max-width:490px}.stage-demo-note{font-size:8px;letter-spacing:.1em;color:#8295a4;font-weight:650}.demo-stage .demo-timeline{margin-top:35px;gap:12px}.demo-stage .demo-timeline li{font-size:12px;padding-top:12px}.demo-stage .demo-feedback{font-size:14px;line-height:1.6}.demo-stage .journey-live-stops li{font-size:10px}.demo-stage .live-stops-heading strong{font-size:10px}.demo-stage .journey-live-stops li small{font-size:7px}.demo-stage .poi-map-hint{font-size:8px}.stage-controls{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 4vw;border-top:1px solid #dce5ee;background:#ffffffed;flex:none}.stage-controls button{border:1px solid #c6d5e0;border-radius:9px;padding:11px 16px;background:white;color:#073d6c;font-size:12px;font-weight:650;white-space:nowrap}.stage-controls button:disabled{opacity:.35;cursor:default}.stage-controls .stage-play{background:#e9a333;border-color:#e9a333;min-width:150px}.stage-controls button:not(:disabled):hover{border-color:#c18a32;background:#fff6e5}.stage-controls .stage-extra{background:#edf4fa}.stage-controls .stage-restart{border-color:transparent;background:transparent}.stage-key-hint{font-size:9px;line-height:1.5;color:#8ba0b0;margin-left:15px;white-space:nowrap}.demo-stage-open #presentation-controls{visibility:hidden}
@media(max-width:1000px){.stage-key-hint{display:none}.demo-stage .app-demo{gap:35px}.stage-story h2{font-size:40px}.stage-story .stage-explanation{font-size:17px}.demo-stage .journey-live-stops li{font-size:8.5px}}
@media(max-width:700px){.stage-header{padding:15px 20px;gap:16px}.stage-header img{width:100px}.stage-header>span{font-size:7px}.stage-close span{display:none}.stage-main{padding:30px 22px}.demo-stage .app-demo{height:auto;display:flex;flex-direction:column;gap:28px}.demo-stage .demo-copy{width:100%;max-width:500px}.stage-story .stage-kicker{font-size:10px;margin-bottom:12px}.stage-story h2{font-size:34px;margin-bottom:15px}.stage-story .stage-explanation{font-size:15px;margin-bottom:12px}.demo-stage .demo-timeline{margin-top:20px}.demo-stage .demo-feedback{font-size:12px}.demo-stage .app-demo>.interactive-phone{width:min(330px,78vw);max-width:none;margin:auto}.stage-controls{gap:6px;padding:10px 12px;flex-wrap:wrap}.stage-controls button{padding:9px 11px;font-size:10px}.stage-controls .stage-play{min-width:125px}.stage-restart span{display:none}.cap-trip-cards strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.cap-trip-cards li,.stage-open,.stage-open-arrow{transition:none}.cap-bar>div{transition:none!important}}
@media print{.stage-open,.demo-stage,.cap-play{display:none!important}}

.source-subchapter-title strong{font-weight:700}