/**
 * CSS for Card Title Row
 * Aligns the icon and H3 title horizontally.
 */
.card-title-row {
    display: flex;
    align-items: center; /* Vertical centering */
    gap: 15px;           /* Space between icon and text */
    margin-bottom: 10px; /* Space before the paragraph starts */
}

.card-title-row h3 {
    margin: 0;           /* Removes default heading margins for better alignment */
    line-height: 1.2;
}

.card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 30px;     /* Ensures icons have a consistent alignment column */
}