/* Navigation hubs only; the font dashboard and existing page styles are untouched. */
.directory-main { box-sizing: border-box; width: 55%; margin: 0 auto; padding: 2.5rem 3rem; background: #fff; color: #000; font-size: 17px; }
.directory-main h1 { margin: 0 0 1rem; font-size: clamp(1.8rem, 2.4vw, 2.2rem); line-height: 1.2; }
.directory-main p { line-height: 1.6; }
.directory-main a { color: #000; text-decoration: underline; text-underline-offset: .2em; }
.directory-topics { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; padding: 1.5rem 0; border-block: 1px solid #ddd; }
.directory-section { padding: 1.5rem 0; scroll-margin-top: 6rem; }
.directory-section h2 { font-size: 1.5rem; margin: 0 0 1rem; }
.directory-section ul { padding-left: 1.25rem; }
.directory-section li { margin-bottom: 1.3rem; line-height: 1.5; }
.directory-section li p { margin: .4rem 0 0; }
@media (max-width: 900px) { .directory-main { width: 100%; padding: 2rem 1.25rem; } }