/* Site-wide mobile type (QA 2026-09-02, decisions DEC-1 / DEC-2 / DEC-4 of
 * .claude/section-qa/site-qa-2026-09-02.md).
 *
 * Every 430 artboard in Figma nnKwKVKADYRoGov1xLYFkL is set in the design
 * system's named `_mobile` text styles (pulled via REST, see
 * .claude/figma-artifacts/mobile-type-styles.txt):
 *
 *   Headline/headline _mobile      28 / 700 / lh 1.2 / ls 0        section H2, non-hero H1
 *   Headline/headline M            33 / 600 / lh 1.2 / ls -0.02em  hero H1 (cover sections)
 *   Headline/headline S            25 / 700 / lh 1.2 / ls 0        timeline years, 25px H2s
 *   Headline/headline XS           19 / 700 / lh 1.5 / ls 0        card H3, testimonial quote
 *   Paragraph/body default_mobile  15 / 500 / lh 1.4              body copy
 *   Paragraph/body strong_mobile   15 / 700 / lh 1.4 / ls -0.01em  hero / stats subheads
 *   button label (unstyled)        13 / 700 / lh 1.4 / ls -0.01em
 *   text link "Learn More" (unstyled) 12 / 700 / lh 1.4 / ls -0.01em
 *
 * The desktop values (600 / -0.03em / lh 1.2 on headings, lh 1.5-1.6 on body
 * and buttons) are inline block attributes on every heading/paragraph, so
 * `!important` is the only way to override them below 782px. Font sizes are
 * left to the fluid presets / per-section rules (xx-large already lands on
 * 28px at 430; sections whose artboard uses Headline S set 25px themselves).
 * Imported LAST from index.css so it also wins over the archetype partials. */
@media (max-width: 781px) {
	/* Headline/headline _mobile */
	h2,
	.cmp-amt-twocol h1 {
		font-weight: 700 !important;
		letter-spacing: 0 !important;
		line-height: 1.2 !important;
	}
	/* Headline/headline XS */
	h3,
	.cmp-home-testimonial p.has-x-large-font-size {
		font-weight: 700 !important;
		letter-spacing: 0 !important;
		line-height: 1.5 !important;
	}
	/* Headline/headline S (About timeline years, 33524:4835) */
	.cmp-about-timeline .cmp-card h3 {
		line-height: 1.2 !important;
	}
	/* Headline/headline M: hero H1s keep 600 but track -0.02em, not the desktop -0.05em */
	[class*="-hero"] h1 {
		letter-spacing: -0.02em !important;
	}
	/* Paragraph/body *_mobile: line-height 1.4 (desktop 1.5 / 1.6) */
	p.has-medium-font-size,
	.wp-block-list,
	.wp-block-list li {
		line-height: 1.4 !important;
	}
	/* Button label 13 / lh 1.4 (theme.json button preset is 1.6) */
	.wp-block-button__link {
		font-size: 0.8125rem !important;
		line-height: 1.4 !important;
	}
	/* Text link "Learn More" / "View Site" 12 / lh 1.4 */
	.cmp-cta {
		font-size: 0.75rem !important;
		line-height: 1.4 !important;
	}
}