.directory-hero { padding-block: var(--space-5) var(--space-7); max-width: 960px; }
.directory-eyebrow { display: flex; align-items: center; gap: var(--space-4); color: var(--muted); font-size: var(--font-sm); }
.directory-eyebrow img { width: var(--space-8); height: var(--space-8); object-fit: contain; background: var(--color-white); border: var(--border-width) solid var(--line); border-radius: var(--radius-card); padding: var(--space-2); }
.directory-hero h1 { font-size: clamp(var(--font-3xl), 4vw, var(--font-display)); line-height: 1.1; letter-spacing: -.05em; margin-block: var(--space-5); font-weight: 600; }
.directory-description { font-size: var(--font-lead); line-height: 1.6; color: var(--muted); max-width: 800px; }
.directory-nav { display: flex; flex-wrap: wrap; gap: var(--space-5); padding-block: var(--space-4); border-block: var(--border-width) solid var(--line); }
.directory-nav a { font-size: var(--font-label); text-decoration: none; }
.directory-courses, .directory-about { padding-block: var(--space-7); scroll-margin-top: var(--space-5); }
.directory-courses h2, .directory-about h2 { font-size: var(--font-2xl); font-weight: 550; letter-spacing: -.04em; margin: 0 0 var(--space-5); }
.directory-count { font-size: var(--font-sm); color: var(--muted); }
.directory-courses .section-heading h2 { margin: 0; }
.directory-courses .section-heading { margin-bottom: var(--section-heading-gap); }
.directory-about { border-top: var(--border-width) solid var(--line); max-width: none; }
.directory-about p { color: var(--muted); line-height: 1.7; font-size: var(--font-body); }
.provider-links { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-5); }
.provider-links a { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--control-size); padding: var(--space-2) var(--space-4); border: var(--border-width) solid var(--line); border-radius: var(--radius-control); font-size: var(--font-body); text-decoration: none; }
.provider-links a:hover { border-color: var(--active); }
.provider-about-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: var(--space-7); align-items: start; }
.provider-about-copy p { margin: 0; font-size: var(--font-md); }
.provider-about-copy p + p { margin-top: var(--copy-paragraph-gap); }
.provider-facts { background: var(--surface); border-radius: var(--radius-card); padding: var(--space-5); }
.provider-facts dl { display: flex; flex-direction: column; gap: 0; margin: 0; font-size: var(--font-body); }
.provider-facts dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-4); border-bottom: var(--border-width) solid var(--line); }
.provider-facts dl > div:first-child { padding-top: 0; }
.provider-facts dl > div:last-child { padding-bottom: 0; border-bottom: 0; }
.provider-facts dt { color: var(--muted); }
.provider-facts dd { margin: 0; text-align: right; }
.provider-faq { padding-block: var(--space-7); border-top: var(--border-width) solid var(--line); }
.provider-faq h2 { font-size: var(--font-2xl); margin: 0 0 var(--space-5); }
.provider-faq details { border-bottom: var(--border-width) solid var(--line); padding-block: var(--space-4); }
.provider-faq summary { display: flex; align-items: center; gap: var(--space-4); list-style: none; cursor: pointer; font-size: var(--font-md); line-height: 1.5; }
.provider-faq summary::-webkit-details-marker { display: none; }
.provider-faq p { margin: var(--space-3) 0 0; font-size: var(--font-body); line-height: 1.7; color: var(--muted); }
@media (max-width:760px) { .provider-about-grid { grid-template-columns: minmax(0,1fr); gap: var(--space-5); } .directory-about, .directory-courses, .provider-faq { padding-block: var(--space-6); } .directory-courses .section-heading { flex-direction: column; align-items: flex-start; gap: var(--space-2); } }
.provider-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.provider-tile { display: flex; align-items: center; gap: var(--space-4); border: var(--border-width) solid var(--line); border-radius: var(--radius-card); padding: var(--space-5); text-decoration: none; }
.provider-tile img { width: var(--space-7); height: var(--space-7); padding: var(--space-1); object-fit: contain; background: var(--color-white); border-radius: var(--radius-sm); }
.directory-navigation { margin-block: var(--space-5); font-size: var(--font-sm); }
.directory-navigation summary { cursor: pointer; }
.directory-navigation nav { display: flex; flex-wrap: wrap; gap: var(--space-3); padding-block: var(--space-4); }
.directory-navigation a { color: var(--muted); }
.breadcrumbs { flex-wrap: wrap; line-height: 1.6; }
.breadcrumbs [aria-current] { overflow-wrap: anywhere; }
.course-school-name { position: relative; z-index: 1; text-decoration: none; }
.course-school-name:hover { text-decoration: underline; }
@media (max-width: 760px) { .provider-grid { grid-template-columns: minmax(0,1fr); } .directory-hero { padding-block: var(--space-4) var(--space-5); } }