/**
 * State News — Live (Missouri Independent) — rocheport/state-news-live.
 *
 * Text-only summary cards. Card chrome (background/padding/radius) comes from
 * the theme's shared .rt-card rules (modules/ui/assets/rocheport-extras.css);
 * this file only adds the live-section typography: title/dek/byline/credit
 * lines and the "Updated X ago · source →" footer, echoing the type scale the
 * wp:query State News cards used so flag-ON reads like the same section.
 */

.rt-snlive {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30, 1.5rem);
}

/* --- Titles ------------------------------------------------------------ */

.rt-snlive-title {
  margin: 0 0 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
}

.rt-snlive-title a {
  color: var(--wp--preset--color--clay-dark, #3b3129);
  text-decoration: none;
}

.rt-snlive-title a:hover,
.rt-snlive-title a:focus {
  text-decoration: underline;
}

.rt-snlive-title--lead {
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  line-height: 1.2;
  margin-bottom: 0.6rem;
}

.rt-snlive-title--row {
  font-size: 1.15rem;
  margin-bottom: 0.3rem;
}

/* --- Byline / date ------------------------------------------------------ */

.rt-snlive-byline {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--wp--preset--color--clay-dark, #3b3129);
}

.rt-snlive-byline a {
  color: inherit;
}

.rt-snlive-date {
  font-weight: 400;
  color: var(--wp--preset--color--muted, #6f6152);
}

/* --- Dek (MI's own excerpt) --------------------------------------------- */

.rt-snlive-dek {
  margin: 0 0 0.6rem;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--wp--preset--color--muted, #6f6152);
}

.rt-snlive-dek--lead {
  font-size: 1.05rem;
  line-height: 1.65;
}

/* --- "Read the full story" + credit ------------------------------------- */

.rt-snlive-read {
  margin: 0 0 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
}

.rt-snlive-read a {
  color: var(--wp--preset--color--sage-dark, #4a6459);
  text-decoration: none;
}

.rt-snlive-read a:hover,
.rt-snlive-read a:focus {
  text-decoration: underline;
}

.rt-snlive-credit {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--wp--preset--color--muted, #6f6152);
}

.rt-snlive-credit a {
  color: inherit;
}

/* --- Layout shells ------------------------------------------------------ */

.rt-snlive-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--30, 1.5rem);
}

@media (max-width: 600px) {
  .rt-snlive-grid {
    grid-template-columns: 1fr;
  }
}

.rt-snlive-list {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30, 1.5rem);
}

/* --- Footer ("Updated X ago · source →", river/road-widget idiom) ------- */

.rt-snlive-source {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.6;
  color: var(--wp--preset--color--muted, #6f6152);
}

.rt-snlive-source a {
  color: var(--wp--preset--color--sage-dark, #4a6459);
}

/* --- Empty / editor states ---------------------------------------------- */

.rt-snlive-empty {
  margin: 0;
  font-size: 0.9rem;
  color: var(--wp--preset--color--muted, #6f6152);
}

.rt-snlive--editor {
  border: 1px dashed #d8d2c4;
  border-radius: 6px;
  padding: 1em 1.25em;
  background: #faf8f2;
}