/* v2.8 'Your briefing' audio card - uses the site's CSS variables so light/dark/Banana themes just work */
.ab-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin:0 0 18px;box-shadow:var(--shadow,none)}
.ab-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.ab-head h2{margin:0;font-size:19px}
.ab-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:thin}
.ab-tab{flex:0 0 auto;border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px;white-space:nowrap}
.ab-tab[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:#fff}.ab-tab[aria-selected=true] small{color:#fff;opacity:1}
.ab-tab:focus-visible,.ab-player button:focus-visible,.ab-seek:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.ab-player{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--chip);border-radius:14px;padding:8px 10px;margin-bottom:6px}
.ab-player[hidden]{display:none}
.ab-player button{border:0;border-radius:999px;background:var(--ink);color:var(--bg);min-width:40px;height:40px;padding:0 12px;font-size:14px;font-weight:600}
.ab-player .ab-play{background:var(--brand);color:#fff;width:46px;height:46px;font-size:18px}
.ab-seek{flex:1 1 140px;min-width:100px;accent-color:var(--brand);height:24px}
.ab-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);min-width:84px;text-align:center}
.ab-msg{min-height:1.2em;margin:2px 0}
.ab-meta{margin:2px 0 6px}
.ab-list ol{margin:6px 0 4px 20px;padding:0}.ab-list li{margin:4px 0}.ab-list summary,.ab-script summary{cursor:pointer;font-weight:600;font-size:14px}
.ab-text{max-height:260px;overflow:auto;font-size:14px;color:var(--muted);border-left:3px solid var(--line);padding-left:10px;margin-top:6px}
.ab-text p{margin:0 0 8px}
@media (max-width:520px){.ab-time{order:5;min-width:0}}
@media (prefers-reduced-motion:no-preference){.ab-tab{transition:background .15s}}

.ab-status{margin:.6rem 0;padding:.6rem .8rem;border:1px dashed var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:14px}