/**
 * Foundry — Guides hub + single (tokenized, Phase 3)
 *
 * Ported from the Tomlin child theme's Section 32, de-branded to neutral
 * `foundry-*` classes with `--foundry-guides-*` custom properties. Each site
 * themes the hub by setting these tokens (on :root, body, or the theme's
 * stylesheet) — the values below are NEUTRAL fallbacks only. Enqueued solely on
 * guides views (archive/taxonomy/single of the configured CPT). The 8 blocks
 * carry their own co-located CSS; this file styles only the hub/single chrome.
 *
 * Tokens (set any of these to brand the hub):
 *   --foundry-guides-font-display   headings (serif)        default: Georgia, serif
 *   --foundry-guides-font-sans      body/labels (sans)      default: system-ui stack
 *   --foundry-guides-heading        headings + active pill  default: #1f2937
 *   --foundry-guides-accent         eyebrows, links, hover  default: #2563eb
 *   --foundry-guides-on-accent      text on the accent/heading fill  default: #fff
 *   --foundry-guides-text           body copy               default: #1a1a1a
 *   --foundry-guides-muted          secondary copy          default: rgba(26,26,26,.65)
 *   --foundry-guides-bg            section background       default: #fff
 *   --foundry-guides-surface       card media placeholder   default: #f5f5f4
 *   --foundry-guides-border        hairline rules           default: rgba(31,41,55,.1)
 *   --foundry-guides-pill-border   pill outline             default: rgba(31,41,55,.18)
 */

