/* Instruments for exploring recorded fields. The original grip replay is retained. */
.scenario-replay[data-replay-enhanced=true]{background:#091d24;border-color:#365359;border-radius:10px;box-shadow:0 20px 65px #0b252014}
[data-replay-enhanced=true] .replay-heading{padding:28px 28px 22px;background:#10282d}
[data-replay-enhanced=true] .replay-heading h3{max-width:850px;font-size:clamp(25px,2.7vw,36px)}
[data-replay-enhanced=true] .replay-heading .replay-kicker{color:#bbe5a6;letter-spacing:.13em;font-size:10px}
[data-replay-enhanced=true] .replay-selectors{display:block;padding:0 28px 22px;margin:0;background:#10282d}
.replay-lab-options{display:grid;gap:12px;width:100%}
.replay-choice-row{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:12px}
.replay-choice-label{color:#a8c4c4;font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding-top:15px}
.replay-choice-options{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.replay-choice-options button{font-weight:500;font-family:inherit;font-size:13px;line-height:1.35;color:#cfddda;background:#18363c;border:1px solid #456269;border-radius:4px;min-height:44px;padding:10px 15px;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.replay-choice-options button:hover{background:#244950;border-color:#8db8b7}
.replay-choice-options button[aria-pressed=true]{background:#c8eab1;color:#102b29;border-color:#c8eab1;font-weight:600;box-shadow:inset 0 -3px #99c786}
.replay-choice-options button:focus-visible,.replay-chapters button:focus-visible,.replay-reveal-control input:focus-visible{outline:2px solid #f0ffd7;outline-offset:4px}
.replay-reveal-control{display:grid!important;grid-template-columns:160px minmax(90px,1fr);gap:15px;align-items:center;max-width:550px;padding-left:82px;color:#b2d4d0!important;font-size:12px!important}
.replay-reveal-control input{width:100%;min-height:40px;accent-color:#bee5a6;margin:0;cursor:ew-resize}
[data-replay-enhanced=true] .replay-stage{aspect-ratio:1.72;min-height:390px;max-height:660px;background:#091d24;border-top:1px solid #365158;border-bottom:1px solid #365158}
.scenario-interactive [data-replay-enhanced=true] .replay-stage{aspect-ratio:1.9;max-height:660px}
[data-replay-enhanced=true] .replay-insight{margin:0;padding:18px 28px;font-size:15px;line-height:1.55;color:#d8efc4;background:#10272c;border-bottom:1px solid #365158;min-height:56px}
[data-replay-enhanced=true] .replay-controls{padding:20px 28px 2px;gap:20px}
[data-replay-enhanced=true] .replay-controls button{border-radius:4px;background:#c8eab1;min-height:46px}
[data-replay-enhanced=true] .replay-timeline input{accent-color:#c8eab1;min-height:44px}
.replay-chapters{display:grid;grid-template-columns:repeat(3,1fr);margin:0 28px 16px 148px;gap:8px}
.replay-chapters button{border:0;padding:8px 0;min-height:36px;font-family:inherit;font-size:11px;line-height:1.4;color:#9cbbb9;background:transparent;cursor:pointer;text-align:center}
.replay-chapters button:first-child{text-align:left}.replay-chapters button:last-child{text-align:right}
.replay-chapters button:hover,.replay-chapters button[aria-pressed=true]{color:#e8f8da;text-decoration:underline;text-underline-offset:5px}
[data-replay-enhanced=true] .replay-legend{padding:0 28px;margin-bottom:10px;font-size:12px;line-height:1.6;color:#bdd4d0}
[data-replay-enhanced=true] .replay-legend:before{display:none}
[data-replay-enhanced=true] .replay-caption{padding:0 28px;margin-bottom:24px;font-size:11px;line-height:1.65;color:#90adaa}
[data-replay-enhanced=true] .replay-attribution{padding:0 28px 22px;margin:-12px 0 0;font-size:11px;line-height:1.65;color:#90adaa}
.replay-attribution a{color:inherit;text-underline-offset:3px}
@media(max-width:900px){.replay-choice-row{grid-template-columns:1fr;gap:7px}.replay-choice-label{padding:0}.replay-reveal-control{padding-left:0;max-width:none}.replay-choice-options{gap:6px}.replay-choice-options button{flex:1;padding:10px 12px}}
@media(max-width:760px){
  [data-replay-enhanced=true] .replay-heading{padding:23px 18px 19px}
  [data-replay-enhanced=true] .replay-heading h3{font-size:27px;line-height:1.15}
  [data-replay-enhanced=true] .replay-heading>p:last-child{font-size:14px;line-height:1.55}
  [data-replay-enhanced=true] .replay-selectors{padding:0 18px 18px}
  .replay-lab-options{gap:16px}.replay-choice-options button{font-size:12px;padding:10px 9px;min-height:46px}
  .replay-reveal-control{grid-template-columns:130px minmax(70px,1fr);gap:8px;font-size:11px!important}
  [data-replay-enhanced=true] .replay-stage,.scenario-interactive [data-replay-enhanced=true] .replay-stage{aspect-ratio:auto;height:440px;min-height:0;max-height:none}
  [data-replay-enhanced=true] .replay-insight{padding:16px 18px;font-size:14px;min-height:0}
  [data-replay-enhanced=true] .replay-controls{padding:15px 18px 0;gap:15px}
  [data-replay-enhanced=true] .replay-controls button{min-width:80px;font-size:13px}
  .replay-chapters{margin:0 18px 15px 113px}.replay-chapters button{min-height:38px}
  [data-replay-enhanced=true] .replay-legend,[data-replay-enhanced=true] .replay-caption{padding:0 18px}
  [data-replay-enhanced=true] .replay-attribution{padding:0 18px 20px}
  [data-replay-enhanced=true] .replay-legend{font-size:11px}
  [data-replay-enhanced=true] .replay-caption{font-size:11px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.replay-choice-options button{transition:none}}
