/* Daily briefing: compact player (home and story pages) and the podcast box on /briefing/ */
.brief-mini { position: relative; display: flex; align-items: center; gap: 12px; max-width: 560px; margin: 14px 0 4px; padding: 10px 14px 10px 10px; background: var(--surface); border: 1px solid var(--rule); border-radius: 10px; overflow: hidden; }
.brief-mini::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: var(--brief-progress, 0%); background: var(--accent); transition: width .3s linear; }
.brief-mini[hidden] { display: none; }
.brief-play { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: #fff; text-decoration: none; font-size: 1rem; line-height: 1; }
.brief-play:hover { filter: brightness(1.1); }
.brief-play:focus-visible { outline: 3px solid var(--fg); outline-offset: 2px; }
.brief-mini.is-playing .brief-play span { font-size: 0.8rem; letter-spacing: -1px; }
.brief-text { display: grid; gap: 1px; min-width: 0; }
.brief-text > a { font-weight: 700; color: var(--fg); text-decoration: none; }
.brief-text > a:hover { text-decoration: underline; }
.brief-meta { font-family: var(--mono); font-size: 0.75rem; color: var(--muted); }
.brief-title { font-size: 0.88rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.podcast-box { margin-top: 28px; padding: 16px 18px; border: 1px solid var(--rule); border-radius: 8px; background: var(--surface); }
.podcast-box h3 { margin: 0 0 8px; font-size: 1.05rem; }
.podcast-url { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 8px; }
.podcast-url code { font-family: var(--mono); font-size: 0.85rem; word-break: break-all; }
.copy-feed { border: 1px solid var(--rule); background: transparent; color: var(--fg); border-radius: 6px; padding: 5px 12px; font: inherit; font-size: 0.85rem; cursor: pointer; }
.copy-feed:hover { border-color: var(--accent); }