/* Six stages, one shared visual and spoken walkthrough. */
.dp-intro{max-width:740px;margin:0 0 32px;font-size:19px;line-height:1.6}
.dp{min-width:0}
.dp-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #b7c0c7;margin-bottom:24px}
.dp-nav-btn{font:600 15px/1.3 'Segoe UI',Arial,sans-serif;appearance:none;text-align:left;background:transparent;color:#18354e;border:0;border-bottom:3px solid #bbc4ca;padding:17px 14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:105px}
.dp-nav-btn>span:first-child{color:#52687b;font-size:12px;letter-spacing:.1em}.dp-nav-btn:hover{background:#e9e5db}
.dp-nav-btn[aria-current]{background:#0e2a47;color:#fff;border-color:#e8743c}.dp-nav-btn[aria-current]>span:first-child{color:#a8cfff}
.dp-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);background:#0e2a47;color:#f4efe3;border:1px solid #6fb1fc;min-height:420px}
.dp-visual{position:relative;padding:28px 32px 46px;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(#6fb1fc16 1px,transparent 1px),linear-gradient(90deg,#6fb1fc16 1px,transparent 1px);background-size:22px 22px}
.dp-kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a8cfff}
.dp-art{display:block;width:100%;max-width:350px;height:auto;align-self:center}.dp-art *{fill:none;stroke:#dde9f6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dp-art .g{stroke:#e8743c}.dp-art .f{fill:#e8743c;stroke:none}.dp-art .thin{stroke-width:1.2;stroke:#9fc3e6}
.dp-art text{fill:#a8cfff;stroke:none;font:9px Consolas,'Segoe UI',monospace;letter-spacing:.08em}.dp-art text.gt{fill:#f99460;font-size:12px;font-weight:700}
.dp-stage .dp-title{font:700 32px/1.15 'Segoe UI',Arial,sans-serif;letter-spacing:-.02em;color:#fff;margin:4px 0 0}
.dp-sheet{position:absolute;bottom:15px;right:24px;color:#a8cfff;font:10px Consolas,monospace;letter-spacing:.1em}
.dp-cap{padding:28px 36px;display:flex;flex-direction:column;justify-content:center;gap:24px;background:#102e4b}
.dp-cap>div{border-bottom:1px solid #526a813d;padding-bottom:20px}.dp-cap>div:last-child{border-bottom:0;padding-bottom:0}
.dp-cap span{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a8cfff;margin-bottom:8px}
.dp-stage .dp-cap p{font:500 22px/1.4 'Segoe UI',Arial,sans-serif;margin:0;color:#fff;max-width:100%}.dp-cap .dp-support-row span{color:#ffa775}
.dp-caption{padding:18px 24px;border:1px solid #bcc5cd;border-top:0;min-height:116px;background:#fff9}.dp-caption-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#52687b}.dp-caption p{font-size:17px;line-height:1.5;margin:6px 0 0;max-width:100%}
.dp-progress{height:4px;background:#cbd0d2;margin:18px 0}.dp-progress span{display:block;height:100%;background:#e8743c;width:0}
.dp-ctrls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dp-btn,.dp-speed{font:600 14px/1.1 'Segoe UI',Arial,sans-serif;border:1px solid #8797a4;border-radius:5px;color:#0e2a47;background:transparent;min-height:44px;padding:11px 18px;cursor:pointer}
.dp-btn:disabled{opacity:.45;cursor:default}.dp-btn.dp-play{background:#e8743c;border-color:#e8743c;min-width:154px;color:#061b33}.dp-btn:hover:not(:disabled){background:#e2dcca}.dp-btn.dp-play:hover{background:#f28c4b}
.dp-speed{padding:8px}.dp-speed-label{display:flex;align-items:center;gap:8px;font-size:14px;margin-left:6px}.dp-time{margin-left:auto;font:13px Consolas,monospace;color:#52687b;font-variant-numeric:tabular-nums}
.dp-note,.dp-status{font-size:13px;line-height:1.5;color:#52687b;margin:14px 0 0}.dp-status:empty{display:none}
.dp-transcript{margin-top:24px;border-top:1px solid #b7c0c7;border-bottom:1px solid #b7c0c7;padding:18px 0}.dp-transcript summary{font-size:16px;font-weight:600;cursor:pointer;color:#18354e}.dp-transcript>div{max-width:850px;padding:10px 0 6px}.dp-transcript article{margin-top:24px}.dp-transcript h3{font-size:21px;margin-bottom:10px}.dp-transcript p{font-size:17px;line-height:1.7}
.dp button:focus-visible,.dp select:focus-visible,.dp-transcript summary:focus-visible{outline:3px solid #27689f;outline-offset:4px}
.dp-anim .dp-art .dp-stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:dpdraw 1.3s ease forwards;animation-delay:calc(var(--i) * 70ms)}
.dp-anim .dp-art text,.dp-anim .dp-art .f{opacity:0;animation:dpfade .6s ease forwards;animation-delay:calc(var(--i) * 70ms + .5s)}
.dp-anim .dp-cap>div{opacity:0;transform:translateY(8px);animation:dprise .6s ease forwards}
.dp-anim .dp-cap>div:nth-child(2){animation-delay:.3s}.dp-anim .dp-cap>div:nth-child(3){animation-delay:.6s}
.dp-paused .dp-art .dp-stroke,.dp-paused .dp-art text,.dp-paused .dp-art .f,.dp-paused .dp-cap>div{animation-play-state:paused}
@keyframes dpdraw{to{stroke-dashoffset:0}}@keyframes dpfade{to{opacity:1}}@keyframes dprise{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dp-anim .dp-art .dp-stroke,.dp-anim .dp-art text,.dp-anim .dp-art .f,.dp-anim .dp-cap>div{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}
@media(max-width:800px){.dp-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.dp-nav-btn{min-height:94px}.dp-stage{grid-template-columns:1fr}.dp-visual{padding:22px 24px 44px}.dp-art{max-width:270px}.dp-cap{padding:26px;gap:18px}.dp-stage .dp-title{font-size:28px}.dp-stage .dp-cap p{font-size:20px}.dp-caption{min-height:145px}.dp-time{margin-left:0}}
@media(max-width:420px){.dp-nav-btn{font-size:13px;padding:12px 9px;min-height:92px}.dp-ctrls{gap:8px}.dp-btn{padding:10px 14px}.dp-btn.dp-play{min-width:135px}.dp-cap{padding:22px}.dp-stage .dp-cap p{font-size:18px}.dp-caption{padding:16px;min-height:170px}.dp-time{margin-left:auto}.dp-speed-label{margin-left:0}.dp-intro{font-size:17px}}