/* v341: gentle detail-card transition, without affecting vertical page scroll. */
:root{--taupe:#aa9a88;--kcmo-mobile-taupe:#aa9a88}
.kc-taupe-heading{color:#aa9a88!important}
@media(max-width:680px){
 #how .detail-card{touch-action:pan-y;overscroll-behavior-x:contain}
 #how .detail-card.mobile-detail-swipe-flash .detail-top,
 #how .detail-card.mobile-detail-swipe-flash .detail-points{animation:kcmo-detail-swipe-in .24s ease-out both}
 @keyframes kcmo-detail-swipe-in{
  from{opacity:.65;transform:translateX(9px)}
  to{opacity:1;transform:translateX(0)}
 }
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){
 #how .detail-card.mobile-detail-swipe-flash .detail-top,
 #how .detail-card.mobile-detail-swipe-flash .detail-points{animation:none!important}
}