/* Progressive motion: editorial content remains visible without JavaScript. */
header{transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}
header.is-scrolled{box-shadow:0 6px 26px #2625220c;background:#fffefaf7;border-bottom-color:#d8d1c5}
header>nav .nav-link{position:relative;text-decoration:none;padding-block:8px}
header>nav .nav-link::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
header>nav .nav-link:hover::after,header>nav .nav-link:focus-visible::after,header>nav .nav-link[aria-current=page]::after{transform:scaleX(1)}
header>nav .nav-link[aria-current=page]{text-decoration:none}
.action:not([aria-disabled=true]),.secondary-action{transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.action:not([aria-disabled=true]):active{transform:translateY(1px) scale(.985)}
.secondary-action span[aria-hidden]{display:inline-block;transition:transform .2s ease}
.secondary-action:hover span[aria-hidden]{transform:translate(2px,-2px)}
.interactive-card{position:relative;isolation:isolate}
.interactive-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(210px circle at var(--pointer-x,50%) var(--pointer-y,50%),#b728350a,transparent 75%);opacity:0;transition:opacity .25s ease}
.home-showcase .interactive-card::after{background:radial-gradient(210px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ef7b8a16,transparent 75%)}
.interactive-card:focus-within::after{opacity:1}
.device-link>span[aria-hidden]{display:inline-block;transition:transform .2s ease}
.device-card:focus-visible .device-link>span[aria-hidden]{transform:translate(3px,-2px)}
.image-button .content-image{transition:transform .5s cubic-bezier(.2,.65,.3,1),filter .4s ease}
.image-button:focus-visible .content-image{transform:scale(1.015)}
.image-button{transition:box-shadow .25s ease}
.faq{transition:background .22s ease,border-color .22s ease}
.faq[open]{background:#b7283505}
.faq summary::after{transition:background .22s ease,transform .25s ease,color .22s ease}
.faq[open] summary::after{transform:rotate(180deg)}
.toc a,article a[data-body-link]{transition:color .18s ease,background .18s ease,border-color .18s ease}
.top{border:3px solid transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,conic-gradient(var(--accent) var(--reading-progress,0%),var(--line) 0) border-box;box-shadow:0 3px 12px #26252208;transition:transform .2s ease,box-shadow .2s ease}
.top:hover{transform:translateY(-3px);box-shadow:0 6px 18px #26252215}
dialog button{transition:background .18s ease,transform .18s ease}
dialog button:hover{background:var(--tint)}
dialog button:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){
 .interactive-card:hover::after{opacity:1}
 .device-card:hover .device-link>span[aria-hidden]{transform:translate(3px,-2px)}
 .feature-card{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
 .feature-card:hover{border-color:#ccaba7;box-shadow:0 7px 22px #32231a09;transform:translateY(-2px)}
 .image-button:hover .content-image{transform:scale(1.025);filter:brightness(1.035)}
}
@media(hover:none){.device-card:active{transform:scale(.99)}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 header,header>nav .nav-link::after,.action,.secondary-action,.secondary-action span,.interactive-card::after,.feature-card,.device-link>span,.image-button,.image-button .content-image,.faq,.faq summary::after,.toc a,article a[data-body-link],.top,dialog button{transition:none!important;animation:none!important}
 .feature-card:hover,.image-button:hover .content-image,.image-button:focus-visible .content-image,.device-card:active,.action:not([aria-disabled=true]):active,.top:hover{transform:none}
}