/* Portal-wide typography. This stylesheet is omitted on eService. */
body.user-typography,
body.user-typography :is(button,input,select,textarea,table) {
  font-family: var(--font-body) !important;
}
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main,
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main :where(*:not(svg):not(path):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(th)) {
  font-size: var(--ui-body-size) !important;
}
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main :is(h1,h2,h3,h4,h5,h6,legend,.page-heading,.section-title,.card-title),
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main :is(h1,h2,h3,h4,h5,h6,legend,.page-heading,.section-title,.card-title) * {
  font-family: var(--font-display) !important;
  font-size: var(--ui-heading-size) !important;
}
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main :is(th,th *) {
  font-size: var(--ui-table-heading-size) !important;
}
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) :is(.guest-menu,.admin-navigation,.site-nav,.member-mobile-nav,.guest-mobile-menu,.module-action-navigator,.user-navigator) :is(a,button,summary,span,strong,small) {
  font-size: var(--ui-menu-size) !important;
}
body.user-typography.app-shell .admin-navigation--links .admin-navigation__submenu-link,
body.user-typography.app-shell .module-action-navigator.user-navigator > .button {
  font-size: var(--ui-menu-size) !important;
}
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main :is(.field-help,.form-help,.help-text,.hint,.helper-text,small),
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main :is(.field-help,.form-help,.help-text,.hint,.helper-text,small) *,
body.user-typography.app-shell:not(.typography-disabled):not(.no-ui-settings) main :is(input,textarea)::placeholder {
  font-size: var(--ui-helper-size) !important;
}
body.user-typography .site-header :is(.brand,.user-chip,.user-chip__text) {
  font-size: var(--ui-menu-size) !important;
}