/* THE CLIP TOOLBAR (public/assets/video/clip-player.js): under the video, inside its figure,
   the figure's own width, in normal flow. Two groups, speed on the left and sharing on the
   right; on a phone they wrap onto two rows. The palette is the S15 pages' own. */
.clipBar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;
  margin-top:8px;font-family:"IBM Plex Mono",Consolas,monospace;font-size:12px;letter-spacing:.04em;
  text-align:left}
.clipSpeed,.clipShare{display:inline-flex;gap:6px;align-items:center}
.clipBtn,.clipRate{cursor:pointer;background:#26272c;color:#e9e2d3;border:1px solid rgba(233,226,211,.22);
  border-radius:6px;padding:5px 10px;font:inherit;line-height:1.2;min-height:30px}
.clipBtn:hover,.clipRate:hover{border-color:#c8323f;color:#fff}
.clipBtn:focus-visible,.clipRate:focus-visible{outline:2px solid #8fb6d2;outline-offset:2px}
.clipRate{min-width:56px;text-align:center}
.clipBtn.is-done{border-color:#4fd6e0;color:#4fd6e0}