/* Marketing components only. Home, Automation Hub, footer and utility controls are excluded. */
:root {
  --dxc-design-cyan: #10afe3;
  --dxc-design-cyan-hover: #0875bd;
  --dxc-design-section: clamp(56px, 6vw, 80px);
  --dxc-design-card-radius: 12px;
  --dxc-design-hero-radius: 16px;
}

/* Heading roles are scoped to content components, never bare h2 tags. */
body.dxc-native-about .dxc-about-hero h1,
body.dxc-native-iva .dxc-iva-hero h1,
body.dxc-native-product-article .dxc-dx-main-hero h1,
body.dxc-native-partner-network .dxc-partners h1,
body.dxc-native-solution-detail main h1,
body .dxc-careers-page h1 {
  font-size: clamp(32px, 3.4vw, 48px);
  line-height: 1.14;
  font-weight: 700;
}
body.dxc-native-about main .dxc-section h2,
body.dxc-native-iva main .dxc-section h2:not(.screen-reader-text),
body.dxc-native-product-article main .dxc-dx-main-features h2:not(.screen-reader-text),
body.dxc-native-product-article main .dxc-dx-library-section h2,
body.dxc-native-solutions main .dxc-solutions-directory h2,
body.dxc-native-contact main .dxc-contact-office h2,
body.dxc-native-contact main .dxc-contact-demo h2,
body.dxc-native-partner-network main .dxc-partners__capabilities h2,
body.dxc-native-partner-network main .dxc-partners__why h2 {
  font-size: clamp(28px, 2.9vw, 40px);
  line-height: 1.2;
  font-weight: 700;
}
body.dxc-native-about main .dxc-section h2,
body.dxc-native-iva main .dxc-section h2:not(.screen-reader-text),
body.dxc-native-product-article main .dxc-dx-main-features h2:not(.screen-reader-text),
body.dxc-native-product-article main .dxc-dx-library-section h2,
body.dxc-native-solutions main .dxc-solutions-directory h2,
body.dxc-native-contact main .dxc-contact-office h2,
body.dxc-native-contact main .dxc-contact-demo h2,
body.dxc-native-partner-network main .dxc-partners__capabilities h2,
body.dxc-native-partner-network main .dxc-partners__why h2 { font-size: clamp(28px, 2.9vw, 40px) !important; }
body.dxc-native-product-article main .dxc-dx-overview h2 {
  font-size: clamp(28px, 2.5vw, 32px);
  line-height: 1.3;
  font-weight: 600;
}
body.dxc-native-product-article main .dxc-dx-benefit-slide h3,
body.dxc-native-partner-network main .dxc-partners__capability h3 {
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.25;
  font-weight: 700;
}
body.dxc-native-solution-detail main .dxc-section-title {
  font-size: clamp(28px, 2.9vw, 40px) !important;
  line-height: 1.2;
  font-weight: 700;
}

/* CTA geometry and states; carousel arrows, menu toggles and text links are untouched. */
body.dxc-native-about main .dxc-button,
body.dxc-native-iva main .dxc-button,
body.dxc-native-solutions main .dxc-button,
body.dxc-native-partner-network main .dxc-partners__button,
body .dxc-careers-page .dxc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  border: 1px solid var(--dxc-design-cyan);
  border-radius: 999px;
  background: var(--dxc-design-cyan);
  color: #082536;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}
body.dxc-native-product-article main .dxc-dx-hero-actions a.dxc-button,
body.dxc-native-solution-detail main .dxc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  border: 1px solid var(--dxc-design-cyan);
  border-radius: 999px;
  background: var(--dxc-design-cyan);
  color: #082536;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
}
body.dxc-native-iva main .dxc-button-outline {
  background: transparent;
  color: #123b59;
}
body.dxc-native-about main .dxc-button:hover,
body.dxc-native-iva main .dxc-button:hover,
body.dxc-native-solutions main .dxc-button:hover,
body.dxc-native-partner-network main .dxc-partners__button:hover,
body .dxc-careers-page .dxc-button:hover,
body.dxc-native-product-article main .dxc-dx-hero-actions a.dxc-button:hover,
body.dxc-native-solution-detail main .dxc-button:hover {
  border-color: var(--dxc-design-cyan-hover);
  background: var(--dxc-design-cyan-hover);
  color: #fff;
}
body.dxc-native-about main .dxc-button:focus-visible,
body.dxc-native-iva main .dxc-button:focus-visible,
body.dxc-native-solutions main .dxc-button:focus-visible,
body.dxc-native-partner-network main .dxc-partners__button:focus-visible,
body .dxc-careers-page .dxc-button:focus-visible,
body.dxc-native-product-article main .dxc-dx-hero-actions a.dxc-button:focus-visible,
body.dxc-native-solution-detail main .dxc-button:focus-visible {
  outline: 3px solid #082536;
  outline-offset: 3px;
}

