.story-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}
.story-meta-row .story-date { margin: 0; min-width: 0; white-space: nowrap; }
.story-listen {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.35rem 0;
  border: 0;
  background: none;
  color: var(--text-muted);
  font: 300 0.62rem/1.7 'Montserrat', sans-serif;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  opacity: 0;
  animation: fadeUp 0.6s ease 0.1s forwards;
  transition: color 0.2s ease;
}
.story-listen:hover, .story-listen[aria-pressed="true"] { color: var(--text); }
.story-listen:focus-visible { outline: 1px solid var(--gold); outline-offset: 5px; border-radius: 2px; }
.story-listen-icon { display: block; flex: 0 0 auto; width: 20px; height: 20px; }
.story-audio-player { display: flex; align-items: center; gap: 0.5rem; margin: -0.75rem 0 2rem; }
.story-audio-player[hidden] { display: none; }
.story-audio-player audio { display: block; flex: 1 1 0; min-width: 0; width: 100%; max-width: 100%; color-scheme: dark; }
.story-audio-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 32px;
  border: 0;
  padding: 0;
  background: none;
  color: var(--text-muted);
  cursor: pointer;
}
.story-audio-close:hover { color: var(--text); }
.story-audio-close:focus-visible { outline: 1px solid var(--gold); outline-offset: 2px; border-radius: 2px; }
.story-audio-close svg { width: 16px; height: 16px; }
@media (max-width: 600px) {
  .story-meta-row { gap: 0.75rem; }
  .story-meta-row .story-date { font-size: 0.52rem; letter-spacing: 0.14em; gap: 0.55rem; }
  .story-meta-row .story-date::before { width: 18px; flex: 0 0 18px; }
  .story-listen { font-size: 0.52rem; letter-spacing: 0.14em; gap: 0.4rem; }
  .story-listen-icon { width: 17px; height: 17px; }
}