@view-transition { navigation: auto; }
::view-transition-old(root) { animation: page-out 120ms ease both; }
::view-transition-new(root) { animation: page-in 220ms ease both; }
@keyframes page-out { to { opacity:0; } }
@keyframes page-in { from { opacity:0; } }
.header { transition: box-shadow 220ms ease; }
.header.is-scrolled { box-shadow:0 5px 25px #102f1b0d; }
.reading-progress { position:fixed;z-index:50;inset:0 0 auto;height:3px;background:#38b968;transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none; }
.has-reading-progress .reading-progress { opacity:1; }
.article-card { transition:box-shadow 250ms ease,border-color 250ms ease,transform 250ms ease; }
.thumbnail img { transition:transform 550ms cubic-bezier(.22,.61,.36,1); }
.arrow,.menu-toggle span,.faq-icon::after { transition:transform 220ms ease; }
.story-row { transition:background-color 200ms ease; }
.button,.filter-chip { transition:background-color 180ms ease,transform 180ms ease; }
.menu-open .menu-toggle span:first-child { transform:translateY(3.5px) rotate(45deg); }
.menu-open .menu-toggle span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
@media(hover:hover) and (pointer:fine) {
  .article-card:hover { transform:translateY(-5px);box-shadow:0 13px 30px #153b2410;border-color:#b2cfb9; }
  .article-card:hover .thumbnail img,.guide-feature:hover .thumbnail img { transform:scale(1.045); }
  .article-card:hover h3,.story-row:hover h3 { color:var(--green); }
  .article-card:hover .arrow,.text-link:hover .arrow,.button:hover .arrow { transform:translate(3px,-3px); }
  .story-row:hover { background:#ffffff6b; }
  .button:hover { transform:translateY(-2px); }
  .filter-chip:not([aria-pressed="true"]):hover { background:#ddebe1; }
  #primary-nav>a:hover { color:#159048; }
}
@media(prefers-reduced-motion:reduce) {
  ::view-transition-old(root),::view-transition-new(root) { animation:none!important; }
  .article-card,.thumbnail img,.arrow,.menu-toggle span,.faq-icon::after,.button,.filter-chip,.header { transition:none!important; }
  .article-card:hover,.article-card:hover .thumbnail img,.guide-feature:hover .thumbnail img,.button:hover,.article-card:hover .arrow,.text-link:hover .arrow,.button:hover .arrow { transform:none; }
}