/* i03-pairs-shared-chart: built on g02-pairs-rows (success | failure pairs, one row per task) */
#episodes{--ok:#2f6f4e;--bad:#b3362c}
.pr-rows{display:grid;gap:0}
.pr-row{display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:start;padding:34px 0;border-top:1px solid var(--line)}
.pr-row:last-child{border-bottom:1px solid var(--line)}
.pr-meta h3{font-size:21px;margin:2px 0 10px}
.pr-def{font-size:15px;line-height:1.55;color:#3d4550;margin-bottom:12px}
.pr-speed{font-size:14px;line-height:1.55;color:var(--muted);margin-bottom:16px}
.pr-ctrl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pr-ctrl .small-button{font-size:13px;padding:5px 13px}
.pr-toggle{min-width:94px}
.pr-paper{border-top:1px dashed #d5dae2;padding-top:12px}
.pr-paper p{margin:0}
.pr-paper-head{font-size:12px;letter-spacing:.02em;color:var(--muted);margin-bottom:4px!important}
.pr-paper-vals{font-size:13px;line-height:1.7;color:#4a525d}
.pr-paper-vals span{white-space:nowrap;margin-right:6px}
.pr-paper-vals b{font-weight:600;color:var(--blue)}
.pr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,400px));gap:22px;justify-content:start}
.pr-tile{min-width:0}
.pr-frame{position:relative;aspect-ratio:1/1;border-radius:7px;overflow:hidden;background:#eef1f4;border:1px solid var(--line);cursor:pointer}
.pr-frame video{width:100%;height:100%;object-fit:cover}
.pr-failure .pr-frame::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--bad);z-index:2}
.pr-badge,.pr-rate{position:absolute;top:10px;z-index:3;font-size:12px;font-weight:600;line-height:1;padding:6px 9px;border-radius:4px;background:#fffffff2;letter-spacing:.01em}
.pr-badge{left:10px}
.pr-success .pr-badge{color:var(--ok)}
.pr-failure .pr-badge{color:var(--bad)}
.pr-rate{right:10px;color:#3a4350;font-variant-numeric:tabular-nums}
.pr-end{position:absolute;left:10px;right:10px;top:42px;z-index:3;font-size:13px;font-weight:600;line-height:1.35;padding:7px 10px;border-radius:4px;background:#ffffffef;color:#2b323b;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none}
.pr-success .pr-end{border-left:3px solid var(--ok)}
.pr-failure .pr-end{border-left:3px solid var(--bad)}
.pr-tile.is-done .pr-end{opacity:1;transform:none}
.pr-failure .pr-bar i{background:var(--bad)}
.pr-play{position:absolute;inset:auto 10px 10px auto;margin:0;width:34px;height:34px;border-radius:50%;border:0;background:#ffffffe8;box-shadow:0 2px 10px #0002;z-index:4;display:grid;place-items:center;opacity:0;transition:opacity .2s;pointer-events:none}
.pr-play::after{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #2b323b;margin-left:3px}
.pr-row.is-idle .pr-play,.pr-row[data-state=idle] .pr-play{opacity:1}
.pr-tile figcaption{font-size:14px;line-height:1.55;margin-top:12px}
.pr-success figcaption strong{color:var(--ok)}
.pr-failure figcaption strong{color:var(--bad)}
.pr-full{display:inline-block;font-size:13px;white-space:nowrap;margin-top:2px}
.pr-note{text-align:center;max-width:760px;margin:22px auto 0}
@media(prefers-reduced-motion:reduce){.pr-end,.pr-play{transition:none}}
@media(max-width:900px){.pr-row{grid-template-columns:1fr;gap:18px}.pr-meta{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.pr-meta h3{grid-column:1/-1}.pr-def,.pr-speed{grid-column:1}.pr-ctrl{grid-column:1}.pr-paper{grid-column:2;grid-row:2/5;align-self:start}.pr-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pr-row{padding:26px 0}.pr-meta{display:block}.pr-def{font-size:14px;margin-bottom:8px}.pr-speed{font-size:13px;margin-bottom:12px}.pr-ctrl{margin-bottom:14px}.pr-pair{gap:10px}.pr-badge,.pr-rate{top:6px;font-size:12px;padding:4px 6px}.pr-badge{left:6px}.pr-rate{right:6px}.pr-row{display:flex;flex-direction:column;gap:0}.pr-meta{display:contents}.pr-pair{order:1}.pr-paper{order:2;margin-top:16px!important;padding-top:10px}.pr-end{left:6px;right:6px;top:32px;font-size:12px;padding:5px 7px}.pr-play{width:28px;height:28px;right:6px;bottom:6px}.pr-tile figcaption{font-size:13px;margin-top:8px}.pr-full{font-size:12px;white-space:normal}.pr-paper{margin-top:4px}}
/* shared with all h-pages of this family */
.ep-note{font-size:13px;line-height:1.55;color:var(--muted);margin:-8px auto 8px;max-width:820px;text-align:center}
/* row: header strip, then pair | shared chart */
.pr-row.sc-row{display:block;padding:30px 0 28px}
.sc-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 28px;margin-bottom:16px;flex-wrap:wrap}
.sc-top h3{font-size:21px;margin:2px 0 6px}
.sc-top .pr-def{margin:0;max-width:640px}
.sc-top .pr-speed{display:inline;margin:0;font-size:14px}
.sc-top .pr-ctrl{margin:0}
.sc-body{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:30px;align-items:start}
.sc-body .pr-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;order:0}
.sc-body .pr-tile figcaption{font-size:13px;line-height:1.5;margin-top:8px}
.sc{margin:0;min-width:0}
.sc-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#3d4652;margin-bottom:2px}
.sc-key i{display:inline-block;width:18px;border-top:3px solid;vertical-align:middle;margin-right:7px}
.sc-key-s i{border-color:#2557a7}.sc-key-f i{border-color:#c2413b}
.sc-v{display:inline-block;min-width:34px;margin-left:4px;font-weight:650;font-variant-numeric:tabular-nums}
.sc-key-s .sc-v{color:#2557a7}.sc-key-f .sc-v{color:#c2413b}
.sc-svg{display:block;width:100%}
.sc-read{font-size:13px;line-height:1.55;color:#4a525d;margin-top:6px}
.sc-read b{font-weight:600;color:#2b323b}
.sc-row .pr-paper{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin-top:18px;padding-top:10px}
.sc-row .pr-paper-head{margin:0!important}
@media(max-width:900px){.sc-body{grid-template-columns:1fr;gap:18px}.sc-row .pr-pair{max-width:640px}}
@media(max-width:600px){.pr-row.sc-row{display:block;padding:24px 0}.sc-top{margin-bottom:12px}.sc-top .pr-ctrl{width:100%}.sc-top .pr-speed{font-size:13px}.sc-body .pr-pair{gap:10px}.sc-head{gap:4px 12px}.sc-row .pr-paper{display:block}}

.pr-split{position:absolute;left:10px;bottom:10px;z-index:3;font-size:12px;font-weight:600;line-height:1;padding:5px 8px;border-radius:4px;background:#fffffff2;color:#3a4350}
.sc-title{font-weight:600;color:#2b323b}
.sc-lane-text{pointer-events:none}
.sc-alt{display:flex;align-items:center;gap:4px;margin-right:10px;font-size:13px;color:var(--muted)}
.sc-alt span{margin-right:4px}
.sc-alt .small-button{min-width:32px;padding:5px 0;text-align:center}
.sc-alt .small-button[aria-pressed=true]{background:#e8eff9;border-color:#b9cbe8;color:var(--blue);font-weight:600}
@media(max-width:600px){.sc-alt{width:100%;margin:0 0 6px}}