/* Scope the newsletter presentation to pages created by the Resend importer. */
.pfoa-fthf-email-preview .entry-title,
.pfoa-fthf-email-preview .wp-block-post-title {
	display: none;
}

.pfoa-fthf-email-preview .entry-content > .pfoa-fthf-email-article {
	max-width: 46rem;
	margin-inline: auto;
	color: #202624;
	font: 1.05rem/1.65 Georgia, serif;
	overflow-wrap: anywhere;
}

/* Masthead: no hero card. The author portrait (e.g. Wills) is an author
   credit, not a subject hero, so the masthead carries no beige panel.
   Title/subtitle/dateline stay centered (front-end story-title parity);
   only the identity row left-aligns with the portrait clamped to the
   accepted 264px treatment (Week 277 parity). */
.pfoa-fthf-email-masthead {
	text-align: center;
	margin-bottom: 2rem;
	padding: 0;
	background: none;
	border-radius: 0;
}

.pfoa-fthf-email-masthead h1 {
	margin: .4rem 0 .7rem;
	font: bold clamp(1.7rem, 4vw, 2.4rem)/1.22 Georgia, serif;
	color: inherit;
	text-align: center;
}

.pfoa-fthf-email-masthead p {
	margin: 0 0 .2rem;
}

/* Author identity row: left-aligned like the accepted Wills treatment.
   The figure clamp (not the img width) does the constraining so it holds
   even when a stored block carries an inline source width. */
.pfoa-fthf-email-identity {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	gap: 1rem;
	margin-bottom: 1rem;
}

.pfoa-fthf-email-identity > figure {
	max-width: min(264px, 100%);
	margin: 0;
}

.pfoa-fthf-email-identity img {
	display: block;
	width: min(264px, 100%);
	margin-left: 0;
	margin-right: auto;
}

.pfoa-fthf-email-body > p,
.pfoa-fthf-email-body > ul,
.pfoa-fthf-email-body > ol {
	margin-bottom: 1.15rem;
}

/* Defensive, scoped to this import preview: body prose and headings never
   paint bars. Investigation of draft 26031 (stored markup + do_blocks
   front-end render + theme 0.1.297 + core defaults) found no
   border/background/outline/box-shadow source for the reported blue bars
   on the Picasso paragraphs — theme links/focus are green/indigo and need
   anchors/focus, core needs inline styles (absent), the gallery is a
   separate flex row. Remaining candidate is viewer-side editor selection
   chrome, not authored content. This guard keeps future theme/core rules
   from rendering as bars here. Outline is deliberately untouched so
   keyboard focus stays visible. */
.pfoa-fthf-email-body > p,
.pfoa-fthf-email-body > h1,
.pfoa-fthf-email-body > h2,
.pfoa-fthf-email-body > h3,
.pfoa-fthf-email-body > ul,
.pfoa-fthf-email-body > ol {
	border: 0;
	background: none;
	box-shadow: none;
}

.pfoa-fthf-email-body .wp-block-list {
	padding-inline-start: 1.6rem;
}

.pfoa-fthf-email-gallery {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: .9rem;
	margin-block: 1.5rem;
}

.pfoa-fthf-email-gallery > * {
	flex: 1 1 9rem;
	min-width: 0;
	margin: 0;
}

.pfoa-fthf-email-article figure {
	text-align: center;
}

/* Wills' signature: left-aligned with the article body text directly
   beneath her signoff, not centered like ordinary photographs. Scoped to
   the signature class only (emitted by the importer for Wills artwork
   immediately following "Thanks for listening!"); ordinary figures and
   their centered captions are untouched. Holds on desktop and mobile. */
.pfoa-fthf-email-body > figure.pfoa-fthf-email-signature,
.pfoa-fthf-email-body figure.pfoa-fthf-email-signature {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
	float: none;
}

.pfoa-fthf-email-body figure.pfoa-fthf-email-signature img {
	margin-left: 0;
	margin-right: auto;
}

/* Phase 2B: the signature must never float subsequent paragraphs alongside
   it. The WordPress Align toolbar can add alignleft / alignright /
   aligncenter classes to the stored figure; those must not pull the p.s.
   (or any following block) up beside the signature. The block following
   the signature always starts entirely beneath it. */
.pfoa-fthf-email-body > figure.pfoa-fthf-email-signature.alignleft,
.pfoa-fthf-email-body > figure.pfoa-fthf-email-signature.alignright,
.pfoa-fthf-email-body > figure.pfoa-fthf-email-signature.aligncenter,
.pfoa-fthf-email-body figure.pfoa-fthf-email-signature.alignleft,
.pfoa-fthf-email-body figure.pfoa-fthf-email-signature.alignright,
.pfoa-fthf-email-body figure.pfoa-fthf-email-signature.aligncenter {
	float: none !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	text-align: left;
}

.pfoa-fthf-email-body > figure.pfoa-fthf-email-signature + *,
.pfoa-fthf-email-body figure.pfoa-fthf-email-signature + * {
	clear: both;
}

/* PFOA convention: photo captions always center beneath their photos.
   Explicit on figcaption so WP/theme caption alignment cannot override. */
.pfoa-fthf-email-article figure figcaption {
	text-align: center !important;
}

/* Split captions (e.g. Timon "Timon & Simba -" + Simba "adopted
   together!") keep Marilyn's exact wording and photo relationships —
   the extractor's same-column join behavior is untouched. Coherence comes
   from presentation only: captions stay attached under their photos in
   source order, balanced wrapping avoids orphaned fragments like a lone
   dash, and the gentler break-word override keeps the article-wide
   `anywhere` wrapping from splitting caption words mid-fragment. */
.pfoa-fthf-email-gallery figcaption {
	text-wrap: pretty;
	overflow-wrap: break-word;
}

.pfoa-fthf-email-article img {
	max-width: 100%;
	height: auto;
	border-radius: .25rem;
}

.pfoa-fthf-email-article figcaption,
.pfoa-fthf-email-dateline,
.pfoa-fthf-email-missing {
	font: .9rem/1.45 system-ui, sans-serif;
}

@media (max-width: 540px) {
	.pfoa-fthf-email-gallery > * {
		flex-basis: 100%;
	}
}