/* Public presentation only. Header proportions follow the approved homepage. */
html .public-brand-page .site-header { background: rgba(246, 247, 242, .94); border-color: #dce4dc; }
html .public-brand-page .header-inner,
html .signup-public-page .signup-public-header-inner { min-height: 78px; width: min(1320px, calc(100% - 96px)); }
html .public-brand-page .brand,
html .signup-public-page .signup-public-brand,
html .start-page .start-header .start-brand { gap: .85rem; font-size: 13px; font-weight: 900; letter-spacing: .16em; }
html .public-brand-page .brand img,
html .signup-public-page .signup-public-brand img,
html .start-page .start-header .start-brand img { width: 42px; height: 42px; border-radius: 11px; }
html .signup-public-page .signup-public-brand strong { font-size: 13px; font-weight: 900; letter-spacing: .16em; }
html .public-brand-page .primary-nav > a,
html .start-page .start-header .start-nav { font-size: 12px; font-weight: 750; }
html .public-brand-page .primary-nav .button-small,
html .start-page .start-header .start-cta { background: #205c4c; color: #fff !important; min-height: 44px; }
html .public-brand-page .primary-nav > a[aria-current="page"] { color: #205c4c; }
/* Keep the approved hero's combined header and artwork spacing. */
html .start-page .start-header { min-height: 78px; padding: 0; margin-bottom: 36px; }
/* Reading headings and resource titles should not inherit display-heading sizes. */
html .public-brand-page .legal-page h2,
html .public-brand-page .support-page h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.2; text-wrap: pretty; }
html .public-brand-page .resource-grid h3,
html .public-brand-page .guidance-grid h3,
html .public-brand-page .support-grid h3 { font-size: 24px; line-height: 1.2; text-wrap: pretty; }
@media (max-width: 1100px) {
  html .public-brand-page .header-inner,
  html .signup-public-page .signup-public-header-inner { width: calc(100% - 64px); }
}
@media (max-width: 800px) {
  html .public-brand-page .header-inner,
  html .signup-public-page .signup-public-header-inner { width: calc(100% - 40px); }
  html .start-page .start-header { margin-bottom: 17px; }
}
@media (max-width: 600px) {
  html .start-page .start-header { margin-bottom: 11px; }
}