.training-modalities-grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 1rem;
     margin-block: 1rem;
}

.training-card {
     background: var(--light-gray, #f9f9f9);
     border: 1px solid #ddd;
     border-radius: var(--yak-radius);
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     padding: 1rem;
     box-shadow: 0 2px 6px rgba(0,0,0,0.06);
     transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.training-card:hover {
     /* transform: translateY(-4px);
     box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
}

.training-card h3 {
     font-size: 1.25rem;
     margin-bottom: 0.5rem;
     margin-top: 0;
}

.training-card .training-card__format {
     color: var(--bhs-orange);
     margin-bottom: 0.75rem;
     color: var(--training-card-accent-color);
}

.training-card .definition {
     margin-bottom: 1rem;
     color: #444;
     font-style: italic;
     line-height: var(--yak-lh-xl);
}

.training-card .length,
.training-card .complexity {
     font-size: var(--yak-font-sm);
     margin: 0.25rem 0;
}

.training-card__format  {
     font-size: var(--yak-font-sm);
}

.clb-modality-meta {
     display: flex;
     gap:1rem;
     align-items:center; 
     justify-content: space-between;
}

.training-card__titlebar {
     margin-bottom: 1rem;
     display:flex; 
     justify-content:space-between; 
     gap:1rem;
}

.training-card {
     border-left: 6px solid var(--training-card-accent-color);
}

/* Complexity Color Accents */
.training-card.e-learning-course {
     --training-card-accent-color: var(--unc-blue);
}
.training-card.recorded-webinar {
     --training-card-accent-color: var(--bhs-orange);
}
.training-card.synchronous-virtual-course {
     --training-card-accent-color: var(--longleaf-pine);
}
.training-card.face-to-face-trainings {
     --training-card-accent-color: var(--azalea-pink);
}