/* Keep category choices centred; the existing play control owns the right edge. */
@media (min-width: 941px) {
  .qp-page .qp-read-page--mixup-seo #formats .has-desktop-format-controls > [data-format-controls] {
    display: grid;
    grid-template-columns: minmax(56px, 1fr) auto minmax(56px, 1fr);
    align-items: center;
    gap: 12px;
    width: min(87.5vw, 1280px);
    max-width: none;
    margin: 32px auto 0;
  }
  .qp-page .qp-read-page--mixup-seo #formats .has-desktop-format-controls > [data-format-controls][hidden] { display: none; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 0;
    min-width: 0;
    width: max-content;
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 999px;
    background: rgba(238,240,243,.72);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation > .qp-mini-carousel__bar {
    flex: 0 0 auto;
    width: max-content;
    min-width: 0;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .qp-page .qp-read-page--mixup-seo #formats .has-desktop-format-controls > [data-format-controls] > [data-format-autoplay] {
    grid-column: 3;
    justify-self: end;
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #283044;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color 180ms ease-out, opacity 180ms ease-out;
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:hover:not(:disabled) { background: #fff; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:disabled { opacity: .4; cursor: default; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:focus-visible { outline: 2px solid #1769e0; outline-offset: 3px; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@media (min-width: 1600px) {
  .qp-page .qp-read-page--mixup-seo #formats .has-desktop-format-controls > [data-format-controls] { width: min(87.5vw, 1680px); }
}
@media (prefers-reduced-motion: reduce) {
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction { transition: none; }
}
@media (forced-colors: active) {
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction { border: 1px solid ButtonText; }
}