/**
 * MTS sitewide typography — matches Career Areas baseline:
 * Roboto 16px/1.5, #2e2d2b, heading clamp scale.
 * Masthead / .mts-footer keep their own stylesheets; #colophon Elementor is unchanged.
 */

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #2e2d2b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#page #masthead ~ div[data-elementor-type="wp-page"],
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] {
  font-family: "Roboto", Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #2e2d2b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#page #masthead ~ div[data-elementor-type="wp-page"] h1,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] h1 {
  font-size: clamp(2.75rem, 6vw, 3.5rem);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
}

@media (min-width: 1000px) {
  #page #masthead ~ div[data-elementor-type="wp-page"] h1,
  #page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] h1 {
    line-height: 1.25;
  }
}

#page #masthead ~ div[data-elementor-type="wp-page"] h2,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] h2 {
  font-size: clamp(2rem, 3.5vw, 2.5rem);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.02em;
}

#page #masthead ~ div[data-elementor-type="wp-page"] h3,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] h3 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
}

#page #masthead ~ div[data-elementor-type="wp-page"] h4,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] h4 {
  font-size: clamp(1.125rem, 1.8vw, 1.5rem);
  line-height: 1.33;
  font-weight: 600;
}

#page #masthead ~ div[data-elementor-type="wp-page"] h5,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] h5 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
}

#page #masthead ~ div[data-elementor-type="wp-page"] p,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] p {
  font-size: 1rem;
  line-height: 1.5;
}

/* Elementor kit / theme often assigns Manrope — normalize main column only */
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-heading .elementor-heading-title,
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-text-editor,
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-text-editor p,
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon-box-title,
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-icon-box .elementor-icon-box-description,
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-image-box .elementor-image-box-title,
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-image-box .elementor-image-box-description,
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-widget-container,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-heading .elementor-heading-title,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-text-editor,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-text-editor p,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-icon-box .elementor-icon-box-title,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-icon-box .elementor-icon-box-description,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-image-box .elementor-image-box-title,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-image-box .elementor-image-box-description,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-widget-container {
  font-family: "Roboto", Helvetica, Arial, sans-serif !important;
}

/* Headings / kit tokens: Elementor post-*.css often beats non-!important rules */
#page #masthead ~ div[data-elementor-type="wp-page"] .elementor-heading-title,
#page #masthead ~ div[data-elementor-type="wp-post"][data-elementor-id="6"] .elementor-heading-title {
  font-family: "Roboto", Helvetica, Arial, sans-serif !important;
}
