/* The single source of truth for tile surfaces and elevation.
   Inner flip faces retain only clipping and rotation; the outer card casts the shadow. */
:root{--tile-shadow:0 4px 16px -5px rgba(0,0,0,.075);--tile-shadow-raised:0 10px 24px -7px rgba(0,0,0,.12)}
body .tile,body .quick-card,body .tip-card,body .refine-card{
 border:0;background-color:#fff;box-shadow:var(--tile-shadow);transform:none;
 transition:transform 260ms cubic-bezier(.2,.65,.3,1),box-shadow 260ms ease;
}
body .tip-card{border-radius:25px;background:transparent}
body .tip-front,body .tip-back{border:0;box-shadow:none;translate:none}
@media(hover:hover) and (pointer:fine){
 body .tile:hover,body .quick-card:hover,body .tip-card:hover,body .refine-card:hover{
  transform:translateY(-3px);box-shadow:var(--tile-shadow-raised);
 }
}
@media(prefers-reduced-motion:reduce){
 body .tile,body .quick-card,body .tip-card,body .refine-card{transition:none}
 body .tile:hover,body .quick-card:hover,body .tip-card:hover,body .refine-card:hover{transform:none}
}