/* News listing, article reading, AI Analysis pages */

.NewsCard{
  background:var(--white);
  border:1px solid var(--line-light);
  border-radius:var(--card-radius);
  min-width:0;
  overflow:hidden;
}
.NewsCard > a{
  display:flex;
  flex-direction:column;
  color:inherit;
  height:100%;
  min-width:0;
}
.NewsCard-body{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:22px 22px 24px;
  min-width:0;
  flex:1;
}
.NewsCard h3{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:22px;
  line-height:1.12;
  letter-spacing:0.01em;
}
.NewsCard .news-excerpt{
  color:var(--slate-light);
  font-size:14.5px;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.NewsCard .news-meta{ margin-top:4px; }
.NewsCard .news-read{ margin-top:auto; padding-top:14px; }
.NewsCard .news-media{
  height:168px;
  border-radius:0;
}

.news-list-featured{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);
  gap:36px;
  align-items:stretch;
  margin-bottom:48px;
  padding-bottom:48px;
  border-bottom:1px solid var(--line-light);
}
.news-list-featured .news-media--featured{ height:100%; min-height:280px; margin-bottom:0; }
.news-list-featured-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:8px 0;
}
.news-list-featured-copy h2{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.08;
  margin:8px 0 14px;
}
.news-list-featured-copy p{
  color:var(--slate-light);
  font-size:16px;
  line-height:1.65;
  max-width:540px;
}
.news-list-featured-copy .news-read{ margin-top:18px; }

.news-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
}
.news-load{
  display:flex;
  justify-content:center;
  margin-top:36px;
}
.news-load[hidden]{ display:none !important; }

.article-hero .page-lead{ max-width:720px; }
.article-byline{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:22px;
  font-family:var(--f-mono);
  font-size:12.5px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#AAB2C5;
}
.article-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,0.7fr);
  gap:48px;
  align-items:start;
  padding:var(--section-y) 0 calc(var(--section-y) + var(--pre-footer));
}
.article-media{
  margin-bottom:36px;
}
.article-media .news-media{
  height:340px;
  border-radius:var(--card-radius);
}
.article-prose{
  max-width:680px;
}
.article-prose p{
  font-size:17.5px;
  line-height:1.75;
  color:var(--ink-soft);
  margin-bottom:22px;
}
.article-prose p:last-child{ margin-bottom:0; }
.article-aside{
  display:flex;
  flex-direction:column;
  gap:20px;
  min-width:0;
}
.article-aside .detail-panel h2{ font-size:18px; margin-bottom:16px; }
.related-stat{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid var(--line-light);
  font-size:14.5px;
}
.related-stat:last-child{ border-bottom:0; }
.related-stat b{
  font-family:var(--f-mono);
  font-weight:700;
}
.related-link{
  display:block;
  padding:12px 0;
  border-bottom:1px solid var(--line-light);
  min-width:0;
}
.related-link:last-child{ border-bottom:0; }
.related-link span{
  display:block;
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:0.07em;
  text-transform:uppercase;
  color:var(--slate-light);
  margin-bottom:4px;
}
.related-link strong{
  display:block;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}
.analysis-aside .detail-panel h2{ font-size:18px; margin-bottom:16px; }
.analysis-aside-panel{ margin-top:20px; }
.analysis-aside-panel:first-child{ margin-top:0; }

.analysis-header-teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:16px 20px;
  align-items:center;
  margin-top:22px;
  max-width:720px;
}
.analysis-header-team{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  font-size:16px;
  font-weight:700;
  line-height:1.3;
}
.analysis-header-team.away{ justify-content:flex-end; text-align:right; }
.analysis-header-team span{ overflow-wrap:break-word; }
.analysis-header-crest{
  width:40px;
  height:40px;
  font-size:13px;
  flex-shrink:0;
}
.analysis-header-score{
  font-family:var(--f-mono);
  font-weight:800;
  font-size:clamp(28px, 4vw, 40px);
  color:var(--white);
  line-height:1;
  white-space:nowrap;
}