/* ---- Hub (archive + taxonomy) ---- */
.foundry-guides-hub { padding: 80px 24px 110px; background: var(--foundry-guides-bg, #fff); }
.foundry-guides-hub__inner { max-width: 1200px; margin: 0 auto; }
.foundry-guides-hero { max-width: 760px; margin: 0 0 48px; }
.foundry-guides-hero__eyebrow {
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 12px; font-weight: 700;
	letter-spacing: 0.22em; text-transform: uppercase;
	color: var(--foundry-guides-accent, #2563eb); margin: 0 0 16px;
}
.foundry-guides-hero__title {
	font-family: var(--foundry-guides-font-display, Georgia, "Times New Roman", serif); font-weight: 500;
	font-size: clamp(2.25rem, 5vw, 3.5rem); line-height: 1.05;
	color: var(--foundry-guides-heading, #1f2937); margin: 0 0 20px;
}
.foundry-guides-hero__intro {
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 1.0625rem; font-weight: 300;
	line-height: 1.65; color: var(--foundry-guides-muted, rgba(26, 26, 26, 0.65)); margin: 0;
}

/* ---- Featured editorial block (hub_featured_meta) ---- */
/* Sits on a soft surface panel rather than floating over the page with a rule
   beneath it — the tint sets the featured story apart without a divider line. */
.foundry-guides-featured {
	display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center;
	margin: 0 0 56px;
	padding: 40px;
	background: var(--foundry-guides-featured-bg, #f4f5f7);
	border-radius: 18px;
}
.foundry-guides-featured__media {
	display: block; overflow: hidden; border-radius: 14px;
	aspect-ratio: 16 / 10; background: var(--foundry-guides-surface, #f5f5f4);
}
.foundry-guides-featured__media img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform 0.6s ease;
}
.foundry-guides-featured:hover .foundry-guides-featured__media img { transform: scale(1.04); }
.foundry-guides-featured__eyebrow {
	font-family: var(--foundry-guides-font-sans, system-ui, sans-serif);
	font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
	color: var(--foundry-guides-accent, #2563eb); margin: 0 0 14px;
}
.foundry-guides-featured__title {
	font-family: var(--foundry-guides-font-display, Georgia, serif); font-weight: 500;
	font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1.1; margin: 0 0 16px;
}
.foundry-guides-featured__title a {
	color: var(--foundry-guides-heading, #1f2937); text-decoration: none;
}
.foundry-guides-featured__title a:hover { color: var(--foundry-guides-accent, #2563eb); }
.foundry-guides-featured__excerpt {
	font-family: var(--foundry-guides-font-sans, system-ui, sans-serif);
	font-size: 1.0625rem; font-weight: 300; line-height: 1.65;
	color: var(--foundry-guides-muted, rgba(26, 26, 26, 0.65)); margin: 0 0 22px;
}
.foundry-guides-featured__cta {
	display: inline-flex; align-items: center; gap: 8px;
	font-family: var(--foundry-guides-font-sans, system-ui, sans-serif);
	font-size: 14px; font-weight: 600; letter-spacing: 0.02em;
	color: var(--foundry-guides-accent, #2563eb); text-decoration: none;
}
.foundry-guides-featured__cta:hover { gap: 12px; }
@media (max-width: 768px) {
	.foundry-guides-featured { grid-template-columns: 1fr; gap: 24px; padding: 20px; }
}

.foundry-guides-pills {
	display: flex; flex-wrap: wrap; gap: 10px;
	margin: 0 0 56px; padding-bottom: 32px;
	border-bottom: 1px solid var(--foundry-guides-border, rgba(31, 41, 55, 0.1));
}
/* Grouped rail (hierarchical taxonomy): the rule and the bottom margin belong to
   the block as a whole, so the individual rows drop both and the wrapper takes
   them — otherwise every row draws its own divider. */
.foundry-guides-filters {
	margin: 0 0 56px; padding-bottom: 32px;
	border-bottom: 1px solid var(--foundry-guides-border, rgba(31, 41, 55, 0.1));
}
.foundry-guides-filters .foundry-guides-pills {
	margin: 0 0 16px; padding-bottom: 0; border-bottom: 0;
}
.foundry-guides-filters .foundry-guides-pills:last-child { margin-bottom: 0; }
.foundry-guides-pills--grouped { align-items: center; }
.foundry-guides-pills__label {
	flex: 0 0 auto; margin-right: 4px;
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
	color: var(--foundry-guides-muted, rgba(31, 41, 55, 0.7));
}
@media (max-width: 640px) {
	/* The label stops being a row lead-in and becomes a heading over its pills. */
	.foundry-guides-pills__label { flex: 1 0 100%; margin: 0 0 2px; }
}
.foundry-guides-pill {
	display: inline-flex; align-items: center; padding: 9px 20px;
	border: 1px solid var(--foundry-guides-pill-border, rgba(31, 41, 55, 0.18)); border-radius: 999px;
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 13px; font-weight: 500;
	color: var(--foundry-guides-muted, rgba(31, 41, 55, 0.7)); text-decoration: none;
	background: transparent; transition: all 0.25s;
}
.foundry-guides-pill:hover {
	border-color: var(--foundry-guides-accent, #2563eb);
	color: var(--foundry-guides-accent, #2563eb);
}
.foundry-guides-pill.is-active {
	background: var(--foundry-guides-heading, #1f2937);
	border-color: var(--foundry-guides-heading, #1f2937);
	color: var(--foundry-guides-on-accent, #fff);
}

.foundry-guides-pager {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
	margin: 56px 0 0; padding-top: 40px;
	border-top: 1px solid var(--foundry-guides-border, rgba(31, 41, 55, 0.1));
}
.foundry-guides-pager .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 12px;
	border: 1px solid var(--foundry-guides-pill-border, rgba(31, 41, 55, 0.18)); border-radius: 999px;
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 13px; font-weight: 500;
	color: var(--foundry-guides-muted, rgba(31, 41, 55, 0.7)); text-decoration: none;
	transition: all 0.25s;
}
.foundry-guides-pager a.page-numbers:hover {
	border-color: var(--foundry-guides-accent, #2563eb);
	color: var(--foundry-guides-accent, #2563eb);
}
.foundry-guides-pager .page-numbers.current {
	background: var(--foundry-guides-heading, #1f2937);
	border-color: var(--foundry-guides-heading, #1f2937);
	color: var(--foundry-guides-on-accent, #fff);
}
.foundry-guides-pager .page-numbers.dots { border-color: transparent; }

.foundry-guides-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; width: 100%; }
@media (max-width: 1024px) { .foundry-guides-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } }
@media (max-width: 640px)  { .foundry-guides-grid { grid-template-columns: 1fr; gap: 28px; } }

.foundry-guide-card { display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: transform 0.4s; }
.foundry-guide-card:hover { transform: translateY(-4px); }
.foundry-guide-card__media {
	aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden;
	background: var(--foundry-guides-surface, #f5f5f4);
	margin-bottom: 22px; position: relative;
}
.foundry-guide-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }
.foundry-guide-card:hover .foundry-guide-card__media img { transform: scale(1.05); }
.foundry-guide-card__media::after {
	content: ''; position: absolute; inset: 0; border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.05); pointer-events: none;
}
/* Graceful placeholder when a guide has no cover — a designed typographic
   panel showing the topic name, so the card keeps its proportions and reads as
   an intentional cover rather than a broken image. */
.foundry-guide-card__media.is-placeholder,
.foundry-guides-featured__media.is-placeholder {
	display: flex; align-items: center; justify-content: center;
	background: var(--foundry-guides-hero-bg, #02367B);
	padding: 18px;
}
.foundry-guide-card__placeholder {
	font-family: var(--foundry-guides-font-display, Georgia, "Times New Roman", serif);
	font-weight: 500; line-height: 1.15; text-align: center;
	color: #fff; letter-spacing: 0.01em;
}
.foundry-guide-card__media.is-placeholder .foundry-guide-card__placeholder { font-size: clamp(1.1rem, 2.4vw, 1.5rem); }
.foundry-guides-featured__media.is-placeholder .foundry-guide-card__placeholder { font-size: clamp(1.5rem, 3vw, 2.25rem); }
.foundry-guide-card__body { padding: 0 4px; }
.foundry-guide-card__eyebrow {
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 10px; font-weight: 700; letter-spacing: 0.2em;
	text-transform: uppercase; color: var(--foundry-guides-accent, #2563eb); margin: 0 0 10px;
}
.foundry-guide-card__title {
	font-family: var(--foundry-guides-font-display, Georgia, "Times New Roman", serif); font-size: 21px; font-weight: 500;
	line-height: 1.25; color: var(--foundry-guides-heading, #1f2937); margin: 0 0 10px; transition: color 0.25s;
}
.foundry-guide-card:hover .foundry-guide-card__title { color: var(--foundry-guides-accent, #2563eb); }
.foundry-guide-card__excerpt {
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 14px; font-weight: 300; line-height: 1.6;
	color: var(--foundry-guides-muted, rgba(26, 26, 26, 0.6)); margin: 0;
}
.foundry-guides-empty {
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 1rem; color: var(--foundry-guides-muted, rgba(26, 26, 26, 0.6)); padding: 24px 0;
}

/* ---- Single guide ---- */
.foundry-guide-single { background: var(--foundry-guides-bg, #fff); padding: 0 0 96px; }
/* Breadcrumb is the top of the masthead band (see .foundry-guide-masthead), on
   the same reading column as the hero title so it reads as part of the hero
   rather than floating in a white strip above it. It paints NO background of
   its own — the masthead below supplies one continuous surface for the strip
   and the hero band together. */
.foundry-guide-breadcrumb {
	background: transparent;
	margin: 0; padding: 30px 24px 0;
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 12px; font-weight: 600;
	letter-spacing: 0.06em; text-transform: uppercase;
}
.foundry-guide-breadcrumb__inner {
	max-width: 760px; margin: 0 auto;
	display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
}
.foundry-guide-breadcrumb a { color: var(--foundry-guides-hero-eyebrow, #90C4F0); text-decoration: none; }
.foundry-guide-breadcrumb a:hover { color: #fff; text-decoration: underline; }
.foundry-guide-breadcrumb span { color: rgba(255, 255, 255, 0.4); }
/* the_content reading column — EVERY direct child sits in one consistent centred
   column (prose AND blocks share the same edges); designated blocks break wider
   or full-bleed but always stay symmetric. */
.foundry-guide-content { padding: 0; }
.foundry-guide-content > * {
	width: min(760px, calc(100% - 48px));
	margin-left: auto; margin-right: auto;
}
/* Every width in this column (the 760px column, the full-bleed 100% bands)
   includes the child's padding. A block root left at content-box adds its
   padding on top: the hero and pull quote bands measured 48px wider than the
   viewport at 1440 and 390 (www.webops.host draft guide 1351, 2026-09-30), and
   boxed blocks sat 64px outside the prose edges. Scoped to Foundry block roots
   (a class token that starts with `foundry-`; a substring match would also
   catch a core block carrying `has-foundry-...-color`), so lists and core
   blocks already laid out in published guides keep their box. The masthead's
   hero is one level down, so it is named too. */
.foundry-guide-content > [class^="foundry-"],
.foundry-guide-content > [class*=" foundry-"],
.foundry-guide-masthead > * {
	box-sizing: border-box;
}
/* Migrated editorial carries hard-coded widths — a pasted YouTube embed still
   ships width="560" height="315" — and a 560px box does not fit a 390px phone.
   The reading column is responsible for keeping its own content inside itself,
   so this constrains anything with intrinsic dimensions rather than leaving it
   to each site's theme. The aspect-ratio is scoped to the two video hosts,
   where 16:9 is a safe assumption; a generic iframe (a map, an embedded form)
   keeps its declared height and only loses the overflow. */
.foundry-guide-content img,
.foundry-guide-content iframe,
.foundry-guide-content embed,
.foundry-guide-content object,
.foundry-guide-content video {
	max-width: 100%;
}
.foundry-guide-content img { height: auto; }
.foundry-guide-content iframe[src*="youtube"],
.foundry-guide-content iframe[src*="youtu.be"],
.foundry-guide-content iframe[src*="vimeo"] {
	width: min(760px, calc(100% - 48px)); height: auto; aspect-ratio: 16 / 9;
}

.foundry-guide-content > h2 {
	font-family: var(--foundry-guides-font-display, Georgia, "Times New Roman", serif); font-weight: 500;
	color: var(--foundry-guides-heading, #1f2937);
	font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; margin: 2.5rem auto 1rem;
}
.foundry-guide-content > p {
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 1.0625rem; font-weight: 300;
	line-height: 1.8; color: var(--foundry-guides-text, #1a1a1a); margin: 0 auto 1.25rem;
}

/* Masthead — the breadcrumb strip and the hero band on ONE painted surface.
   Both used to paint their own background, and they matched only while the hero
   was a flat colour; once the hero gained a featured-image background behind
   the scrim the two diverged and left a hard horizontal seam between them. The
   image + scrim now live here, on the shared parent, and both children are
   transparent, so the band is continuous. --foundry-guide-hero-image is set on
   the article by single.php; with no featured image it is unset, the scrim
   layers over the solid hero colour, and the whole masthead is the prior flat
   field. Full-bleed: this overrides the reading-column rule above. */
.foundry-guide-masthead {
	background:
		linear-gradient(180deg,
			var(--foundry-guides-hero-scrim-top, rgba(2, 54, 123, 0.84)),
			var(--foundry-guides-hero-scrim-bottom, rgba(2, 54, 123, 0.92))),
		var(--foundry-guide-hero-image, none) center / cover no-repeat,
		var(--foundry-guides-hero-bg, #02367B);
}
.foundry-guide-content > .foundry-guide-masthead,
.foundry-guide-article > .foundry-guide-masthead {
	width: 100%; max-width: none; margin: 0 0 3.5rem;
}
/* Hero band inside the masthead: geometry and padding only — the masthead
   paints. (Overrides the block's boxed style, which still applies in the
   editor, where no masthead exists.) */
.foundry-guide-masthead > .foundry-guide-hero {
	width: 100%; max-width: none; margin: 0;
	background: none;
	/* tighter top padding: the breadcrumb strip above supplies the space */
	padding: clamp(1.75rem, 3.5vw, 2.75rem) 24px clamp(2.5rem, 5vw, 4rem);
}
/* Fallback for a TOP-LEVEL hero that is NOT wrapped in a masthead (a guide
   whose content has no hero block never reaches the wrapper, and any future
   caller may render the band bare). Mutually exclusive with the rule above —
   once wrapped, the hero is no longer a direct child of .foundry-guide-content
   — so the band still paints itself on that path.
   NB this covers only a hero at the TOP LEVEL of the content column. A hero
   nested inside a group/columns matches neither band rule and is deliberately
   left with the block's own light treatment from blocks/guide-hero/style.css;
   the internals below are band-scoped so it stays legible. */
.foundry-guide-content > .foundry-guide-hero {
	width: 100%; max-width: none; margin: 0 0 3.5rem;
	background:
		linear-gradient(180deg,
			var(--foundry-guides-hero-scrim-top, rgba(2, 54, 123, 0.84)),
			var(--foundry-guides-hero-scrim-bottom, rgba(2, 54, 123, 0.92))),
		var(--foundry-guide-hero-image, none) center / cover no-repeat,
		var(--foundry-guides-hero-bg, #02367B);
	padding: clamp(1.75rem, 3.5vw, 2.75rem) 24px clamp(2.5rem, 5vw, 4rem);
}
/* Hero internals — scoped to the TWO band contexts above (masthead child, or
   unwrapped direct child of the content column) and nothing else. These set
   white type, so they must only ever apply where one of those two rules has
   actually painted a dark band. Scoping them to `.foundry-guide-single` instead
   was wrong: it also caught a hero nested inside a group/columns mid-article,
   which matches NEITHER band rule and so keeps the block's own light background
   from blocks/guide-hero/style.css — white-on-off-white, invisible text. The
   editor preview keeps the block's boxed treatment either way, since neither
   parent exists there. */
.foundry-guide-masthead > .foundry-guide-hero .foundry-guide-hero__inner,
.foundry-guide-content > .foundry-guide-hero .foundry-guide-hero__inner {
	max-width: 760px; margin: 0 auto;
}
/* The breadcrumb above already labels the guide's section + topic ("Guides /
   Hurricane Prep"), so suppress the hero block's eyebrow on the band to avoid a
   duplicate "GUIDE · Hurricane Prep" kicker right beneath it. Band-scoped for
   the same reason: a nested hero mid-article keeps its own eyebrow. */
.foundry-guide-masthead > .foundry-guide-hero .foundry-guide-hero__eyebrow,
.foundry-guide-content > .foundry-guide-hero .foundry-guide-hero__eyebrow {
	display: none;
}
.foundry-guide-masthead > .foundry-guide-hero .foundry-guide-hero__title,
.foundry-guide-content > .foundry-guide-hero .foundry-guide-hero__title {
	color: #fff;
}
/* Masthead title FONT — set on the masthead (not only in the hero block's own
   stylesheet) so a guide with NO hero block, whose title comes from
   masthead_title_html(), still renders in the display face. The block CSS only
   loads when the block is on the page, so a hero-less editorial guide otherwise
   fell back to the theme body sans; this gives every guide masthead the same
   serif treatment as the site's other editorial heroes (contact/news). */
.foundry-guide-masthead .foundry-guide-hero__title,
.foundry-guide-content > .foundry-guide-hero .foundry-guide-hero__title {
	font-family: var(--foundry-guides-font-display, Georgia, "Times New Roman", serif);
	font-weight: 500;
	font-size: clamp(2rem, 4.6vw, 3.25rem);
	line-height: 1.08;
	letter-spacing: -0.01em;
}
.foundry-guide-masthead > .foundry-guide-hero .foundry-guide-hero__deck,
.foundry-guide-content > .foundry-guide-hero .foundry-guide-hero__deck {
	color: rgba(255, 255, 255, 0.82);
}
.foundry-guide-masthead > .foundry-guide-hero .foundry-guide-hero__byline,
.foundry-guide-content > .foundry-guide-hero .foundry-guide-hero__byline {
	color: rgba(255, 255, 255, 0.6);
}

/* Stat callout aligns to the reading column (was pinned left). */
.foundry-guide-content > .foundry-stat-callout {
	width: min(760px, calc(100% - 48px)); max-width: none; margin: 2.75rem auto;
}

/* Pull quote breaks full-bleed as a navy band, centred. Override the block's
   own boxed/left-border treatment and recolour for the dark band so the quote
   reads white-on-navy (the block defaults to navy text, invisible here). */
.foundry-guide-content > .foundry-quote-pull {
	width: 100%; max-width: none; margin: 3.5rem 0;
	background: var(--foundry-guides-hero-bg, #02367B);
	padding: clamp(3rem, 6vw, 5rem) 24px; text-align: center;
	border-left: 0;
}
.foundry-guide-content > .foundry-quote-pull .foundry-quote-pull__text {
	max-width: 820px; margin: 0 auto 1.5rem; color: #fff;
}
.foundry-guide-content > .foundry-quote-pull .foundry-quote-pull__text::before,
.foundry-guide-content > .foundry-quote-pull .foundry-quote-pull__text::after {
	color: var(--foundry-guides-hero-eyebrow, #90C4F0);
}
.foundry-guide-content > .foundry-quote-pull .foundry-quote-pull__cite { align-items: center; }
.foundry-guide-content > .foundry-quote-pull .foundry-quote-pull__name { color: #fff; }
.foundry-guide-content > .foundry-quote-pull .foundry-quote-pull__role { color: rgba(255, 255, 255, 0.7); }

.foundry-guide-related {
	max-width: 1200px; margin: 72px auto 0; padding: 56px 24px 0;
	border-top: 1px solid var(--foundry-guides-border, rgba(31, 41, 55, 0.1));
}
.foundry-guide-related__eyebrow {
	font-family: var(--foundry-guides-font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 12px; font-weight: 700; letter-spacing: 0.22em;
	text-transform: uppercase; color: var(--foundry-guides-accent, #2563eb); margin: 0 0 28px;
}

/* ---- Landing / contextual guide (hub_hidden) ----------------------------------
 * A landing guide is a section front door, not an article: a light, editorial
 * masthead (script eyebrow + serif title + deck) over a WIDE, card-led body,
 * rather than the navy photo band + narrow reading column an editorial guide
 * gets. Everything below is scoped to .is-landing-guide / the --landing masthead
 * so ordinary guides are untouched. Placed after the base masthead rules so the
 * equal-specificity recolours win on source order. */

/* Widen the reading column into a hub-width container; the header, the related
   grid and the closing note all left-align to it. */
.foundry-guide-single.is-landing-guide .foundry-guide-content {
	max-width: 1200px; margin: 0 auto; padding: 0 24px;
}
.foundry-guide-single.is-landing-guide .foundry-guide-content > * {
	width: 100%; max-width: none; margin-left: 0; margin-right: 0;
}
/* The closing note keeps a readable measure, left-aligned to the grid edge. */
.foundry-guide-single.is-landing-guide .foundry-guide-content > p {
	max-width: 720px;
}
/* The boilerplate intro paragraph directly under the header is dropped. */
.foundry-guide-single.is-landing-guide .foundry-guide-content > .foundry-guide-masthead + p {
	display: none;
}

/* Light masthead (repaints the navy band), inside the widened container. */
.foundry-guide-masthead--landing { background: var(--foundry-guides-bg, #fff); }
.foundry-guide-single.is-landing-guide .foundry-guide-content > .foundry-guide-masthead--landing {
	width: 100%; max-width: none; margin: 8px 0 40px;
}
.foundry-guide-masthead--landing > .foundry-guide-hero {
	width: 100%; max-width: none; margin: 0;
	padding: 40px 0 8px;   /* the container already pads the sides */
	background: none;
}
.foundry-guide-masthead--landing > .foundry-guide-hero .foundry-guide-hero__inner {
	max-width: 880px; margin: 0;
}
/* Injected script eyebrow ("Guides & Resources"). The script FACE is a brand
   font supplied by the theme via --foundry-guides-font-script; neutral fallback. */
.foundry-guide-masthead--landing .foundry-guide-hero__script {
	font-family: var(--foundry-guides-font-script, "Brush Script MT", "Snell Roundhand", cursive);
	font-style: italic; font-weight: 400;
	/* line-height must give the script's tall ascenders/descenders room, or the
	   swashes collide with the title directly beneath (explicit `1` collapsed it). */
	font-size: clamp(2rem, 3.6vw, 2.75rem); line-height: 1.25;
	letter-spacing: normal; text-transform: none;
	color: var(--foundry-guides-accent, #2563eb);
	margin: 0 0 2px;
}
/* Hide the block's own uppercase eyebrow + the "By the …" byline on landing. */
.foundry-guide-masthead--landing .foundry-guide-hero__eyebrow,
.foundry-guide-masthead--landing .foundry-guide-hero__byline { display: none; }
/* Recolour title + deck for the light band (override the navy-band rules). */
.foundry-guide-masthead--landing > .foundry-guide-hero .foundry-guide-hero__title {
	color: var(--foundry-guides-heading, #1f2937);
	font-size: clamp(2.25rem, 5vw, 3.5rem);
}
.foundry-guide-masthead--landing > .foundry-guide-hero .foundry-guide-hero__deck {
	color: var(--foundry-guides-muted, rgba(26, 26, 26, 0.65));
	font-family: var(--foundry-guides-font-sans, system-ui, sans-serif);
	font-style: normal; font-weight: 300;
	font-size: 1.0625rem; line-height: 1.65;
}
/* The related-posts rail is a card grid on landing pages, no section heading. */
.foundry-guide-single.is-landing-guide .foundry-post-rail__heading { display: none; }
.foundry-guide-single.is-landing-guide .foundry-post-rail { margin: 0 0 8px; }
/* Related-posts cards render INSIDE the reading column, where the prose-image
   rule (.foundry-guide-content img { height:auto }) otherwise defeats the card
   media's object-fit fill and leaves a gap under each thumbnail. Restore fill. */
.foundry-guide-content .foundry-guide-card__media img { height: 100%; }