/* The shared stylesheet handles ordinary navigation; journal routes add a shared-element handoff. */
html[data-news-navigation] body[data-page="news"] .site-header{view-transition-name:ag-navigation}
html[data-news-navigation] body[data-page="news"] #main{view-transition-name:news-content}
[data-news-arrival],[data-news-arrival] .ag-word{opacity:1!important;translate:none!important;filter:none!important}
::view-transition{pointer-events:none}
html[data-news-navigation]::view-transition-group(*){animation-duration:720ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
html[data-news-navigation]::view-transition-old(root){display:none}
html[data-news-navigation]::view-transition-new(root){animation:none}
::view-transition-group(ag-navigation){z-index:10;animation:none}
::view-transition-old(ag-navigation){display:none}
::view-transition-new(ag-navigation){animation:none;mix-blend-mode:normal}
::view-transition-old(news-content){animation:news-page-out 260ms cubic-bezier(.4,0,1,1) both;mix-blend-mode:normal}
::view-transition-new(news-content){animation:news-page-in 720ms cubic-bezier(.22,1,.36,1) both;mix-blend-mode:normal}
::view-transition-group(news-headline){z-index:3}
::view-transition-old(news-headline){animation:news-ink-out 190ms ease-out both;mix-blend-mode:normal;height:100%;width:100%}
::view-transition-new(news-headline){animation:news-ink-in 520ms 70ms ease-out both;mix-blend-mode:normal;height:100%;width:100%}
::view-transition-group(news-cover){z-index:2;overflow:hidden;border-radius:20px}
::view-transition-old(news-cover),::view-transition-new(news-cover){height:100%;width:100%;object-fit:cover;mix-blend-mode:normal}
::view-transition-old(news-cover){animation:news-ink-out 380ms ease-out both}
::view-transition-new(news-cover){animation:news-ink-in 600ms ease-out both}
[data-news-navigation="back"]::view-transition-new(news-content){animation-name:news-page-back}
@keyframes news-page-out{to{opacity:0;translate:0 -12px;filter:blur(2px)}}
@keyframes news-page-in{from{opacity:0;translate:0 32px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes news-page-back{from{opacity:0;translate:0 -22px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes news-ink-out{to{opacity:0}}
@keyframes news-ink-in{from{opacity:0}to{opacity:1}}
[data-news-fallback] #main{animation:news-page-in 650ms cubic-bezier(.22,1,.36,1) both}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}