/**
 * WordPress — Twenty Twenty-Five — jonathanbowen.boston
 * Normalization contract: 645px content width on a 5px arithmetic grid.
 */

:root {
	--jonathan-grid: 5px;
	--jonathan-horizontal-gutter: 15px;
	--jonathan-space-2: 10px;
	--jonathan-space-4: 20px;
	--jonathan-space-6: 30px;
	--jonathan-space-10: 50px;
	--jonathan-control-height: 50px;
	--jonathan-subscribe-button-width-wide: 215px;
	--jonathan-subscribe-button-width-narrow: 220px;
}

/* Newsletter section: outer geometry owns the entire vertical flow. */
.jonathan-newsletter-section {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: var(--jonathan-space-4);
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	min-width: 0;
	margin-block: var(--jonathan-space-10) !important;
	margin-inline: auto !important;
	padding-block: var(--jonathan-space-2) !important;
}

.jonathan-newsletter-section > * {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	margin-block: 0 !important;
}

.jonathan-newsletter-section > .wp-block-group {
	max-width: none !important;
	padding: 0 !important;
}

.jonathan-newsletter-section > .wp-block-heading {
	font-size: 20px;
	line-height: 25px;
}

.jonathan-newsletter-section > .wp-block-paragraph {
	font-size: 15px !important;
	line-height: 20px;
}

/* Jetpack Subscribe: 50 + 10 + 50 + 10 + 20 = 140px. */
.jonathan-subscribe-cta {
	box-sizing: border-box;
	container-type: inline-size;
	width: 100%;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

.jonathan-subscribe-cta .wp-block-jetpack-subscriptions__container {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--jonathan-space-2);
	width: 100%;
}

.jonathan-subscribe-cta form,
.jonathan-subscribe-cta .wp-block-jetpack-subscriptions__form-elements,
.jonathan-subscribe-cta #subscribe-email,
.jonathan-subscribe-cta #subscribe-submit {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	margin: 0 !important;
}

.jonathan-subscribe-cta .wp-block-jetpack-subscriptions__form-elements {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--jonathan-space-2);
}

.jonathan-subscribe-cta .wp-block-jetpack-subscriptions__textfield {
	width: 100%;
}

.jonathan-subscribe-cta #subscribe-submit {
	display: flex;
	justify-content: center;
}

.jonathan-subscribe-cta input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	height: var(--jonathan-control-height) !important;
	padding: 0 var(--jonathan-space-4) !important;
	font-size: 15px !important;
	line-height: 20px !important;
}

.jonathan-subscribe-cta button,
.jonathan-subscribe-cta .wp-block-jetpack-subscriptions__button {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: center;
	width: var(--jonathan-subscribe-button-width-wide);
	max-width: 100%;
	height: var(--jonathan-control-height);
	margin: 0 !important;
	padding: 0 var(--jonathan-space-4) !important;
	font-size: 15px !important;
	line-height: 20px !important;
	white-space: nowrap;
}

@container (max-width: 644px) {
	.jonathan-subscribe-cta button,
	.jonathan-subscribe-cta .wp-block-jetpack-subscriptions__button {
		width: var(--jonathan-subscribe-button-width-narrow);
	}
}

.jonathan-subscribe-cta .wp-block-jetpack-subscriptions__subscount {
	width: 100%;
	margin: 0 !important;
	font-size: 15px;
	line-height: 20px;
	text-align: center !important;
	text-transform: capitalize;
}

/* Dynamic post tags must remain inside their governing Post Terms block. */
.taxonomy-post_tag.wp-block-post-terms a {
	white-space: normal;
	overflow-wrap: anywhere;
}
