/* Styles for debate-detail.html only; no repeated main-page About section. */
.debate-detail-page { background:#101114; color:#f4f3ef; font-family:'Vazirmatn',Tahoma,sans-serif; }
.debate-detail-page .detail-main { width:min(980px,calc(100% - 48px)); margin:0 auto; padding:34px 0 100px; }
.debate-detail-page .detail-back { display:inline-flex; align-items:center; gap:8px; margin-bottom:48px; color:#a4a6ad; text-decoration:none; font-size:12px; transition:color .2s; }
.debate-detail-page .detail-back:hover { color:#d5f36a; }
.debate-detail-page .eyebrow { display:block; margin-bottom:12px; color:#d5f36a; font-size:10px; font-weight:800; letter-spacing:2px; }
.debate-detail-page .detail-hero { text-align:center; }
.debate-detail-page .detail-hero h1 { max-width:850px; margin:0 auto 12px; font-size:clamp(30px,5vw,55px); font-weight:800; line-height:1.55; }
.debate-detail-page .detail-hero>p { color:#a4a6ad; font-size:14px; line-height:2; }
.debate-detail-page .detail-poster { width:100%; max-height:530px; margin:38px auto 0; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:#1b1d23; aspect-ratio:16/9; }
.debate-detail-page .detail-poster img { display:block; width:100%; height:100%; object-fit:cover; }
.debate-detail-page .detail-participants { display:flex; justify-content:center; align-items:center; gap:clamp(25px,9vw,110px); padding:48px 0 65px; border-bottom:1px solid rgba(255,255,255,.1); }
.debate-detail-page .detail-person { min-width:150px; text-align:center; }
.debate-detail-page .detail-person img { display:block; width:clamp(100px,14vw,150px); height:clamp(100px,14vw,150px); margin:0 auto 14px; object-fit:cover; border-radius:50%; border:1px solid rgba(213,243,106,.5); background:#252830; }
.debate-detail-page .participant-role { color:#d5f36a; font-size:11px; }
.debate-detail-page .detail-person h3 { margin-top:5px; font-size:14px; font-weight:600; }
.debate-detail-page .detail-vs { color:#737680; font-size:12px; font-weight:800; letter-spacing:2px; }
.debate-detail-page .detail-description { max-width:760px; margin:0 auto; padding:65px 0; text-align:center; }
.debate-detail-page .detail-description h2,.debate-detail-page .detail-video h2 { margin-bottom:16px; font-size:clamp(23px,3vw,32px); }
.debate-detail-page .detail-description p { color:#a4a6ad; font-size:14px; line-height:2.4; }
.debate-detail-page .detail-video { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:28px 30px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:#16181d; }
.debate-detail-page .detail-video h2 { margin-bottom:5px; }
.debate-detail-page .detail-video p { color:#a4a6ad; font-size:12px; line-height:1.9; }
.debate-detail-page .youtube-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:14px 18px; border-radius:10px; background:#d5f36a; color:#101114; text-decoration:none; font-size:12px; font-weight:800; white-space:nowrap; transition:background .2s,transform .2s; }
.debate-detail-page .youtube-link:hover { background:#e1ff83; transform:translateY(-2px); }
.debate-detail-page .youtube-link[aria-disabled="true"] { opacity:.55; cursor:not-allowed; }
.debate-detail-page .video-note { display:none; }
.debate-detail-page .detail-video:has(.youtube-link[aria-disabled="true"]) { flex-wrap:wrap; }
.debate-detail-page .detail-video:has(.youtube-link[aria-disabled="true"]) .video-note { display:block; width:100%; margin-top:-12px; color:#737680; font-size:11px; }
@media(max-width:700px){.debate-detail-page .detail-main{width:calc(100% - 32px);padding-top:24px}.debate-detail-page .detail-back{margin-bottom:35px}.debate-detail-page .detail-participants{gap:15px;padding:38px 0 48px}.debate-detail-page .detail-person{min-width:0;flex:1}.debate-detail-page .detail-person h3{font-size:12px}.debate-detail-page .detail-video{align-items:flex-start;flex-direction:column;padding:22px}.debate-detail-page .youtube-link{white-space:normal}}