.group-states{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-md)}.group-states__section{padding:var(--space-xl) var(--space-md)}.group-states__heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);text-align:center;color:var(--text-primary)}.group-states__list{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);max-width:1200px}.group-states__list-item{transition:transform .2s ease-in-out}.group-states__list-item:hover{transform:translateY(-4px)}.group-states__card{display:flex;gap:var(--space-md);background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:box-shadow .3s ease}.group-states__card:hover{box-shadow:var(--shadow-lg)}.group-states__card-image{width:var(--width-sm);height:var(--width-sm);object-fit:cover;flex-shrink:0;border-radius:var(--radius-md) 0 0 var(--radius-md)}.group-states__card-info{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;justify-content:center}.group-states__card-info h3{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0 0 var(--space-xs);color:var(--text-primary)}.group-states__card-info p{font-size:var(--font-size-sm);color:var(--text-muted);margin:calc(var(--space-xs) / 2) 0}.group-states__chip-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.group-states__chip{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:calc(var(--space-xs) * .75);transition:background-color .2s ease;border:var(--border-width-thin) solid var(--gray-200);background-color:var(--white)}.group-states__chip:hover{background-color:var(--gray-100)}.group-states__chip-count{color:var(--text-muted);font-size:var(--font-size-xs)}@media (max-width:600px){.group-states__card{flex-direction:column;align-items:center;text-align:center;padding:var(--space-sm) var(--space-sm) 0}.group-states__card-image{width:100%;height:160px;border-radius:var(--radius-md) var(--radius-md) 0 0}.group-states__card-info{padding:var(--space-md)}}