/* One type scale for public pages. Component roles retain an explicit hierarchy. */
:root {
  --epd-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --epd-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --epd-type-h1: 36px;
  --epd-type-h2: 26px;
  --epd-type-h3: 20px;
  --epd-type-body: 16px;
  --epd-type-lead: 18px;
  --epd-type-small: 14px;
}
html body[data-epd-public-alignment],
html body[data-epd-public-alignment] * {
  font-family: var(--epd-font-ui) !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) {
  font-size: var(--epd-type-body) !important;
  font-weight: 400;
  line-height: 1.65 !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(p, li, dd, dt, td, th, blockquote) {
  font-size: var(--epd-type-body) !important;
  line-height: 1.65 !important;
  letter-spacing: normal !important;
  overflow-wrap: anywhere;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(p, li, dd, dt) :is(span, strong, em, a) {
  font-size: inherit !important;
  line-height: inherit !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--epd-font-ui) !important;
  font-weight: 600 !important;
  max-width: 100%;
  overflow-wrap: anywhere;
  hyphens: auto;
}
html body[data-epd-public-alignment] main:is(#main-content, main) h1 {
  font-size: var(--epd-type-h1) !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) h2 {
  font-size: var(--epd-type-h2) !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) h3 {
  font-size: var(--epd-type-h3) !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) h4 { font-size: 18px !important; line-height: 1.4 !important; }
html body[data-epd-public-alignment] main:is(#main-content, main) :is(h5,h6) { font-size: 16px !important; line-height: 1.4 !important; }
html body[data-epd-public-alignment] main:is(#main-content, main) :is(h1,h2,h3,h4,h5,h6) :is(span,strong,em,a) { font-size: inherit !important; line-height: inherit !important; }
html body[data-epd-public-alignment] main:is(#main-content, main) :is(.card, .workspace-card, .engagement-card, .epd-help-card, .pbnk-home-card, .pbnk-app-card, .notice-box, .pillar) :is(h2,h3) {
  font-size: var(--epd-type-h3) !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(.lead, .entry-intro, .pbnk-home-lead, .epd-help-lead, .engagement-intro, .land-lead),
html body[data-epd-public-alignment] main:is(#main-content, main) h1 + p,
html body[data-epd-public-alignment] main:is(#main-content, main) > div[data-pbnk-entry-start] > p {
  font-size: var(--epd-type-lead) !important;
  line-height: 1.6 !important;
  font-weight: 400;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(label,input,select,textarea,button,summary,.btn) {
  font-size: var(--epd-type-body) !important;
  line-height: 1.5 !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(button,.btn) {
  font-weight: 600 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  max-width: 100%;
}
html body[data-epd-public-alignment] main:is(#main-content, main) th { font-weight: 600; }
html body[data-epd-public-alignment] main:is(#main-content, main) :is(small,.text-small,.badge,.tag,.engagement-tag,.workspace-tag,.program-badge,.kicker,.breadcrumbs,.pbnk-home-kicker,.epd-help-popular,.epd-help-eyebrow,.program-note),
html body[data-epd-public-alignment] main:is(#main-content, main) :is(.pbnk-page-test-status,.pbnk-home-status,.text-small) :is(p,li,summary,span,a),
html body[data-epd-public-alignment] main:is(#main-content, main) :is(.engagement-nav,.workspace-tabs,.epd-help-tabs,.pbnk-section-tabs) a {
  font-size: var(--epd-type-small) !important;
  line-height: 1.5 !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) :is(code,kbd,samp),
html body[data-epd-public-alignment] main:is(#main-content, main) pre:has(> code),
html body[data-epd-public-alignment] main:is(#main-content, main) :is(code,kbd,samp) * {
  font-family: var(--epd-font-mono) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
html body[data-epd-public-alignment] main:is(#main-content, main) pre { max-width: 100%; overflow-x: auto; }
@media (max-width: 600px) {
  :root { --epd-type-h1: 32px; --epd-type-h2: 24px; }
}