/* v11 / accessibility and motion polish */
[hidden]{display:none!important}
html.reduce-motion{scroll-behavior:auto}
html.reduce-motion *, html.reduce-motion *::before, html.reduce-motion *::after{
  animation-duration:.01ms!important; animation-iteration-count:1!important;
  transition-duration:.01ms!important;scroll-behavior:auto!important;
}
html.reduce-motion .paper-flight{display:none!important}
html.reduce-motion .portrait-stack img{transition:none!important}
html.reduce-motion .coffee-steam{animation:none!important}
html.reduce-motion .hero-scribble-pen{display:none!important}
html.reduce-motion .sky-transition{display:none!important}
.motion-option{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 0;
  padding:12px 10px;background:var(--paper);color:var(--ink);border:1.5px dashed var(--line);
  border-radius:8px 12px 9px 13px;text-align:left;cursor:pointer;min-height:57px}
.motion-option:hover:not(:disabled),.motion-option:focus-visible{background:var(--mint);border-color:var(--ink)}
.motion-option svg{width:37px;height:31px;stroke:currentColor;stroke-width:1.8;flex:none}
.motion-option-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.motion-option-text strong{font-size:21px;font-weight:400;line-height:1.25}
.motion-option-text small{font:12px/1.3 'Courier New',monospace;color:var(--ink-soft)}
.motion-check{font:22px/1 system-ui,sans-serif;flex:none;color:var(--terra)}
.motion-option:disabled{cursor:not-allowed;opacity:.72}
/* Reassure keyboard visitors: input controls and dismiss buttons remain visible on dark paper. */
:where(button,a,input,textarea,[role=button]):focus-visible{outline:3px dashed var(--terra);outline-offset:4px}
:where(input,textarea){min-width:0}
:where(.section-space){scroll-margin-top:115px}
@media(max-width:570px){.motion-option{min-height:62px}.motion-option-text strong{font-size:20px}}