/*
 * FeatureNews.VIP: phone rules (HORIZON-20260924-023, scope D-FN / S1-S8).
 *
 * WHY A THEME FILE, NOT CORE: every rule here targets fnv-* classes that exist
 * only in this theme. Core's hp-mobile.css covers the shared hp-* components;
 * this is the FeatureNews half, enqueued LAST by functions.php so it wins ties.
 *
 * WHAT IT FIXES (measured, 12 pages x 375/390, docs/research/mobile-continue-
 * 2026-09-24/fn-before): text down to 9.9px (chips, card eyebrows, footer, button
 * labels), 14px running text (bios, awards, footer), and taps under 44px (footer
 * links 33px, logo 20px, back link 18px, profile links 19px, buttons 39-42px).
 *
 * Every selector is body-prefixed (as Core does) so it beats the theme's own
 * compound selectors (.fnv-card__overlay .fnv-card__eyebrow, .fnv-btn--outline).
 *
 * The look is kept: sizes step up to the floor, never past it; letter-spacing on
 * the uppercase labels eases so a 12px label keeps its line.
 */
@media (max-width: 767.98px) {

	/* ── Text: nothing under 12px (S4) ─────────────────────── */
	body .fnv-chip,
	body .fnv-card__overlay .fnv-card__eyebrow,
	body .fnv-card__overlay .fnv-card__view,
	body .fnv-footer-col__title,
	body .fnv-powered-by__label,
	body .fnv-hero__badge,
	body .fnv-star,
	body a.fnv-btn,
	body button.fnv-btn,
	body .fnv-home .fnv-btn,
	body .fnv-spotlight .fnv-btn,
	body .fnv-epfeature .fnv-btn {
		font-size: 0.75rem;
	}
	body .fnv-hero__badge,
	body a.fnv-btn,
	body button.fnv-btn,
	body .fnv-home .fnv-btn,
	body .fnv-spotlight .fnv-btn,
	body .fnv-epfeature .fnv-btn,
	body .fnv-footer-col__title {
		letter-spacing: 0.14em;
	}

	/* ── Running text at 16px (S3) ─────────────────────────── */
	body .fnv-footer-brand__tagline,
	body .fnv-footer-copy,
	body .fnv-footer-copy .fnv-footer-tagline,
	body .fnv-profile-awards li,
	body .fnv-pillar .fnv-pillar__text,
	body .fnv-profile-hero__bio,
	body .fnv-hero__lead,
	body .fnv-headc__desc,
	body .fnv-spotlight__bio {
		font-size: 1rem;
		line-height: 1.6;
	}

	/* ── Taps: 44px (S2) ───────────────────────────────────── */
	/* Footer links: the 33px row + 4px gap becomes one 44px row, so the rhythm
	   barely moves (37px pitch -> 44px). */
	body .fnv-footer-links {
		gap: 0;
	}
	body .fnv-footer-links a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 0;
	}

	body .fnv-logo__link,
	body .fnv-footer-brand__name,
	body .fnv-powered-by,
	body .fnv-backlink,
	body .fnv-profile-links dd > a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	body a.fnv-btn,
	body button.fnv-btn {
		min-height: 44px;
	}

	/* The blog archive's thumbnail link collapses to its text height when a post
	   has no image; give it a real target. */
	body .post-image > a {
		display: block;
		min-height: 44px;
	}
}