/* ==========================================================================
   Indian News — additions for the live-news pages
   Layered on top of style.css, which holds the core design.
   ========================================================================== */

/* ---------- publisher credit ---------- */
.src{
  display:inline-flex;align-items:center;font-size:11px;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;color:var(--brand);
  background:rgba(200,16,46,.08);border-radius:100px;padding:3px 10px;margin-bottom:9px;
}
.opinion .src{color:#ff9aa9;background:rgba(255,154,169,.14)}

/* the lead story credit sits on a dark photo panel */
.lead .src{background:var(--brand);color:#fff;margin-bottom:10px}

/* ---------- "just in" dark band ---------- */
.justin .card{display:flex;flex-direction:column}
.justin .card h3{font-size:17px}
.justin .card .meta{color:#8f99a7;margin-top:auto}

/* ---------- story page: the credit panel ---------- */
.source-panel{
  background:#fafbfc;border:1px solid var(--line);border-left:4px solid var(--brand);
  border-radius:var(--radius);padding:22px 24px;margin:0 0 20px;
}
.source-panel h2{font-size:19px;margin-bottom:8px}
.source-panel p{font-size:14.5px;color:var(--ink-2);margin:0 0 4px}
.source-panel .btn{margin-top:14px}

.summary-block{font-size:19px;line-height:1.7;color:#1c2330;margin-bottom:20px}
.summary-block:empty{display:none}

/* keep the drop cap only on real prose, not on these panels */
.article-body.no-drop > p:first-of-type::first-letter{
  font-family:inherit;font-size:inherit;line-height:inherit;
  float:none;padding:0;color:inherit;font-weight:inherit;
}

.note{
  font-size:13.5px;color:var(--muted);border-top:1px dashed var(--line);
  padding-top:14px;margin-top:18px;
}

/* source box replaces the author box */
.sourcebox{
  display:flex;gap:16px;align-items:center;background:#fafbfc;border:1px solid var(--line);
  border-radius:var(--radius);padding:18px;margin-top:24px;
}
.sourcebox .avatar{background:var(--brand)}
.sourcebox h4{margin-bottom:4px;font-size:17px}
.sourcebox p{font-size:13.5px;color:var(--muted);margin:0 0 6px}
.sourcebox a{font-weight:600;color:var(--brand)}

/* ---------- ticker: real headlines run long ---------- */
.ticker .track a{max-width:78ch;overflow:hidden;text-overflow:ellipsis}

/* ---------- search + listing helpers ---------- */
.resultcount{font-size:14px;color:var(--muted);margin:0 0 18px}
.resultcount strong{color:var(--ink)}

/* ---------- message shown when a feed is quiet ---------- */
.quiet{
  font-size:13.5px;color:var(--muted);background:#fff;border:1px dashed var(--line);
  border-radius:var(--radius);padding:14px 16px;margin-bottom:22px;
}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .justin .grid-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .source-panel{padding:18px}
  .summary-block{font-size:17px}
  .sourcebox{flex-direction:column;align-items:flex-start;gap:12px}
}