/* Sizes selected in the local typography preview. */
:root {
  --type-body: 16px;
  --type-links: 15px;
  --type-headings: 37px;
  --type-headings-tablet: 33px;
  --type-headings-mobile: 30px;
}
html:not([data-typography="before"]) .header-contact { font-size: 15px; }
html:not([data-typography="before"]) #main { font-size: var(--type-body); }
html:not([data-typography="before"]) #main .prose,
html:not([data-typography="before"]) .faq details p,
html:not([data-typography="before"]) .method-steps h3 { font-size: var(--type-body); }
html:not([data-typography="before"]) #main .prose { line-height: 1.8; }
html:not([data-typography="before"]) .faq summary { font-size: calc(var(--type-body) + 1px); }
html:not([data-typography="before"]) .portfolio-intro .field-help { font-size: calc(var(--type-body) - 2px); }
html:not([data-typography="before"]) #main .text-link { font-size: var(--type-links); line-height: 1.5; gap: 12px; }
html:not([data-typography="before"]) .header nav a,
html:not([data-typography="before"]) .portfolio-gallery .back,
html:not([data-typography="before"]) .document-preview-caption { font-size: max(14px, calc(var(--type-links) - 2px)); }
html:not([data-typography="before"]) #portfolio h2,
html:not([data-typography="before"]) #signup h2,
html:not([data-typography="before"]) #calendar h2,
html:not([data-typography="before"]) #faq h2,
html:not([data-typography="before"]) .portfolio-gallery h1 { font-size: var(--type-headings); line-height: 1.15; }
html:not([data-typography="before"]) .document-copy h3 { font-size: calc(var(--type-headings) / 2); }
@media (max-width: 960px) {
  html:not([data-typography="before"]) .header-contact { font-size: 14px; }
  html:not([data-typography="before"]) #main { --type-headings: var(--type-headings-tablet); }
}
@media (max-width: 760px) {
  html:not([data-typography="before"]) #main { --type-headings: var(--type-headings-mobile); }
  html:not([data-typography="before"]) .document-copy h3 { font-size: 22px; }
}