/* Additive motion: no hidden baseline content and no changes to layout geometry. */
.reading-progress{appearance:none;-webkit-appearance:none;position:fixed;inset:0 0 auto;width:100%;height:3px;z-index:60;border:0;border-radius:0;background:transparent;pointer-events:none;color:#6aa8cd;overflow:hidden}
.reading-progress::-webkit-progress-bar{background:transparent}
.reading-progress::-webkit-progress-value{background:linear-gradient(90deg,#68b9dd,#92a8e3,#b7b4e5);border-radius:0 2px 2px 0}
.reading-progress::-moz-progress-bar{background:linear-gradient(90deg,#68b9dd,#92a8e3,#b7b4e5)}
.sidebar a{position:relative;transition:color .2s ease,background-color .2s ease}
.sidebar a[aria-current=location]{color:#286e9c;font-weight:700}
.sidebar a[aria-current=location]::before{content:"";position:absolute;left:-22px;top:7px;bottom:7px;width:3px;background:#73acd3;border-radius:4px}
.motion-entering{animation:mizuki-appear .62s cubic-bezier(.22,.61,.36,1) both}
.feature-grid>.motion-entering:nth-child(2),.release-features>.motion-entering:nth-child(2){animation-delay:.06s}
.feature-grid>.motion-entering:nth-child(3){animation-delay:.12s}
@keyframes mizuki-appear{from{opacity:.52;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);padding:4px 10px;font-size:10px;line-height:1.6;white-space:nowrap}
.motion-toggle-symbol{font-size:15px;line-height:1;color:#689bbf}
.motion-toggle:hover{background:var(--pale);color:var(--ink)}
.motion-toggle:disabled{opacity:.72}
.footer-bottom{flex-wrap:wrap;align-items:center}
@media(hover:hover) and (pointer:fine){
  .feature-card{transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s,border-color .25s}
  .feature-card:hover{transform:translateY(-5px);border-color:#a9c9df;box-shadow:0 16px 35px #24496810}
  .feature-card>a .icon,.text-link .icon,.button .icon{transition:transform .23s ease}
  .feature-card>a:hover .icon,.text-link:hover .icon,.button:hover .icon{transform:translateX(3px)}
  .command-card summary{transition:background-color .2s ease}
  .command-card summary:hover{background:#f1f7fc}
}
html[data-theme=dark] .sidebar a[aria-current=location]{color:#a9d9f7}
html[data-theme=dark] .sidebar a[aria-current=location]::before{background:#92c9ed}
html[data-theme=dark] .feature-card:hover{border-color:#628aab;box-shadow:0 18px 38px #020b1430}
html[data-theme=dark] .command-card summary:hover{background:#233e55}
/* Shared opt-in class for the hero asset and decorative SVGs authored elsewhere. */
html[data-motion=paused] :is([data-ambient],[data-ambient] *,.ambient-motion,.motion-entering),
html.motion-tab-hidden :is([data-ambient],[data-ambient] *,.ambient-motion,.motion-entering){animation-play-state:paused!important}
html[data-motion=paused] .motion-entering{animation:none}
html[data-motion=paused] :is(.feature-card,.button,.text-link,.sidebar a,.button .icon,.text-link .icon){transition:none}
@media(max-width:780px){
  .sidebar a[aria-current=location]::before{left:0;right:0;top:auto;bottom:0;width:auto;height:2px}
  .motion-toggle{font-size:9px;margin-top:5px;padding:4px 9px}
  .footer-bottom{gap:10px 14px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .motion-entering{animation:none!important}
  :is([data-ambient],[data-ambient] *,.ambient-motion){animation:none!important}
  :is(.feature-card,.button,.text-link,.sidebar a,.button .icon,.text-link .icon){transition:none!important}
  .feature-card:hover,.button:hover,.button:hover .icon,.text-link:hover .icon{transform:none}
}
@media print{.reading-progress,.motion-toggle{display:none!important}.motion-entering{animation:none!important}}

html[data-motion=paused] .feature-card:hover,html[data-motion=paused] .button:hover{transform:none}