/* Replay pages share the selected template's header, with isolated responsive content. */
body{--replay-accent:#df2837;--replay-ink:#202630;--replay-muted:#6d7480}
body.template-2{--replay-accent:#1f8b55}body.template-3,body.template-10{--replay-accent:#e85628}
body.template-4,body.template-6,body.template-8{--replay-accent:#226bb0}body.template-7,body.template-11{--replay-accent:#5d49a6}
body.template-9,body.template-12{--replay-accent:#167e81}body.template-13{--replay-accent:#c43768}
.replay-page,.replay-page *{box-sizing:border-box}
.replay-page{width:min(1200px,calc(100% - 32px));margin:0 auto 36px;color:var(--replay-ink);font-size:15px;line-height:1.65}
.replay-page a{color:inherit;text-decoration:none}.replay-page a:hover{color:var(--replay-accent)}
.replay-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:22px 0;color:var(--replay-muted);font-size:13px}
.replay-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.replay-primary,.replay-sidebar{min-width:0}.replay-panel{background:#fff;border:1px solid #e5e8ec;border-radius:8px;overflow:hidden}
.replay-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 26px 18px}
.replay-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--replay-accent);margin-bottom:7px}
.replay-page h1{font-size:25px;line-height:1.5;margin:0;font-weight:700;color:var(--replay-ink);overflow-wrap:anywhere}
.replay-count{color:var(--replay-muted);font-size:13px;white-space:nowrap}
.replay-tabs{display:flex;gap:8px;padding:0 26px 20px;border-bottom:1px solid #edf0f3;overflow:auto;white-space:nowrap}
.replay-tabs a{padding:7px 15px;border-radius:4px;background:#f4f5f7;font-size:14px}
.replay-tabs a.is-active,.replay-tabs a.is-active:hover{background:var(--replay-accent);color:#fff}
.replay-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 20px;align-items:center;padding:20px 26px;border-bottom:1px solid #edf0f3}
.replay-row:last-child{border-bottom:0}.replay-row:hover{background:#fafbfd}
.replay-row-meta{display:flex;gap:12px;align-items:center;color:var(--replay-muted);font-size:12px;grid-column:1}
.replay-row-meta span{color:var(--replay-accent)}
.replay-row h2{grid-column:1;font-size:16px;line-height:1.65;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--replay-ink)}
.replay-row .replay-watch{grid-column:2;grid-row:1/3;display:block;padding:8px 12px;border:1px solid #dfe3e9;border-radius:4px;font-size:13px;white-space:nowrap;color:var(--replay-accent)}
.replay-sidebar .replay-panel{padding:20px;margin-bottom:20px}.replay-sidebar h2,.replay-more h2,.replay-play-section h2{font-size:18px;margin:0 0 15px;line-height:1.6;color:var(--replay-ink)}
.replay-related{list-style:none;padding:0;margin:0}.replay-related li{padding:10px 0;border-bottom:1px solid #edf0f3;line-height:1.7;overflow-wrap:anywhere}
.replay-related li:last-child{border-bottom:0}.replay-related a{display:block;white-space:normal;overflow-wrap:anywhere}
.replay-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:24px 16px;border-top:1px solid #edf0f3}
.replay-pagination a,.replay-pagination span{padding:5px 10px;border-radius:3px;font-size:13px}.replay-pagination a{border:1px solid #e1e4e9}
.replay-pagination a[aria-current]{color:#fff;background:var(--replay-accent);border-color:var(--replay-accent)}
.replay-empty{text-align:center;padding:64px 20px;color:var(--replay-muted)}.replay-empty h2{font-size:20px;color:var(--replay-ink)}
.replay-detail-heading{padding:28px;border-bottom:1px solid #edf0f3}.replay-detail-heading p{display:flex;gap:16px;color:var(--replay-muted);margin:15px 0 0;font-size:13px}
.replay-play-section,.replay-more{padding:26px 28px}.replay-note{color:var(--replay-muted);margin:0 0 20px;font-size:14px}
.replay-play-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.replay-play-links a{display:flex;align-items:center;gap:12px;border:1px solid #dfe4e9;padding:14px 16px;border-radius:6px;overflow-wrap:anywhere}
.replay-play-links a:hover{border-color:var(--replay-accent);background:#fafbfd}.replay-play-links a>span:last-child{margin-left:auto}
.replay-play-icon{color:var(--replay-accent)}.replay-more{border-top:1px solid #edf0f3}
@media(max-width:900px){.replay-layout{grid-template-columns:minmax(0,1fr)}.replay-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.replay-page{width:calc(100% - 20px);margin-bottom:20px}.replay-breadcrumb{padding:15px 2px}.replay-heading{padding:20px 16px 16px}.replay-page h1{font-size:21px}.replay-tabs{padding:0 16px 16px}.replay-row{padding:16px;gap:7px 10px}.replay-row h2{font-size:15px}.replay-row .replay-watch{grid-row:3;grid-column:1;justify-self:start;padding:5px 12px;margin-top:3px}.replay-sidebar{display:block}.replay-detail-heading{padding:22px 18px}.replay-play-section,.replay-more{padding:20px 18px}.replay-play-links{grid-template-columns:minmax(0,1fr)}.replay-count{font-size:12px}.replay-related{font-size:14px}}
