/* TYPO-ARIAL-20261011. Public SUAB shell only; Bitrix admin panel is outside scope.
   Canonical rule: docs/typography-policy.md. Preserve heading sizes, layout, logo and motion. */
body[data-suab-typography="arial"] {
  --font-body: Arial, sans-serif;
  --font-heading: Arial, sans-serif;
  font-family: Arial, sans-serif;
  font-size: 16px;
}
/* The #main entry raises specificity above family-local font shorthands.
   Icons based on an icon font and SVG glyphs retain their original rendering. */
body[data-suab-typography="arial"] :is(header.header, main#main, footer, dialog, [role="dialog"], .dialog, .help-dock, .help-root, .global-ui, .skip),
body[data-suab-typography="arial"] :is(header.header, main#main, footer, dialog, [role="dialog"], .dialog, .help-dock, .help-root, .global-ui) :not(svg):not(svg *):not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]):not([class*="icon-font"]) {
  font-family: Arial, sans-serif !important;
}
body[data-suab-typography="arial"] :is(header.header, main#main, footer, dialog, [role="dialog"], .dialog) :is(h1,h2) {
  font-weight: 600 !important;
}
/* 16px is the body copy size chosen in the comparison, not the size of H1.
   Small captions/kickers retain their established hierarchy. */
body[data-suab-typography="arial"] main#main :is(p,li,blockquote):not([class*="kicker"]):not([class*="eyebrow"]):not([class*="caption"]):not([class*="tag"]):not([class*="meta"]):not([class*="hint"]):not([class*="small"]):not([class*="slogan"]):not([class*="title"]):not([class*="heading"]):not([class*="price"]):not([class*="metric"]):not([class*="stat"]):not([class*="number"]):not(.num):not(.cb-kicker) {
  font-size: 16px !important;
}