/* One visual language for the app switch and static footer switches. */
.dl-motion-toggle{display:inline-flex;align-items:center;gap:.35em;flex-shrink:0;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:inherit;opacity:.75;font:inherit;font-size:.8em;cursor:pointer;vertical-align:middle;pointer-events:auto}
.dl-motion-toggle span{font-weight:600}
.dl-motion-toggle:hover{opacity:1}
.dl-motion-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* Static footers: switch + copyright grouped like the app footer (12px text, 44px target, flush with the nav links). */
.dl-foot-end{display:flex;align-items:center;gap:12px;margin-left:-12px}
.dl-foot-end .dl-motion-toggle{font-size:12px}
@media (min-width:768px){.dl-foot-end{margin-left:0}}
/* Future CSS animations also honor the viewer's single preference. */
:root[data-motion="off"],:root[data-motion="off"] *,
:root[data-motion="off"] *::before,:root[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-motion="off"]::view-transition-group(*),:root[data-motion="off"]::view-transition-old(*),:root[data-motion="off"]::view-transition-new(*){animation:none!important}