/* LodeStar Institute — unified, restrained typography (2026-10-13).
   Keeps the existing banner, layout, backgrounds, navigation and form behavior. */
:root { --lsi-type-blue: #173c67; --lsi-type-body: #304a65; --lsi-type-font: "Segoe UI", Candara, "Trebuchet MS", Arial, sans-serif; }
html body { font-family: var(--lsi-type-font); font-size: 16px; line-height: 1.65; color: var(--lsi-type-body); }
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .page-title, html body .section-title, html body .hero h1,
html body .hero-title, html body .page-hero h1, html body .article-title {
 font-family: var(--lsi-type-font); font-weight: 400; color: var(--lsi-type-blue);
 text-transform: none; text-shadow: none;
}
html body h1, html body .hero h1, html body .page-hero h1, html body .page-title, html body .hero-title, html body .article-title {
 font-size: clamp(1.65rem, 2.6vw, 2.15rem); line-height: 1.28; letter-spacing: -.015em;
}
html body h2, html body .section-title { font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.35; }
html body h3 { font-size: 1.2rem; line-height: 1.4; }
html body h4 { font-size: 1.08rem; }
html body h5, html body h6 { font-size: 1rem; }
html body .primary-nav, html body .primary-nav a, html body .site-nav,
html body input, html body select, html body textarea, html body button,
html body .button { font-family: var(--lsi-type-font); }
html body .primary-nav a { font-weight: 400; }
/* Avoid exaggerated emphasis in heading blocks without altering article content. */
html body h1 strong, html body h1 b, html body h2 strong, html body h2 b,
html body h3 strong, html body h3 b { font-weight: 400; }
@media (max-width: 700px) { html body h1, html body .hero h1, html body .page-hero h1,
 html body .page-title, html body .hero-title, html body .article-title { font-size: 1.7rem; } }