.AIInsightCard{
  background:var(--navy-800);
  color:var(--white);
  border:1px solid var(--line-dark-strong);
  border-radius:var(--card-radius);
  padding:28px 28px 26px;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.AIInsightCard-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
}
.ai-badge{
  font-family:var(--f-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#04180E;
  background:var(--gold);
  padding:5px 8px;
  border-radius:5px;
}
.AIInsightCard-match{
  font-family:var(--f-mono);
  font-size:12px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:#C6CBDA;
}
.AIInsightCard-time{
  margin-left:auto;
  font-family:var(--f-mono);
  font-size:13px;
  font-weight:700;
  color:var(--green);
}
.AIInsightCard h3{
  font-family:var(--f-display);
  font-weight:700;
  font-size:26px;
  line-height:1.18;
  text-transform:uppercase;
  letter-spacing:0.01em;
}
.AIInsightCard > p{
  color:#C6CBDA;
  font-size:15px;
  line-height:1.65;
}
.AIInsightCard-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  padding:14px 0 4px;
  border-top:1px solid var(--line-dark);
}
.AIInsightCard-stats li{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.AIInsightCard-stats span{
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:0.07em;
  text-transform:uppercase;
  color:var(--slate);
}
.AIInsightCard-stats b{
  font-family:var(--f-mono);
  font-size:16px;
  font-weight:700;
}
.AIInsightCard-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:4px;
}
.ai-trend{
  font-family:var(--f-mono);
  font-size:12px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--gold);
}
.ai-trend--up{ color:var(--green); }
.ai-trend--down{ color:var(--red); }
.ai-conf{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:120px;
}
.ai-conf-label{
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--slate);
}
.ai-conf-track{
  height:4px;
  background:var(--navy-700);
  border-radius:4px;
  overflow:hidden;
  width:120px;
}
.ai-conf-track > span{
  display:block;
  height:100%;
  background:var(--green);
  border-radius:4px;
}

.ai-insight-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:20px;
}
.ai-live-matches{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}
.ai-live-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:20px;
  border:1px solid var(--line-light);
  background:var(--white);
  font-size:13.5px;
  font-weight:600;
}
.ai-live-chip b{ font-family:var(--f-mono); color:var(--green); }

.analysis-card{
  background:var(--white);
  border:1px solid var(--line-light);
  border-radius:var(--card-radius);
  padding:26px 26px 24px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.analysis-card .news-tag{ margin-bottom:0; }
.analysis-card h3{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:24px;
  line-height:1.1;
}
.analysis-card p{
  color:var(--slate-light);
  font-size:15px;
  line-height:1.6;
}
.analysis-card .btn{ align-self:flex-start; margin-top:6px; }

.trend-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
}
.trend-block{
  background:var(--white);
  border:1px solid var(--line-light);
  border-radius:var(--card-radius);
  padding:24px;
  min-width:0;
}
.trend-block h3{
  font-family:var(--f-mono);
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--green);
  margin-bottom:10px;
}
.trend-block p{
  font-size:15.5px;
  line-height:1.6;
  color:var(--ink-soft);
}

.ai-summary-panel{
  background:var(--navy-950);
  color:var(--white);
  border-radius:var(--card-radius);
  padding:36px 36px 32px;
  border:1px solid var(--line-dark);
}
.ai-summary-panel h2{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:28px;
  margin-bottom:14px;
}
.ai-summary-panel p{
  color:#C6CBDA;
  font-size:16.5px;
  line-height:1.65;
  max-width:760px;
}

.editorial-block{ margin-bottom:36px; }
.editorial-block > h2{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:28px;
  margin-bottom:16px;
  letter-spacing:0.01em;
}
.editorial-kicker{
  font-family:var(--f-mono);
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--green);
  font-weight:700;
  margin-bottom:10px;
}

