/* Consistent course presentation without changing stored course images. */
.vtea-column { display: flex; margin-bottom: 1.5rem; }
.vtea-card { display: flex; flex-direction: column; width: 100%; padding: 1.5rem; background: #fff; color: #172b4d; border: 1px solid #d8e2ec; border-top: 4px solid #176b63; border-radius: .65rem; box-shadow: 0 3px 10px #172b4d0a; }
.vtea-card h3 { font-size: 1.2rem; line-height: 1.45; }
.vtea-card h3 a { color: #123f5a; }
.vtea-card p { color: #41556b; line-height: 1.65; }
.vtea-meta { padding: 0; list-style: none; color: #334e68; font-size: .9rem; }
.vtea-meta li { margin-bottom: .4rem; }
.vtea-card .btn { margin-top: auto; align-self: flex-start; }
.vtea-filters { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.vtea-filters .form-control { max-width: 24rem; }
.vtea-filters .custom-select { width: auto; }
.vtea-card a:focus-visible, .vtea-filters :focus-visible { outline: 3px solid #176b63; outline-offset: 3px; }
.vtea-dashboard { margin: 1rem 0 1.5rem; padding: 1.5rem; border: 1px solid #d8e2ec; border-left: 5px solid #176b63; border-radius: .65rem; background: #f5faf9; color: #172b4d; }
.vtea-dashboard h2 { font-size: 1.4rem; color: #123f5a; }
.single-courses .courses-img { height: 11rem; overflow: hidden; }
.single-courses .courses-img img { width: 100%; height: 100%; object-fit: cover; }
.dashboard-card .card-img { height: 10rem; background-size: cover; }
@media (prefers-reduced-motion: reduce) { .vtea-card { transition: none; } }