/* Sizing Utilities */

/* Logo Sizes */
.logo-sm { width: 20px; height: 20px; }
.logo-md { width: 24px; height: 24px; }
.logo-lg { width: 30px; height: 30px; }
.logo-xl { width: 40px; height: 40px; }

/* Width Utilities */
/* Height Utilities */
/* Max Width */
/* Max Height */
.max-h-32 { max-height: 180px; }
/* Min Width */

/* Min Height */
/* Specific sizing for common elements */
.team-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-logo-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.card-responsive {
    flex: 1 1 350px;
    min-width: 320px;
}

.content-centered {
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Chart containers */

/* Modal sizing */
.modal-lg { max-width: 800px; }
/* Aspect ratios */