/*
 * Site-wide responsive typography, 1400px and below.
 *
 * Enqueued last on every page (see functions.php), after style.css and
 * every page-specific stylesheet, so these rules win the cascade at
 * equal specificity without needing !important or deeper selectors.
 *
 * Two roles are covered:
 *
 *   Headings (every <h1>/<h2>/<h3> across the theme) — each keeps its
 *   own base size and is reduced by 10% at <=1400px, a further 10% at
 *   <=991px, and a further 10% at <=767px. The percentages compound on
 *   the previous step, not on the original base.
 *
 *   Paragraphs (every <p>, plus two bullet lists that carry the same
 *   reading-copy role) — set to one flat 18px at <=1400px and 16px at
 *   <=767px, regardless of each one's own base size.
 *
 * Above 1400px nothing here applies; every selector keeps the size
 * declared in its own component stylesheet.
 */

/* ==========================================
   Headings — cascading -10% per step, from each selector's own base
========================================== */

/* Base 40px: .product-hero__heading (H1) */
@media (max-width: 1400px) {
	.product-hero__heading {
		font-size: 36px; /* 40 * 0.9 */
	}
}

@media (max-width: 991px) {
	.product-hero__heading {
		font-size: 32.4px; /* 36 * 0.9 */
	}
}

@media (max-width: 767px) {
	.product-hero__heading {
		font-size: 29.16px; /* 32.4 * 0.9 */
	}
}

/*
 * Base 30px: the site's H2/H3 section and card headings share one
 * value, so they share one cascade.
 *   .blue-e-section-heading      .blue-e-cta__heading
 *   .blue-e-benefits__title      .edge-explore__heading
 *   .blue-e-showcase__title      .product-card__title
 *   .product-hero__form-title    .ri4-slide__title
 *   .ri4-case__title             .ri4-assist__heading
 *   .ss-story__title
 */
@media (max-width: 1400px) {
	.blue-e-section-heading,
	.blue-e-benefits__title,
	.blue-e-showcase__title,
	.blue-e-cta__heading,
	.edge-explore__heading,
	.product-card__title,
	.product-hero__form-title,
	.ri4-slide__title,
	.ri4-case__title,
	.ri4-assist__heading,
	.ss-story__title {
		font-size: 27px; /* 30 * 0.9 */
	}
}

@media (max-width: 991px) {
	.blue-e-section-heading,
	.blue-e-benefits__title,
	.blue-e-showcase__title,
	.blue-e-cta__heading,
	.edge-explore__heading,
	.product-card__title,
	.product-hero__form-title,
	.ri4-slide__title,
	.ri4-case__title,
	.ri4-assist__heading,
	.ss-story__title {
		font-size: 24.3px; /* 27 * 0.9 */
	}
}

@media (max-width: 767px) {
	.blue-e-section-heading,
	.blue-e-benefits__title,
	.blue-e-showcase__title,
	.blue-e-cta__heading,
	.edge-explore__heading,
	.product-card__title,
	.product-hero__form-title,
	.ri4-slide__title,
	.ri4-case__title,
	.ri4-assist__heading,
	.ss-story__title {
		font-size: 21.87px; /* 24.3 * 0.9 */
	}
}

/* Base 28px: .product-grid-section__title (H2) */
@media (max-width: 1400px) {
	.product-grid-section__title {
		font-size: 25.2px; /* 28 * 0.9 */
	}
}

@media (max-width: 991px) {
	.product-grid-section__title {
		font-size: 22.68px; /* 25.2 * 0.9 */
	}
}

@media (max-width: 767px) {
	.product-grid-section__title {
		font-size: 20.412px; /* 22.68 * 0.9 */
	}
}

/*
 * Base 20px: H3 card/callout titles.
 *   .blue-e-callout__title   .blue-e-feature__title   .ss-type__title
 */
@media (max-width: 1400px) {
	.blue-e-callout__title,
	.blue-e-feature__title,
	.ss-type__title {
		font-size: 18px; /* 20 * 0.9 */
	}
}

@media (max-width: 991px) {
	.blue-e-callout__title,
	.blue-e-feature__title,
	.ss-type__title {
		font-size: 16.2px; /* 18 * 0.9 */
	}
}

@media (max-width: 767px) {
	.blue-e-callout__title,
	.blue-e-feature__title,
	.ss-type__title {
		font-size: 14.58px; /* 16.2 * 0.9 */
	}
}

/* ==========================================
   Paragraphs — flat size at each step, regardless of base
========================================== */

@media (max-width: 1400px) {
	.footer-contact__inner,
	.blue-e-callout__text,
	.blue-e-feature__text,
	.blue-e-benefits__list li,
	.blue-e-acc__subheading,
	.blue-e-acc__caption,
	.blue-e-app__text,
	.blue-e-app__callout,
	.blue-e-showcase__text,
	.blue-e-seer__intro,
	.blue-e-seer__subheading,
	.blue-e-seer__poc-text,
	.edge-accordion__body,
	.product-grid-section__description,
	.product-card__description,
	.product-hero__subheading,
	.product-hero__subheading--lg,
	.ri4-explore__intro,
	.ri4-slide__spec,
	.ri4-slide__list li,
	.ri4-case__block,
	.ri4-assist__text,
	.ss-type__body,
	.ss-types__footnote,
	.ss-industries__intro,
	.ss-industry__label,
	.ss-story__text,
	.ss-why__label {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.footer-contact__inner,
	.blue-e-callout__text,
	.blue-e-feature__text,
	.blue-e-benefits__list li,
	.blue-e-acc__subheading,
	.blue-e-acc__caption,
	.blue-e-app__text,
	.blue-e-app__callout,
	.blue-e-showcase__text,
	.blue-e-seer__intro,
	.blue-e-seer__subheading,
	.blue-e-seer__poc-text,
	.edge-accordion__body,
	.product-grid-section__description,
	.product-card__description,
	.product-hero__subheading,
	.product-hero__subheading--lg,
	.ri4-explore__intro,
	.ri4-slide__spec,
	.ri4-slide__list li,
	.ri4-case__block,
	.ri4-assist__text,
	.ss-type__body,
	.ss-types__footnote,
	.ss-industries__intro,
	.ss-industry__label,
	.ss-story__text,
	.ss-why__label {
		font-size: 16px;
	}
}