/* Blog audio player. Native <audio> underneath (so it works with JS off),
   these controls on top. Icons are the ops/misic_player_svg set, inline. */
.post-player{display:flex;align-items:center;gap:.6em;margin:0 0 1.2em;padding:.6em .9em;
  border:2px solid var(--theme-primary);border-radius:12px;background:var(--bg-primary);color:var(--text-primary)}
.post-player button{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;
  border:0;border-radius:50%;background:var(--theme-primary);color:var(--text-on-accent);cursor:pointer;padding:0}
.post-player button.secondary{background:transparent;color:var(--theme-primary);width:2em;height:2em}
.post-player button svg{width:1.1em;height:1.1em}
.post-player .pp-time{font-variant-numeric:tabular-nums;font-size:.85em;min-width:6.5em;text-align:right}
.post-player .pp-bar{flex:1;height:6px;border-radius:3px;background:color-mix(in srgb, var(--text-primary) 12%, transparent);position:relative;cursor:pointer}
.post-player .pp-bar span{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--theme-primary);width:0}
.post-player .pp-label{font-size:.8em;opacity:.75;white-space:nowrap}
.post-player audio{display:none}
.post-player.no-js audio{display:block;width:100%}
.post-downloads{margin:1.2em 0 0;font-size:.95em}
@media (max-width:640px){.post-player .pp-label{display:none}}