/* ==========================================================================
   Phones and tablets: finger-sized targets and readable text. Loaded last.

   Measured 9 Oct 2026 on an iPhone-sized screen: the menu drawer's links
   were 35px tall and its sector titles 10.7px text; footer links were 19px
   tall with 10.6-13px text; social buttons 33-36px; the menu button's hit
   area 24x18px. Guidance is ~44px for anything tapped and nothing under
   ~12px for text. Only sizes change here -- colours, fonts and layout stay.
   ========================================================================== */

@media (max-width: 1024px) {
	/* Menu button: a 44px hit area around the same icon (padding, cancelled by margin, so nothing moves). */
	html body .hamburger {
		padding: 13px 10px !important;
		margin: -13px -10px !important;
		box-sizing: content-box !important;
	}

	/* Menu drawer (#mobileDrawer: mobile-nav.css sizes these with an id selector) */
	html body #mobileDrawer .drawer-link {
		display: flex !important;
		align-items: center;
		min-height: 44px;
		font-size: 15px !important;
	}
	html body #mobileDrawer .drawer-sector-title {
		display: flex !important;
		align-items: center;
		min-height: 40px;
		font-size: 12px !important;
	}
	html body #mobileDrawer .accordion-trigger-label { font-size: 15px !important; }
	html body #mobileDrawer .drawer-cta { min-height: 48px; font-size: 15px !important; }
	html body #mobileDrawer .drawer-social-pill,
	html body #mobileDrawer .drawer-close {
		width: 44px !important;
		height: 44px !important;
	}
	html body #mobileDrawer .drawer-theme-row button,
	html body #mobileDrawer .drawer-theme-row .theme-toggle-btn { min-height: 40px; }
	html body #mobileDrawer .drawer-theme-row span { font-size: 13px !important; }
}

@media (max-width: 768px) {
	/* Footer links: taller rows to tap, slightly larger text. */
	html body .site-footer .footer-links a,
	html body .site-footer .footer-legal a {
		display: inline-block;
		padding-block: 11px;
		font-size: 14px !important;
	}
	html body .site-footer .footer-heading-link {
		display: inline-block;
		padding-block: 12px;
		font-size: 12px !important;
	}
	html body .site-footer .social-pill {
		width: 44px !important;
		height: 44px !important;
	}
	html body .site-footer .footer-copy,
	html body .site-footer .footer-copy span { font-size: 12.5px !important; }
	html body .site-footer .footer-newsletter-label { font-size: 13.5px !important; }
	html body .site-footer .badge-hiring { font-size: 10.5px !important; }

	/* Page content */
	html body .sc-badge { font-size: 12.5px !important; }
	html body .orbit-node-label { font-size: 11.5px !important; }
	html body .loc-map-btn {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		font-size: 14px !important;
	}
	html body .loc-phone {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		font-size: 14px !important;
	}
	/* The hero's play button: on phones the video waits for it (js/main.js). */
	html body .video-toggle {
		width: 44px !important;
		height: 44px !important;
	}
	/* Content buttons were 34px tall. */
	html body .wp-block-button__link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
	}
}