/* ============================================================
   transmission.css — Transmission Log (pesan publik), no-card
   Layout: intro singkat -> featured quote besar -> list personal
   ============================================================ */

.transmission-intro {
  color: var(--mea-text-secondary);
  font-size: var(--fs-md);
  max-width: 56ch;
  margin-bottom: var(--sp-16);
}

/* -------------------- FEATURED QUOTE -------------------- */
.transmission-featured {
  position: relative;
  margin: 0 0 var(--sp-24);
  padding-left: var(--sp-16);
  border-left: 2px solid var(--mea-accent);
}

.featured-mark {
  position: absolute;
  left: var(--sp-16);
  top: -0.3em;
  transform: translateX(-100%);
  font-family: var(--font-display);
  font-size: 4rem;
  line-height: 1;
  color: var(--mea-accent);
  opacity: 0.45;
  user-select: none;
}

.featured-quote {
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  font-weight: 500;
  line-height: 1.4;
  color: var(--mea-text-primary);
  max-width: 42ch;
}

.featured-byline {
  margin-top: var(--sp-6);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-2);
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  color: var(--mea-text-muted);
}

.featured-byline .author {
  color: var(--mea-text-secondary);
  font-family: var(--font-body);
}

.featured-byline .sep {
  opacity: 0.5;
}

@media (max-width: 640px) {
  .transmission-featured { padding-left: var(--sp-8); }
  .featured-mark { left: var(--sp-8); font-size: 3rem; }
  .featured-quote { font-size: var(--fs-md); }
}

/* -------------------- LIST (pesan lain) -------------------- */
.transmission-list {
  display: flex;
  flex-direction: column;
}

.transmission-item {
  padding-block: var(--sp-6);
  border-top: 1px solid var(--mea-border);
}

.transmission-list .transmission-item:last-child {
  border-bottom: 1px solid var(--mea-border);
}

.transmission-quote {
  color: var(--mea-text-primary);
  font-size: var(--fs-md);
  line-height: 1.55;
  max-width: 58ch;
}

.transmission-byline {
  margin-top: var(--sp-3);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--sp-2) var(--sp-3);
  font-size: var(--fs-sm);
}

.transmission-byline .author {
  color: var(--mea-text-secondary);
  font-weight: 500;
}

.transmission-byline .to {
  font-family: var(--font-mono);
  color: var(--mea-accent-text);
}

.transmission-byline .meta {
  font-family: var(--font-mono);
  color: var(--mea-text-muted);
}

.transmission-footnote {
  margin-top: var(--sp-8);
  font-size: var(--fs-sm);
  color: var(--mea-text-muted);
}