/**
 * Profile Card Component Styles
 * Extends card-base.css with profile-specific styling
 * Requires: card-base.css to be loaded first
 */

/* Profile Card - No additional base properties needed */
/* Profile cards are not clickable, so no hover state */

/* Responsive Breakpoints - Profile-specific overrides */

/* Tiny breakpoint (Mobile Portrait, max-width: 478px) */
@media screen and (max-width: 478px) {

  /* Override base card flex-direction for profile cards */
  .profile-card {
    flex-direction: row;
  }

}