.analysis-score{
  font-family:var(--f-mono);
  font-weight:800;
  font-size:clamp(28px, 4vw, 40px);
  color:var(--white);
  margin-top:8px;
  line-height:1.15;
  overflow-wrap:break-word;
}
.analysis-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,0.75fr);
  gap:48px;
  align-items:start;
  padding:var(--section-y) 0 calc(var(--section-y) + var(--pre-footer));
}
.analysis-main{ min-width:0; }
.analysis-verdict{
  background:var(--navy-950);
  color:var(--white);
  border-radius:var(--card-radius);
  padding:36px 36px 32px;
  margin-bottom:28px;
  border:1px solid var(--line-dark);
}
.analysis-verdict .editorial-kicker{ color:var(--gold); }
.analysis-verdict p{
  font-family:var(--f-display);
  font-weight:600;
  font-size:clamp(22px, 2.4vw, 28px);
  line-height:1.35;
  text-transform:none;
  color:#F1F2F6;
  overflow-wrap:break-word;
}
.analysis-section{
  padding:28px 32px;
  margin-bottom:20px;
  background:var(--white);
  border:1px solid var(--line-light);
  border-radius:var(--card-radius);
}
.analysis-section h2{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:22px;
  margin-bottom:16px;
  letter-spacing:0.02em;
}
.analysis-section p{
  font-size:16.5px;
  line-height:1.7;
  color:var(--ink-soft);
  max-width:680px;
}
.moment-list,
.impact-list,
.obs-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.moment-item,
.impact-item{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid var(--line-light);
}
.moment-item:last-child,
.impact-item:last-child{ border-bottom:0; }
.moment-min{
  font-family:var(--f-mono);
  font-weight:700;
  color:var(--green);
  font-size:14px;
}
.obs-list li{
  padding:10px 0;
  border-bottom:1px solid var(--line-light);
  font-size:15.5px;
  line-height:1.6;
  color:var(--ink-soft);
}
.obs-list li:last-child{ border-bottom:0; }
.impact-item{ color:inherit; }
.impact-item strong{ display:block; margin-bottom:4px; }
.impact-item p{ font-size:14.5px; line-height:1.55; max-width:none; }
.impact-item:hover strong{ color:var(--green); }

.analysis-stat-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.analysis-stat-row span{
  font-family:var(--f-mono);
  font-size:12.5px;
  padding:8px 12px;
  border-radius:8px;
  background:var(--paper-2);
  border:1px solid var(--line-light);
}

.page-section-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:48px 0 22px;
}
[data-ai-page] .page-section-head:first-child{
  margin-top:0;
}
.page-section-head h2{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  font-size:28px;
  letter-spacing:0.01em;
}
.page-section-head p{
  color:var(--slate-light);
  font-size:15px;
  line-height:1.5;
  max-width:520px;
}

@media (max-width:1024px){
  .news-card-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .article-layout,
  .analysis-layout{ grid-template-columns:1fr; gap:32px; }
  .article-media .news-media{ height:280px; }
  .ai-insight-grid{ grid-template-columns:1fr; }
  .news-list-featured{ grid-template-columns:1fr; gap:24px; }
  .news-list-featured .news-media--featured{ min-height:220px; height:240px; }
}

@media (max-width:768px){
  .NewsCard-body{ padding:20px; }
  .AIInsightCard{ padding:24px 22px; }
  .AIInsightCard h3{ font-size:22px; }
  .ai-summary-panel,
  .analysis-verdict{ padding:26px 22px; }
  .analysis-section{ padding:24px 20px; }
  .analysis-header-teams{
    grid-template-columns:1fr;
    justify-items:center;
    gap:12px;
    text-align:center;
  }
  .analysis-header-team,
  .analysis-header-team.away{
    justify-content:center;
    text-align:center;
  }
  .article-prose p{ font-size:16.5px; line-height:1.7; }
  .trend-grid{ grid-template-columns:1fr; }
}

@media (max-width:640px){
  .news-card-grid{ grid-template-columns:1fr; gap:16px; }
  .NewsCard .news-media{ height:150px; }
  .article-media .news-media{ height:200px; }
  .AIInsightCard-time{ margin-left:0; }
  .moment-item,
  .impact-item{ grid-template-columns:48px minmax(0,1fr); gap:12px; }
  .page-section-head{ margin:36px 0 18px; }
  .page-section-head h2{ font-size:24px; }
}