/* Image controls: clearly bounded controls over artwork, separate from editorial links. */
html[data-theme] .refined-opening .hero .motion-toggle {
 position:absolute;z-index:5;right:clamp(20px,3vw,56px);bottom:24px;
 display:grid;place-items:center;width:48px;height:48px;padding:0;
 border:1px solid #ffffff70;border-radius:50%;background:#000000d9;color:#fff;
 box-shadow:0 2px 18px #0002;cursor:pointer;transition:background .18s,border-color .18s;
}
html[data-theme] .refined-opening .hero .motion-toggle[hidden]{display:none}
.motion-toggle::before{content:'';width:14px;height:16px;border-left:4px solid currentColor;border-right:4px solid currentColor;box-sizing:border-box}
.motion-toggle[data-playing="false"]::before{width:0;height:0;border:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;margin-left:3px}
html[data-theme] .refined-opening .hero .motion-toggle:hover{background:#000;border-color:#fff}

html[data-theme] .process-page .open .lc {
 display:flex;gap:10px;align-items:center;right:16px;bottom:16px;
 padding:12px 16px;border:1px solid #ffffff66;border-radius:2px;
 background:#000000ed;color:#fff;opacity:1;
 font:16px/1.25 Williwaw,Georgia,serif;text-decoration:none;
 box-shadow:0 4px 18px #0002;backdrop-filter:blur(8px);
}
html[data-theme] .process-page .open .lc svg{width:18px;height:18px}
html[data-theme] .process-page .open:hover .lc{background:#fff;color:#000;border-color:#fff}
html[data-theme] .ordinary-page :is(.inspection-controls,.dialog-nav) button {
 min-height:46px;padding:10px 16px!important;border:1px solid currentColor!important;
 border-radius:2px!important;font:16px/1.3 Williwaw,Georgia,serif;
 text-decoration:none!important;text-shadow:none!important;
}
html[data-theme] .ordinary-page .inspection-controls button{background:#000000ed!important;color:#fff!important}

@media(prefers-reduced-motion:reduce){.motion-toggle,.stage-controls :is(button,a),.open .lc{transition:none!important}}

/* Quiet corners: scroll is primary, the letter is a separate shortcut. */
html[data-theme] body.ordinary-page .encounter .stage-controls{inset:auto 6% 24px;width:auto;max-width:none;margin:0;padding:0;min-height:48px;display:block;background:none;border:0;box-shadow:none;backdrop-filter:none;opacity:1;visibility:visible;pointer-events:none}
html[data-theme] body.ordinary-page .encounter .stage-controls :is(button,a){position:absolute;bottom:0;pointer-events:auto;min-height:44px;display:inline-flex;align-items:center;gap:12px;padding:10px 0!important;background:transparent!important;color:#fff!important;border:0!important;border-radius:0!important;text-decoration:none!important;font:var(--type-control)/1.4 Williwaw,Georgia,serif;text-shadow:0 1px 6px #000,0 0 18px #000}
html[data-theme] body.ordinary-page .encounter .stage-controls :is(button,a)::before{content:none}
html[data-theme] body.ordinary-page .encounter .stage-controls #next{left:50%;transform:translateX(-50%)}
html[data-theme] body.ordinary-page .encounter .stage-controls #next span:first-child{font:26px Georgia}
html[data-theme] body.ordinary-page .encounter .stage-controls #readNow{right:0;border-bottom:1px solid #fff8!important}
html[data-theme] body.ordinary-page .encounter .stage.handed .stage-controls{opacity:0;visibility:hidden;pointer-events:none}
html[data-theme] body.ordinary-page .encounter .stage.handed .stage-controls *{pointer-events:none}
@media(max-width:600px){html[data-theme] body.ordinary-page .encounter .stage-controls #next{left:0;transform:none}html[data-theme] body.ordinary-page .encounter .stage-controls #next span:last-child{display:none}}