/* ==========================================================================
   brandtweary.com — screen-only refinements

   Split out of style.css and linked with media="screen" so the print
   renderer skips the file wholesale. WeasyPrint's stylesheet parser accepts
   only bare media types, so a media *query* left in a print-applicable sheet
   is discarded with a warning on every build; nothing here is wanted on paper
   anyway.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Narrow screens
   -------------------------------------------------------------------------- */

@media (max-width: 40rem) {
	:root {
		--gutter: 1.1rem;
	}

	body {
		font-size: 0.98rem;
	}

	.page {
		padding: 2.25rem 0 3rem;
	}

	h2 {
		font-size: 0.92rem;
		letter-spacing: 0.09em;
	}

	/* The contact line stacks rather than wrapping — a wrapped inline
	   separator strands at the head of the next line. */
	.contact {
		flex-direction: column;
		gap: 0.1rem;
	}

	.contact > li + li::before {
		content: none;
	}

	.resume-actions .button {
		flex: 1 1 auto;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
	}
}