.page-controls { position:absolute;left:50%;top:min(var(--nav-y,94.32%),calc(100% - 36px));transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:24px;z-index:3; }
.page-controls .page-control { --circle-size:40px;position:relative!important;inset:auto!important;transform:none!important;display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px!important;height:64px!important;border:0;padding:0;border-radius:50%;clip-path:circle(50%);background:transparent!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation; }

.page-control img { display:block;position:relative;width:6.8cqw;height:auto;pointer-events:none;filter:none;opacity:1; }
.page-controls .page-control[href] { cursor:pointer; }
.page-controls .page-control:focus-visible { outline:2px solid #fff4cf;outline-offset:-3px; }
.has-page-controls .scene-root { touch-action:pan-y pinch-zoom; }


/* Filled feedback stays centered; the larger touch target remains easy to hit. */
.page-controls .page-control img { z-index:1; }
.page-controls .page-control::after { content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;box-sizing:border-box;border:0;border-radius:50%;background:rgba(220,235,211,.32);transform:translate(-50%,-50%);opacity:0;pointer-events:none; }
.page-controls .page-control.is-pressed::after { opacity:1; }
.page-controls .page-control.is-pressed.is-releasing::after { animation:nav-click-fill .35s ease-out both; }
@keyframes nav-click-fill { from { opacity:1; } to { opacity:0; } }
@media(prefers-reduced-motion:reduce) { .page-controls .page-control.is-pressed::after { animation-duration:.15s; } }

/* PSD right arrow is the enabled state; left arrow is the disabled state.
   Mirror the original state artwork only when its direction needs to change. */
.page-controls .page-control img { filter:none;opacity:1;transform:none; }
.page-controls .page-control[data-direction="back"][aria-disabled="false"] img,
.page-controls .page-control[data-direction="next"][aria-disabled="true"] img { transform:scaleX(-1); }
.page-controls .page-control[aria-disabled="true"] { display:none; }

/* The URL chooses the final footer before the document can paint. */
.page-controls[data-review-controls] { display:none; }
html[data-review-navigation] .page-controls:not([data-review-controls]) { display:none; }
html[data-review-navigation] .page-controls[data-review-controls] { display:flex; }