/* Larger native family rail on phones; desktop design is unchanged. */
@media (max-width:620px){
 #family-grid{
  grid-template-columns:none!important;
  grid-auto-flow:column;
  grid-auto-columns:calc(100% - 48px);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  gap:16px;
  padding:4px 4px 16px;
 }
 #family-grid>.family-card{min-width:0;scroll-snap-align:start;}
}
@media (prefers-reduced-motion:reduce){
 #family-grid{scroll-snap-type:none;scroll-behavior:auto;}
}