/* WBL view-transitions (original). Same-origin page-to-page transitions (Chrome/Edge 126+, Safari 18.2+; others just
   navigate) plus the timings for same-page transitions started by WBL.vt(). */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.26s;animation-timing-function:ease-out}
::view-transition-group(wbl-hero),::view-transition-group(wbl-vt-photo){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
::view-transition-old(wbl-hero),::view-transition-new(wbl-hero){height:100%;object-fit:cover;overflow:clip}
::view-transition-old(wbl-vt-photo),::view-transition-new(wbl-vt-photo){height:100%;object-fit:cover}
::view-transition-group(wbl-vt-text){animation-duration:.3s}
.wbl-vt-hero{view-transition-name:wbl-hero}
.wbl-vt-header{view-transition-name:wbl-header}
.wbl-vt-seg{display:inline-flex;padding:4px;gap:4px;border-radius:99px;background:var(--wbl-paper-2,#EAE2D5)}
.wbl-vt-seg button{min-height:44px;padding:8px 18px;border:0;border-radius:99px;background:transparent;color:var(--wbl-ink,#211B17);font:600 15px/1 inherit;cursor:pointer}
.wbl-vt-seg button[aria-pressed=true]{background:var(--wbl-ink,#211B17);color:var(--wbl-paper,#F4EFE7)}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