/* Card and image surfaces with established component classes. */
body.dxc-native-about main .dxc-about-hero-visual,
body.dxc-native-iva main .dxc-iva-hero-image,
body.dxc-native-product-article main .dxc-dx-main-hero-media img,
body.dxc-native-product-article main .dxc-dx-section-image img,
body.dxc-native-solutions main .dxc-solutions-hero img,
body.dxc-native-solution-detail main .dxc-dwp-hero-media img,
body.dxc-native-partner-network main .dxc-partners__hero img {
  border-radius: var(--dxc-design-hero-radius);
}
body.dxc-native-iva main .dxc-feature-card,
body.dxc-native-solutions main .dxc-solution-card,
body.dxc-native-partner-network main .dxc-partners__capability {
  border: 1px solid #d3e3eb;
  border-radius: var(--dxc-design-card-radius);
  box-shadow: none;
}

/* Normal content sections; composition-specific hero and card-overhang spacing stays local. */
body.dxc-native-about main .dxc-section,
body.dxc-native-iva main .dxc-section,
body.dxc-native-solution-detail main .dxc-section,
body.dxc-native-solutions main .dxc-solutions-directory,
body.dxc-native-partner-network main .dxc-partners__capabilities,
body.dxc-native-partner-network main .dxc-partners__why {
  padding-block: var(--dxc-design-section);
}
body.dxc-native-iva main section[id],
body.dxc-native-product-article main section[id],
body.dxc-native-solution-detail main section[id] {
  scroll-margin-top: 96px;
}

/* Guard component headings if a legacy Additional CSS h2 rule remains active. */
body .dxc-site-footer .dxc-footer-column h2 { font-size: 16px !important; }
body .dxc-resource-card-copy h2,
body .dxc-resource-card h2 { font-size: 18px !important; }

@media (max-width: 700px) {
  body.dxc-native-about main .dxc-section,
  body.dxc-native-iva main .dxc-section,
  body.dxc-native-solution-detail main .dxc-section,
  body.dxc-native-solutions main .dxc-solutions-directory,
  body.dxc-native-partner-network main .dxc-partners__capabilities,
  body.dxc-native-partner-network main .dxc-partners__why {
    padding-block: clamp(40px, 8vw, 56px);
  }
}

/* B-47a/B-56a/B-57a/B-58a and QA-07/QA-09: named page components. */
body.dxc-native-product-article main :is(.dxc-dx-main-features, .dxc-dx-tour, .dxc-dx-deploy) h2 {
  font-size: clamp(28px, 2.9vw, 40px) !important;
  line-height: 1.2;
  font-weight: 700;
}
body.dxc-native-product-article main .dxc-dx-hero-actions a.dxc-button {
  border-color: var(--dxc-design-cyan);
  background: var(--dxc-design-cyan);
  color: #082536;
}
body.dxc-native-product-article main .dxc-dx-hero-actions a.dxc-button:hover {
  border-color: var(--dxc-design-cyan-hover);
  background: var(--dxc-design-cyan-hover);
  color: #fff;
}
body.dxc-native-product-article main :is(.dxc-dx-main-feature, .dxc-dx-feature) {
  border: 1px solid #d3e3eb;
  border-radius: var(--dxc-design-card-radius);
  box-shadow: none;
}
body.dxc-native-product-article main .dxc-dx-main-feature {
  border-color: #ffffff52;
}
body.dxc-native-product-article main :is(.dxc-dx-overview, .dxc-dx-benefits, .dxc-dx-technology, .dxc-dx-tour, .dxc-dx-main-features, .dxc-dx-deploy) {
  padding-block: var(--dxc-design-section);
}
body.dxc-native-about main .dxc-about-hero-visual {
  border-radius: var(--dxc-design-hero-radius);
}
body.dxc-native-about main .dxc-about-hero-visual > img {
  border-radius: inherit;
}
body.dxc-native-about main section[id],
body.dxc-native-product-article main section[id] {
  scroll-margin-top: 96px;
}
@media (max-width: 700px) {
  body.dxc-native-product-article main :is(.dxc-dx-overview, .dxc-dx-benefits, .dxc-dx-technology, .dxc-dx-tour, .dxc-dx-main-features, .dxc-dx-deploy) {
    padding-block: clamp(40px, 8vw, 56px);
  }
}