/* Shared mobile header alignment across homepage, archives and reviews. */
@media (max-width:960px) {
  .nav .nav-in { gap:12px; }
  .nav .nav-in .theme-toggle { flex:none; margin-left:auto; margin-right:0; }
  .nav .nav-in .menu-btn { flex:none; margin-left:0; }
}
@media (max-width:360px) {
  .nav .nav-in { gap:8px; }
  .nav .logo { font-size:23px; }
  .nav .logo em { font-size:27px; }
}

/* A deeper chartreuse accent, shared by the homepage and footer. */
:root{--lime:#C7E45A;--on-lime:#2A436B}
.footer .wordmark{transition:text-shadow .45s ease}
@media(hover:hover){.footer .wordmark:hover{text-shadow:0 0 30px color-mix(in srgb,var(--lime) 30%,transparent)}}
.footer .wordmark.is-seen span{animation:tz-wordmark-arrive .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--letter-order,0)*65ms)}
@keyframes tz-wordmark-arrive{from{opacity:.45;translate:0 16px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.footer .wordmark,.footer .wordmark span{transition:none}.footer .wordmark.is-seen span{animation:none}}