/* A single, named pause control shares the public navigation's glass material. */
.site-motion-toggle{position:fixed;z-index:84;top:max(16px,env(safe-area-inset-top));right:28px;width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:12px;border:1px solid #ffffffb3;border-radius:50%;background:rgba(245,244,239,.94);box-shadow:0 0 0 1px #191b1a22,0 3px 14px #191b1a16;color:var(--ink,#191b1a);cursor:pointer;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.site-motion-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.site-motion-toggle[aria-pressed="true"] svg{fill:currentColor;stroke:none}
.site-motion-toggle[aria-disabled="true"]{cursor:default}
.site-motion-toggle:focus-visible{outline:2px solid var(--red,#c4402b);outline-offset:4px}
body[data-page="home"][data-dock-ready="false"]>.site-motion-toggle,body:has(dialog[open])>.site-motion-toggle{visibility:hidden}
.site-route-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Preview controls are actions, rather than toggle switches. */
.flow-stage:focus-visible{outline:2px solid var(--red,#c4402b);outline-offset:3px}
.detail-close.detail-close{width:44px;height:44px;min-width:44px;min-height:44px}
html[data-motion-paused="true"] *,html[data-motion-paused="true"] *::before,html[data-motion-paused="true"] *::after{animation:none!important;scroll-behavior:auto!important;transition-duration:0s!important}
html[data-motion-paused="true"] .tool-launch *{animation:none!important}
@media(max-width:760px){.site-motion-toggle{right:20px}}
@media(forced-colors:active){.site-motion-toggle{border:1px solid ButtonText;background:ButtonFace;color:ButtonText;box-shadow:none}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid Highlight!important}}

.detail-image{position:relative}.detail-image>.detail-motion-toggle{position:absolute;top:10px;right:10px;z-index:4}

:where(main,.archive-page) :focus-visible{scroll-margin-block:80px 110px}
:is(.wall-tile,.flow-card):focus-visible{outline:2px solid var(--ink,#191b1a);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--paper,#f5f4ef)}

/* Descriptive reading content stays in the accessibility tree, outside the visual layout. */
.site-reading-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:normal!important;border:0!important}