/* v12.10.322 - compact black/yellow navigation; retired hover affordance suppressed. */
@media(min-width:769px){
  body.op-turntest-mode .op-turn-edge-navigation{
    position:absolute;
    inset:0;
    z-index:240;
    pointer-events:none;
    visibility:hidden;
    opacity:0;
  }
  body.op-turntest-ready .op-turn-edge-navigation{
    visibility:visible;
    opacity:1;
  }
  body.op-turntest-ready .op-turn-edge-button{
    --edge-yellow:#f2c52f;
    position:absolute;
    top:50%;
    width:30px;
    height:52px;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:auto;
    cursor:pointer;
    border:1px solid rgba(255,214,62,.82);
    color:#ffd83e;
    background:
      repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),
      linear-gradient(180deg,#25210f 0%,#090908 58%,#171305 100%);
    box-shadow:
      0 7px 14px rgba(0,0,0,.40),
      inset 0 1px rgba(255,224,92,.28),
      inset 0 -2px rgba(242,197,47,.12);
    transform:translateY(-50%);
    transition:filter .16s ease,box-shadow .16s ease,opacity .16s ease;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  body.op-turntest-ready .op-turn-edge-button-prev{
    left:0;
    border-left:0;
    border-radius:0 13px 13px 0;
  }
  body.op-turntest-ready .op-turn-edge-button-next{
    right:0;
    border-right:0;
    border-radius:13px 0 0 13px;
  }
  body.op-turntest-ready .op-turn-edge-icon{
    display:grid;
    place-items:center;
    width:23px;
    height:28px;
    border-radius:10px;
    font:900 25px/1 Georgia,serif;
    color:#ffd83e;
    background:rgba(242,197,47,.08);
    border:1px solid rgba(255,216,62,.42);
    box-shadow:inset 0 1px rgba(255,235,145,.22),0 0 0 1px rgba(0,0,0,.28);
  }
  body.op-turntest-ready .op-turn-edge-button:hover:not(:disabled),
  body.op-turntest-ready .op-turn-edge-button:focus-visible{
    filter:brightness(1.12) saturate(1.08);
    box-shadow:0 9px 17px rgba(0,0,0,.48),0 0 0 1px rgba(255,211,48,.24),inset 0 1px rgba(255,228,106,.34);
    outline:1px solid rgba(255,216,62,.88);
    outline-offset:1px;
  }
  body.op-turntest-ready .op-turn-edge-button:active:not(:disabled){filter:brightness(.96)}
  body.op-turntest-ready .op-turn-edge-button:disabled,
  body.op-turntest-ready .op-turn-edge-button.is-disabled{
    display:flex!important;
    visibility:visible!important;
    opacity:.42!important;
    cursor:default;
    filter:saturate(.55);
    box-shadow:0 4px 9px rgba(0,0,0,.30),inset 0 1px rgba(255,216,62,.16);
  }
  body.op-turntest-turning .op-turn-edge-button,
  body.op-turntest-dragging .op-turn-edge-button{
    pointer-events:none;
    opacity:.72;
  }

  /* Keep both page controls visible beside the progress slider and view switch. */
  body.op-turntest-ready .controls>#prevPage,
  body.op-turntest-ready .controls>#nextPage{display:block!important}
  body.op-turntest-ready .controls{
    grid-template-columns:minmax(126px,170px) minmax(240px,1fr) auto minmax(150px,206px)!important;
  }
  body.op-turntest-ready .controls>#prevPage{grid-column:1!important}
  body.op-turntest-ready .controls>.pager{grid-column:2!important}
  body.op-turntest-ready .controls>.view-buttons{grid-column:3!important}
  body.op-turntest-ready .controls>#nextPage{grid-column:4!important}

  /* Absolute guard against the retired pseudo-buttons, including stale cached
     Turn.js class toggles. The physical corner curl uses real Turn.js elements. */
  body.op-turntest-ready #op-turn-integrated-book::before,
  body.op-turntest-ready #op-turn-integrated-book::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
  }
}