/* Align Newsroom voiced-brief player — native to the newsroom design system.
   Uses --nr-* tokens from styles/design-tokens.css. No framework. */
.brief-player {
  --bp-navy: var(--nr-navy, #0e3763);
  --bp-gold: var(--nr-gold, #e2b86a);
  --bp-ink: var(--nr-ink, #1c1b19);
  --bp-mute: var(--nr-ink-mute, #6e6a63);
  --bp-line: var(--nr-hairline, #d9d2c2);
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--nr-paper-warm, #f8f1e3);
  border: 1px solid var(--bp-line);
  border-radius: 14px;
  padding: 12px 16px;
  margin: 18px 0 6px;
  max-width: 560px;
}
.brief-player .bp-btn {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: var(--bp-navy);
  color: #fbf7f0;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0;
}
.brief-player .bp-btn:hover { filter: brightness(1.12); }
.brief-player .bp-btn:focus-visible { outline: 2px solid var(--bp-gold); outline-offset: 2px; }
.brief-player .bp-btn svg { width: 18px; height: 18px; }
.brief-player .bp-btn .bp-icon-pause { display: none; }
.brief-player[data-playing="true"] .bp-btn .bp-icon-play { display: none; }
.brief-player[data-playing="true"] .bp-btn .bp-icon-pause { display: block; }
.brief-player .bp-meta { min-width: 0; flex: 1 1 auto; }
.brief-player .bp-kicker {
  font-family: var(--nr-font-body, Inter, sans-serif);
  font-size: var(--nr-type-kicker, 0.6875rem);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--bp-mute);
  margin: 0 0 4px;
}
.brief-player .bp-title {
  font-family: var(--nr-font-headline, Georgia, serif);
  font-size: 1rem;
  color: var(--bp-ink);
  margin: 0 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brief-player .bp-track {
  position: relative;
  height: 4px;
  border-radius: 2px;
  background: var(--bp-line);
  cursor: pointer;
}
.brief-player .bp-fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0%;
  border-radius: 2px;
  background: var(--bp-gold);
}
.brief-player .bp-times {
  display: flex;
  justify-content: space-between;
  font-family: var(--nr-font-mono, Menlo, monospace);
  font-size: 0.72rem;
  color: var(--bp-mute);
  margin-top: 4px;
}
/* Feed-card chip variant: inline mini player */
.brief-chip {
  --bp-navy: var(--nr-navy, #0e3763);
  --bp-gold: var(--nr-gold, #e2b86a);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--nr-hairline, #d9d2c2);
  background: var(--nr-paper-warm, #f8f1e3);
  border-radius: 999px;
  padding: 6px 12px 6px 6px;
  font-family: var(--nr-font-body, Inter, sans-serif);
  font-size: 0.8rem;
  color: var(--nr-ink, #1c1b19);
  cursor: pointer;
}
.brief-chip .bp-btn {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: var(--bp-navy);
  color: #fbf7f0;
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
.brief-chip .bp-btn svg { width: 11px; height: 11px; }
.brief-chip .bp-btn .bp-icon-pause { display: none; }
.brief-chip[data-playing="true"] .bp-btn .bp-icon-play { display: none; }
.brief-chip[data-playing="true"] .bp-btn .bp-icon-pause { display: block; }
.brief-chip:hover { border-color: var(--bp-gold); }
.brief-chip:focus-visible { outline: 2px solid var(--bp-gold); outline-offset: 2px; }
@media (max-width: 560px) {
  .brief-player { padding: 10px 12px; gap: 10px; }
  .brief-player .bp-title { font-size: 0.92rem; }
}