/* ==========================================================================
   Measure + heading layer
   --------------------------------------------------------------------------
   Linked AFTER each page's <style> element, which is the cascade position it
   already held when every page carried its own copy. It has to win over the
   page: a page may set .lede { max-width: 780px } and this caps it at 68ch.
   Moving it into site.css would silently undo that on every page.
   ========================================================================== */

/* Readability: cap line length at roughly 70 characters. Lines longer than
   about 75 characters make the eye lose its place on the return sweep. */
article p, .body-copy p, .block p, .article-section p, .prose p,
.lede, .intro, .hero-sub, .hero-lede, .page-sub, .group-note, .faq-a, .faq-item .a,
.callout p, .summary li, .body-copy ul li { max-width: 68ch; }


/* One family throughout. Hierarchy comes from weight, size and tracking
   only; a sans needs the weight a serif got from stroke contrast. */
h1, .h1, .page-title, .hero h1 { font-weight: 600; letter-spacing: -0.028em; }

h2, .h2, .section-title, .group-head { font-weight: 600; letter-spacing: -0.022em; }

h3, .h3, h4 { font-weight: 600; letter-spacing: -0.012em; }

h1 em, .h1 em, h2 em, .h2 em, .section-title em, .page-title em {
  font-style: normal; color: var(--accent-deep);
}