/* Small, source-specific live beta UI. Shares TrendCoda's approved palette. */
.live-feed{padding:12px 0 42px}
.live-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:12px 0 20px}
.live-heading h2{font:800 clamp(22px,3.1vw,31px) var(--heading);letter-spacing:-.8px;margin:8px 0}
.live-heading p,.live-copy{color:var(--soft);font-size:12px;line-height:1.8;max-width:760px}
.live-timestamp{color:var(--muted);font-size:11px;white-space:nowrap}
.live-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.live-filters label{display:flex;gap:7px;align-items:center;color:var(--soft);font-size:12px}
.live-filters select,.live-filters input{color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:10px 13px;max-width:100%}
.live-filters input{width:280px}
.live-banner{background:rgba(52,97,151,.15);border:1px solid #315172;border-radius:11px;padding:14px 18px;color:#b9cde5;font-size:12px;margin:14px 0 23px}
.live-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
/* A single active region should not leave half the desktop empty.
   Use two topic columns inside the expanded source panel only above 800px. */
@media(min-width:801px){
  .live-result-grid:has(> .live-card:only-child){grid-template-columns:minmax(0,1fr)}
  .live-result-grid:has(> .live-card:only-child) .live-topics{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px
  }
}
.live-card,.live-breakout{padding:23px;background:linear-gradient(145deg,#152136,#101827);border:1px solid var(--border);border-radius:15px}
.live-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.live-card-header h3{font:800 18px var(--heading);margin:0}
.live-source-link{font-size:11px;color:var(--cyan);white-space:nowrap}
.live-card-detail{font-size:12px;color:var(--soft);line-height:1.7;margin:8px 0}
.live-card-time{font-size:11px;color:#92a5c1;margin:0 0 14px}
.live-topics{list-style:none;margin:0;padding:0}
.live-topic{padding:12px 0;border-top:1px solid var(--borderSoft)}
.live-topic-title{display:block;color:#eaf3ff;font-size:13px;font-weight:700}
a.live-topic-title:hover{color:var(--cyan)}
.live-topic-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:5px}
.live-label,.live-time,.live-country-tag{color:var(--muted);font-size:10px}
.live-new{padding:3px 7px;background:rgba(52,186,146,.16);color:var(--green);border-radius:5px;font-size:10px}
.live-breakout{margin-top:20px}
.live-breakout h3{font:800 20px var(--heading);margin:0 0 7px}
.live-emerging-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;padding:0;margin:8px 0 0}
.live-emerging-item{padding:14px 0;border-bottom:1px solid var(--borderSoft)}
.live-country-tag{display:block;margin-top:5px}
.live-empty{color:var(--soft);font-size:12px;line-height:1.7}
@media(max-width:800px){.live-heading{flex-direction:column;align-items:flex-start;gap:3px}.live-result-grid{grid-template-columns:1fr}.live-emerging-list{grid-template-columns:repeat(2,minmax(0,1fr))}.live-card-header{flex-wrap:wrap}}
@media(max-width:520px){.live-heading h2{font-size:24px}.live-filters{flex-direction:column;align-items:stretch}.live-filters label{align-items:stretch;flex-direction:column}.live-filters select,.live-filters input{width:100%}.live-emerging-list{grid-template-columns:1fr}.live-card,.live-breakout{padding:18px}}