/* Motion adds response, never a prerequisite for reading content. */
.site-header{transition:box-shadow .22s ease,background-color .22s ease}
.site-header.is-scrolled{box-shadow:0 8px 24px #142b4c0d}
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue,#244adc);transform:scaleX(0);transform-origin:left center;pointer-events:none}
.article-nav nav a{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.article-nav nav a[aria-current="location"]{color:var(--blue,#244adc);background:#edf2ff;border-color:#d5dfff}
.faq-items summary>.icon,.article-disclosure>summary>.icon:last-child{transition:transform .24s cubic-bezier(.22,1,.36,1)}
.faq-items details[open]>summary>.icon,.article-disclosure[open]>summary>.icon:last-child{transform:rotate(45deg)}
@media(hover:hover) and (pointer:fine){.button{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.site-header,.article-nav nav a,.faq-items summary>.icon,.article-disclosure>summary>.icon:last-child,.button{transition:none!important}.button:hover{transform:none}}
@media print{.reading-progress{display:none!important}}