/* CC-12: playback bar for full-screen recordings. Broadsheet: paper, ink hairlines, Libre Franklin,
   ochre for the played part. Artboard coordinates (1920 × 1080). It sits above the footer
   navigation (y 986–1064) and inside the side edge zones (x < 88 and x > 1848), so they never overlap. */
.pc-bar{position:absolute;left:120px;right:120px;bottom:112px;height:60px;z-index:3;display:flex;align-items:center;gap:22px;padding:0 22px 0 12px;background:var(--paper);border:1px solid var(--rule);font:600 18px/1 var(--sans);color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 150ms,visibility 150ms;user-select:none;-webkit-user-select:none}
.recording-slide.is-expanded .pc-bar.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.recording-slide:not(.is-expanded) .pc-bar{display:none}
.pc-bar button{flex:none;border:0;background:transparent;color:var(--ink);padding:0;cursor:pointer;font:inherit}
.pc-bar button:focus{outline:none}
.pc-play{display:grid;place-items:center;width:44px;height:44px}
.pc-play svg{width:22px;height:22px;fill:currentColor}
.pc-play:hover{color:var(--accent)}
.pc-time{flex:none;min-width:58px;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.pc-total{color:var(--ink-soft);text-align:right}
.pc-track{position:relative;flex:1;height:44px;cursor:pointer;touch-action:none}
.pc-rail,.pc-played{position:absolute;left:0;top:50%;height:3px;margin-top:-1.5px}
.pc-rail{right:0;background:var(--rule-light)}
.pc-played{width:0;background:var(--accent)}
.pc-head{position:absolute;top:50%;left:0;width:3px;height:22px;margin:-11px 0 0 -1.5px;background:var(--ink)}
.pc-track:hover .pc-rail,.pc-bar.is-dragging .pc-rail{background:var(--data-muted)}
.pc-mute{min-width:148px;height:38px;padding:0 14px!important;border:1px solid var(--rule)!important;font-size:15px!important;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.pc-mute:hover{background:var(--ink)!important;color:var(--paper)!important}
.pc-mute.is-muted{border-color:var(--accent)!important;color:var(--accent)}
.pc-mute.is-muted:hover{background:var(--accent)!important;color:var(--paper)!important}
.pc-mute[aria-disabled='true']{border-color:var(--rule-light)!important;color:var(--ink-soft);cursor:default}
.pc-mute[aria-disabled='true']:hover{background:transparent!important;color:var(--ink-soft)!important}
@media print{.pc-bar{display:none!important}}