/*
 * The phone pass (Gerek's page-by-page review, from 2026-09-28).
 *
 * Phone here is 599px and below; tablet.css starts at 600. Loaded last. The
 * phone menu card is in tablet.css (it covers every width with a hamburger).
 * The !important declarations are deliberate, for the same reason as in
 * tablet.css: the carried CSS sets sizes node by node.
 */

/* ------------------------------------------------------------------------
 * 1. Home: the hero (column group 15btyisju3ve).
 *
 * Gerek chose "side by side" (2026-09-28): Travis small on the left beside
 * the headline, as on desktop and tablet, and the rest full width below.
 * The carried phone layout put a 310px photo above everything, which pushed
 * the Subscribe button to ~880px, below the first screen of every phone; this
 * keeps his face, the promise and the button in the first screen (~640px).
 *
 * The two columns are flattened into one grid (display: contents) so the
 * photo can sit beside the headline alone while the subtext, newsletter line
 * and form, which live in the headline's column, run the full width.
 * The form's fields go from the carried 10px to 16px: readable, and iPhones
 * stop zooming in when a field under 16px is tapped.
 * ---------------------------------------------------------------------- */
@media (max-width: 599px) {
	.fl-node-15btyisju3ve.fl-col-group {
		display: grid !important;
		grid-template-columns: 40% 1fr;
		column-gap: 14px;
		align-items: end;
	}
	.fl-node-15btyisju3ve > .fl-col,
	.fl-node-15btyisju3ve > .fl-col > .fl-col-content {
		display: contents !important;
	}
	.fl-node-evg7j63lxarq.fl-module {
		grid-column: 1;
		grid-row: 1;
		align-self: end;
		margin: 0 !important;
	}
	.fl-node-evg7j63lxarq .fl-photo-content,
	.fl-node-evg7j63lxarq .fl-photo-img {
		width: 100% !important;
		height: auto;
	}
	.fl-node-0uagj28qptfw.fl-module {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		margin: 0 !important;
	}
	.fl-node-0uagj28qptfw.fl-module-heading {
		font-size: clamp(22px, 6.9vw, 30px);
		line-height: 1.15;
		text-align: left;
	}
	.fl-node-02xpc8j3qa9u.fl-module,
	.fl-node-spa5iq1fm0n9.fl-module,
	.fl-node-qwoxaju0pc2t.fl-module {
		grid-column: 1 / -1;
	}
	.fl-node-02xpc8j3qa9u.fl-module {
		margin: 18px 0 0 !important;
	}
	.fl-node-02xpc8j3qa9u.fl-module-heading {
		font-size: 20px;
		line-height: 1.4;
	}
	.fl-node-spa5iq1fm0n9.fl-module {
		margin: 14px 0 0 !important;
	}
	.fl-node-qwoxaju0pc2t.fl-module > .fl-module-content {
		margin: 16px 0 32px !important;
	}
	.fl-node-qwoxaju0pc2t .fl-subscribe-form-inline .fl-form-field {
		margin-bottom: 10px;
	}
	.fl-node-qwoxaju0pc2t .fl-form-field input {
		height: auto;
		padding: 14px 16px !important;
		font-size: 16px !important;
	}
}

/* ------------------------------------------------------------------------
 * 2. About: the wall of 21 photos, two across (tablet.css section 8 explains).
 * ---------------------------------------------------------------------- */
@media (max-width: 599px) {
	.fl-node-ad6ihn1ou934.fl-col-group {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.fl-node-ad6ihn1ou934 > .fl-col,
	.fl-node-ad6ihn1ou934 > .fl-col > .fl-col-content {
		display: contents !important;
	}
	.fl-node-ad6ihn1ou934::before,
	.fl-node-ad6ihn1ou934::after,
	.fl-node-ad6ihn1ou934 > .fl-col::before,
	.fl-node-ad6ihn1ou934 > .fl-col::after,
	.fl-node-ad6ihn1ou934 > .fl-col > .fl-col-content::before,
	.fl-node-ad6ihn1ou934 > .fl-col > .fl-col-content::after {
		display: none !important;
	}
	.fl-node-ad6ihn1ou934 .fl-module-photo.fl-module {
		margin: 0 !important;
	}
	.fl-node-ad6ihn1ou934 .fl-photo-content,
	.fl-node-ad6ihn1ou934 .fl-photo-img {
		width: 100% !important;
		height: auto;
	}
}


/* ------------------------------------------------------------------------
 * 3. Books (/books-1/): two across on phones, per row of four, with
 * captions sized to fit (tablet.css section 11 explains the page).
 * ---------------------------------------------------------------------- */
@media (max-width: 599px) {
	.fl-builder-content .fl-row :is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24) .fl-col .fl-rich-text :is(p, li),
	.fl-builder-content .fl-row :is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24) .fl-col .fl-rich-text :is(p, li) * {
		font-size: 15px !important;
		line-height: 1.3 !important;
	}
	.fl-builder-content .fl-row :is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24) .fl-col .fl-rich-text + .fl-rich-text :is(p, li),
	.fl-builder-content .fl-row :is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24) .fl-col .fl-rich-text + .fl-rich-text :is(p, li) * {
		font-size: 14px !important;
	}
	:is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24) .fl-col .fl-module-rich-text.fl-module {
		margin-right: 4px !important;
		margin-left: 4px !important;
	}
	:is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24).fl-col-group {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 12px;
		row-gap: 32px;
		margin-bottom: 32px;
	}
	:is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24)::before,
	:is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24)::after {
		display: none !important;
	}
	:is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24) > .fl-col {
		width: auto !important;
		max-width: none;
		margin: 0;
	}
	:is(.fl-node-sbdwve4ihk3p, .fl-node-vx36tf1abhc9, .fl-node-toyg5n2pm0z8, .fl-node-jawn8zdcs1og, .fl-node-jxt0gsie2r9n, .fl-node-zmrtswjke75a, .fl-node-ek9slp4zx8a5, .fl-node-ahzstcpojr1n, .fl-node-sjiezhwaknvq, .fl-node-ujvdm60wqp3f, .fl-node-is5o3ujby081, .fl-node-qnoz2xyb84ut, .fl-node-c1dlv5sq7w24) .fl-module-separator {
		display: none !important;
	}
}
