/* ============================================================
   Courses hub — page-specific styles. Loaded only when the
   courses template is active. The card component itself
   (.ltl-portal / .ltl-portal-link) already exists sitewide in
   tokens.css — this file only covers what's new here: the intro
   section and the grid layout wrapping those cards.
   ============================================================ */

.ltl-courses-hero {
	padding: clamp(4rem, 9vw, 6rem) clamp(1rem, 4vw, 2rem) clamp(2rem, 5vw, 3rem);
}
.ltl-courses-hero-sub {
	max-width: 56ch;
	margin: 1rem auto 0;
	color: rgba(44, 44, 44, 0.7);
	font-size: 1.05rem;
}

.ltl-courses-grid-section {
	padding: 0 clamp(1rem, 4vw, 2rem) clamp(4rem, 9vw, 6rem);
}
.ltl-courses-grid {
	gap: 1.5rem !important;
}

.ltl-course-card-facts {
	font-size: 0.9rem;
	opacity: 0.85;
	margin-top: 0.3rem;
}

.ltl-course-card-placeholder .wp-block-cover__inner-container {
	text-align: center;
}