.jd-debrief{--jd-line:var(--jgo-line,#dce5ef);--jd-ink:var(--jgo-ink,#172b46);--jd-muted:var(--jgo-muted,#55677f);--jd-surface:var(--jgo-surface,#fff);color:var(--jd-ink)}
.jd-debrief .jr-section-title{align-items:start;gap:20px;flex-wrap:wrap}.jd-debrief .jr-section-title p{margin:8px 0 0;max-width:65ch;color:var(--jd-muted)}
.jd-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:28px;align-items:start}
.jd-recording,.jd-events{min-width:0}.jd-recording .jr-replay{margin:0;border-radius:12px;overflow:hidden;background:var(--jd-surface)}
.jd-debrief .jr-replay-map{height:360px}.jd-debrief .jr-replay-console{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;background:var(--jd-surface);color:var(--jd-ink)}
.jd-debrief .jr-replay-console button{min-height:44px;min-width:80px}.jd-debrief .jr-replay-scrub{flex:1;min-width:160px}.jd-debrief .jr-replay-scrub label,.jd-debrief .jr-replay-scrub output{display:block;font-size:12px;color:var(--jd-muted)}
.jd-debrief .jr-replay-scrub input{width:100%;min-height:32px;accent-color:var(--jgo-accent,#1166b3)}
.jd-debrief .jr-replay-metrics{display:flex;flex-basis:100%;flex-wrap:wrap;gap:20px;color:var(--jd-muted);font-size:12px}.jd-debrief .jr-replay-metrics strong{color:var(--jd-ink)}
.jd-source{font-size:12px!important;line-height:1.6;color:var(--jd-muted);overflow-wrap:anywhere}.jd-recording #jd-replay-note{padding:0 16px 16px;margin:0}
.jd-recording .jr-profile{padding:22px 0 0;background:transparent!important;box-shadow:none;border:0}.jd-recording .jr-profile .jr-section-title{margin-bottom:12px}.jd-recording .jr-profile h2{font-size:18px}.jd-recording .jr-chart{padding-top:12px;background:var(--jd-surface)}
.jd-recording .jr-chart-readout{font-size:12px;flex-wrap:wrap}.jd-recording .jr-chart-readout>span:last-child{margin-left:0}.jd-recording .jr-scrub-label{flex-wrap:wrap;gap:8px}
.jd-events>h3{font-size:18px;margin:0 0 8px}.jd-event-list{list-style:none;padding:0;margin:16px 0 22px;max-height:310px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--jd-muted) transparent;border-block:1px solid var(--jd-line)}
.jd-event-list li+li{border-top:1px solid var(--jd-line)}.jd-event-list button{display:grid;width:100%;min-height:72px;padding:12px;text-align:left;gap:4px;border:0;background:transparent;color:var(--jd-ink);font:inherit;cursor:pointer;border-radius:4px}
.jd-event-list button[aria-pressed=true]{background:var(--jgo-surface-raised,#edf4fb);box-shadow:inset 0 0 0 1px var(--jd-line)}.jd-event-list button:hover{background:var(--jgo-surface-soft,#f6f9fd)}.jd-event-list button:focus-visible{outline:2px solid var(--jgo-control-focus,#1671bc);outline-offset:-3px}
.jd-event-list span,.jd-event-list small{font-size:12px;color:var(--jd-muted)}.jd-event-list strong{font-size:14px}.jd-explanation{border-top:1px solid var(--jd-line);padding-top:18px}.jd-explanation h3{font-size:21px;margin:0 0 10px}.jd-explanation h4{font-size:14px;margin:20px 0 8px}.jd-explanation p{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.jd-selection{font-size:12px!important;color:var(--jd-muted)}.jd-alignment{color:var(--jd-muted)}
.jd-explanation dl{margin:18px 0}.jd-explanation dl>div{padding:10px 0;border-bottom:1px solid var(--jd-line)}.jd-explanation dt{font-size:12px;font-weight:500;color:var(--jd-muted)}.jd-explanation dd{margin:4px 0 0}.jd-explanation dd strong{font-size:16px;color:var(--jd-ink)}.jd-explanation small{display:block;font-size:12px;color:var(--jd-muted);line-height:1.6;margin-top:4px}.jd-explanation ul{padding:0;list-style:none}.jd-explanation li{padding:8px 0;border-bottom:1px solid var(--jd-line);font-size:13px}.jd-explanation li>strong{display:block;color:var(--jd-ink)}
.jd-unavailable{padding:24px 0;border-block:1px solid var(--jd-line)}.jd-unavailable h3{font-size:20px}.jd-unavailable p{color:var(--jd-muted);line-height:1.7}.jd-debrief :is(#jd-event-effects:empty){display:none}
.jd-debrief .jr-profile input[type=range]{min-height:32px}.jd-debrief .jr-segment button{min-height:44px}
@media(max-width:960px){.jd-workspace{grid-template-columns:1fr}.jd-event-list{max-height:240px}.jd-debrief .jr-replay-map{height:320px}.jd-recording .jr-profile{padding-top:20px}}
@media(max-width:480px){.jd-debrief .jr-replay-map{height:270px}.jd-workspace{gap:22px}.jd-debrief .jr-section-title>span{font-size:12px}.jd-debrief .jr-replay-scrub{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.jd-debrief *{scroll-behavior:auto!important;transition:none!important}}