/* Keep the resource library's own navigation and layout; share the common public UI and page motion. */
@view-transition{navigation:auto}
main{view-transition-name:page-content}
.site-header{view-transition-name:site-header}
::view-transition-group(site-header){animation:none}
::view-transition-old(root),::view-transition-new(root),::view-transition-old(site-header),::view-transition-new(site-header){animation:none}
::view-transition-old(page-content){animation:resource-out 150ms ease both}
::view-transition-new(page-content){animation:resource-in 240ms ease both}
@keyframes resource-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes resource-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(page-content),::view-transition-new(page-content){animation:none}}