/* Withmore fixes layered over the template (template files stay untouched) */

/* iOS Safari zooms into any field under 16px on focus. Keep fields at 16px on
   touch devices and narrow screens; desktop keeps the template's size. */
@media (max-width: 991px), (pointer: coarse) {
	input:not([type="hidden"]),
	textarea,
	select {
		font-size: 16px;
	}
}

/* The menu plugin sets an inline touch-action: pan-y on .sf-menu, which blocks
   pinch zoom when a pinch starts on the menu. Keep its vertical panning, allow zoom. */
ul.sf-menu {
	touch-action: pan-y pinch-zoom !important;
}

/* Tighter Libre Baskerville. The template gives everything a flat -0.4px, which
   barely registers at display sizes; em values tighten in proportion to the type
   size. DM Sans keeps the template's spacing. */
.fancy-heading,
.stat__number {
	letter-spacing: -0.05em;
}

/* Outlined hero words: past this, neighbouring letters touch and the strokes cross */
.hero-intro__word {
	letter-spacing: -0.035em;
}