/* Styles for debate.html only. Shared site styles remain in style.css. */
.debate-page { background:#101114; color:#f4f3ef; font-family:'Vazirmatn',Tahoma,sans-serif; }
.debate-page .debate-header,.debate-detail-page .debate-header { width:min(1180px,calc(100% - 48px)); margin:auto; min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(255,255,255,.1); }
.debate-page .site-logo,.debate-detail-page .site-logo { color:#f4f3ef; text-decoration:none; font-size:22px; font-weight:900; white-space:nowrap; }
.debate-page .site-logo span,.debate-detail-page .site-logo span { color:#d5f36a; }
.debate-page .main-nav,.debate-detail-page .main-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(12px,2vw,28px); }
.debate-page .main-nav a,.debate-detail-page .main-nav a { color:#a4a6ad; text-decoration:none; font-size:13px; transition:color .2s; }
.debate-page .main-nav a:hover,.debate-page .main-nav a.active,.debate-detail-page .main-nav a:hover,.debate-detail-page .main-nav a.active { color:#d5f36a; }
.debate-page .header-link,.debate-detail-page .header-link { color:#d5f36a; text-decoration:none; font-size:12px; white-space:nowrap; }
.debate-page .header-link span,.debate-detail-page .header-link span { margin-right:5px; }
.debate-page main { width:min(1180px,calc(100% - 48px)); margin:auto; }
.debate-page .latest-section { padding:86px 0 100px; }
.debate-page .section-heading { margin-bottom:28px; }
.debate-page .eyebrow { display:block; color:#d5f36a; font-size:10px; font-weight:800; letter-spacing:2px; margin-bottom:13px; }
.debate-page .section-heading h1 { font-size:clamp(30px,5vw,54px); line-height:1.3; font-weight:800; margin:0 0 8px; }
.debate-page .section-heading p,.debate-page .archive-heading p { color:#a4a6ad; font-size:14px; }
.debate-page .latest-card { display:block; position:relative; overflow:hidden; padding:clamp(22px,5vw,56px); border:1px solid rgba(255,255,255,.12); border-radius:26px; background:radial-gradient(ellipse at 50% 40%,rgba(213,243,106,.07),transparent 44%),linear-gradient(135deg,#1b1d23,#14161b); color:#f4f3ef; text-decoration:none; transition:transform .25s,border-color .25s,background .25s; }
.debate-page .latest-card:hover { transform:translateY(-4px); border-color:rgba(213,243,106,.55); background-color:#1b1d23; }
.debate-page .latest-top,.debate-page .latest-bottom { display:flex; align-items:center; justify-content:space-between; color:#a4a6ad; font-size:12px; }
.debate-page .latest-status { display:flex; align-items:center; gap:9px; }
.debate-page .live-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#d5f36a; box-shadow:0 0 0 5px rgba(213,243,106,.1); }
.debate-page .latest-number { direction:ltr; color:#737680; font-size:10px; letter-spacing:1.5px; }
.debate-page .debate-title { max-width:690px; margin:55px auto 42px; text-align:center; }
.debate-page .title-label { color:#a4a6ad; font-size:11px; }
.debate-page .debate-title h2 { margin:13px 0 15px; font-size:clamp(29px,5vw,55px); line-height:1.55; font-weight:800; }
.debate-page .debate-title p { color:#a4a6ad; font-size:14px; }
.debate-page .participants { display:flex; align-items:center; justify-content:center; gap:clamp(18px,6vw,85px); }
.debate-page .participant { min-width:130px; text-align:center; }
.debate-page .participant-photo { width:clamp(90px,13vw,142px); height:clamp(90px,13vw,142px); margin:0 auto 13px; overflow:hidden; border-radius:50%; border:1px solid rgba(213,243,106,.45); background:#252830; }
.debate-page .participant-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.debate-page .participant-role { color:#d5f36a; font-size:11px; }
.debate-page .participant h3 { margin-top:5px; font-size:14px; font-weight:600; }
.debate-page .versus { color:#737680; font-size:11px; font-weight:800; letter-spacing:2px; }
.debate-page .latest-bottom { margin-top:45px; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); }
.debate-page .latest-bottom .arrow { color:#d5f36a; font-size:20px; transition:transform .2s; }
.debate-page .latest-card:hover .arrow { transform:translateX(-5px); }
.debate-page .about-section { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(32px,8vw,120px); align-items:center; padding:70px 0 100px; border-top:1px solid rgba(255,255,255,.1); }
.debate-page .about-content h2 { font-size:clamp(27px,4vw,42px); line-height:1.55; }
.debate-page .about-line { width:54px; height:3px; background:#d5f36a; margin:24px 0; }
.debate-page .about-content p { max-width:650px; color:#a4a6ad; font-size:14px; line-height:2.3; }
.debate-page .about-side { padding:25px 30px; border-right:2px solid #d5f36a; background:#16181d; border-radius:0 16px 16px 0; }
.debate-page .quote-mark { color:#d5f36a; font-family:Georgia,serif; font-size:50px; line-height:1; }
.debate-page .about-side p { font-size:20px; line-height:1.9; font-weight:600; }
.debate-page .quote-caption { display:block; color:#737680; margin-top:20px; font-size:11px; }
.debate-page .archive-section { padding:55px 0 100px; border-top:1px solid rgba(255,255,255,.1); }
.debate-page .archive-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:30px; }
.debate-page .archive-heading h2 { font-size:clamp(25px,4vw,38px); margin-bottom:8px; }
.debate-page .archive-count { color:#737680; font-size:10px; direction:ltr; letter-spacing:1px; }
.debate-page .archive-list { display:grid; gap:14px; }
.debate-page .archive-item { display:grid; grid-template-columns:190px 1fr auto; align-items:center; gap:25px; padding:14px; color:#f4f3ef; text-decoration:none; background:#16181d; border:1px solid rgba(255,255,255,.08); border-radius:18px; transition:border-color .2s,transform .2s; }
.debate-page .archive-item:hover { border-color:rgba(213,243,106,.45); transform:translateY(-2px); }
.debate-page .archive-image { position:relative; height:130px; overflow:hidden; border-radius:12px; background:#252830; }
.debate-page .archive-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s; }
.debate-page .archive-item:hover .archive-image img { transform:scale(1.04); }
.debate-page .archive-image-number { position:absolute; bottom:9px; right:10px; padding:4px 8px; border-radius:5px; background:rgba(16,17,20,.8); color:#d5f36a; font-size:11px; }
.debate-page .archive-category { color:#d5f36a; font-size:11px; }
.debate-page .archive-info h3 { margin:7px 0; font-size:17px; }
.debate-page .archive-info p { color:#a4a6ad; font-size:12px; line-height:1.9; }
.debate-page .archive-meta { display:flex; align-items:center; gap:9px; margin-top:12px; color:#737680; font-size:10px; }
.debate-page .meta-divider { color:#d5f36a; }
.debate-page .archive-action { display:flex; align-items:center; gap:10px; color:#a4a6ad; font-size:11px; white-space:nowrap; }
.debate-page .archive-arrow { color:#d5f36a; font-size:20px; }
.debate-page .debate-footer,.debate-detail-page .debate-footer { width:min(1180px,calc(100% - 48px)); margin:auto; padding:25px 0 35px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,255,255,.1); }
.debate-page .debate-footer p,.debate-detail-page .debate-footer p { color:#737680; font-size:11px; }
.debate-page .debate-footer>a:last-child,.debate-detail-page .debate-footer>a:last-child { color:#a4a6ad; text-decoration:none; font-size:11px; }
@media(max-width:800px){.debate-page .debate-header,.debate-detail-page .debate-header{flex-wrap:wrap;justify-content:space-between;padding:18px 0}.debate-page .main-nav,.debate-detail-page .main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:8px 0}.debate-page .about-section{grid-template-columns:1fr;gap:30px}.debate-page .archive-item{grid-template-columns:140px 1fr;gap:16px}.debate-page .archive-image{height:115px}.debate-page .archive-action{grid-column:2;justify-content:flex-start}}
@media(max-width:520px){.debate-page .debate-header,.debate-detail-page .debate-header,.debate-page main,.debate-page .debate-footer,.debate-detail-page .debate-footer{width:calc(100% - 32px)}.debate-page .header-link,.debate-detail-page .header-link{font-size:10px}.debate-page .latest-section{padding:55px 0 65px}.debate-page .latest-card{padding:20px 16px;border-radius:18px}.debate-page .debate-title{margin:42px auto 32px}.debate-page .participants{gap:10px}.debate-page .participant{min-width:0;flex:1}.debate-page .participant h3{font-size:11px}.debate-page .versus{font-size:9px}.debate-page .archive-heading{align-items:flex-start}.debate-page .archive-count{display:none}.debate-page .archive-item{grid-template-columns:100px 1fr;padding:10px;gap:12px}.debate-page .archive-image{height:100px}.debate-page .archive-info h3{font-size:13px;line-height:1.7}.debate-page .archive-info p{font-size:10px}.debate-page .archive-meta{flex-wrap:wrap;font-size:9px}.debate-page .archive-action{grid-column:1/-1;justify-content:flex-end;padding:3px 4px}.debate-page .debate-footer,.debate-detail-page .debate-footer{flex-wrap:wrap}.debate-page .debate-footer p,.debate-detail-page .debate-footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){.debate-page *,.debate-detail-page *{transition:none!important;scroll-behavior:auto!important}}