/*
 * ARC shared styles.
 * Mobile-first, system fonts, no frontend framework.
 */

:root {
	--arc-radius: 0.5rem;
	--arc-radius-lg: 0.875rem;
	--arc-header-height: 5rem;
	--arc-control-radius: 0.35rem;
	--arc-card-radius: 0.5rem;
	--arc-panel-radius: 1.25rem;
	--arc-content-width: 920px;
	--arc-reading-width: 58rem;
	/*
	 * The one inline inset every boxed component uses, so descriptive text lands
	 * on the same left and right edge as the cards next to it. Six card and panel
	 * rules each carried their own near-identical clamp before this; 20px at
	 * desktop, 12.8px on phones. Components with no box of their own stay flush
	 * with the track instead of adopting it.
	 */
	--arc-card-inset: clamp(0.8rem, 1.5vw, 1.25rem);
	/*
	 * Universal card contract. Layouts may increase these, never reduce them:
	 * 8–16px separates sibling cards and 13–20px keeps copy off card edges.
	 * Media remains eligible for full bleed because the inset belongs to the
	 * text body, not to the card shell.
	 */
	--arc-card-grid-gap: clamp(0.5rem, 1.25vw, 1rem);
	--arc-card-text-inset: var(--arc-card-inset);
	--arc-card-media-inset: 2px;
	--arc-wide-width: 1600px;
	--arc-page-gutter: clamp(1rem, 3vw, 2.5rem);
	--arc-section-gap: clamp(2.25rem, 5vw, 5rem);
	/*
	 * Two durations and one curve, and nothing else. 180ms is for a state change in
	 * place -- a colour, a border, a 2px lift; 320ms is for something that travels,
	 * such as a panel fading in or a drawer moving. Everything shares --arc-ease so
	 * the whole interface decelerates the same way. Before this, transforms eased on
	 * the curve while colours on the same element used the bare `ease` keyword, which
	 * is a different curve: the lift and the tint finished at different moments on
	 * one hover, and that reads as two effects rather than one response.
	 */
	--arc-motion-duration: 180ms;
	--arc-motion-duration-slow: 320ms;
	--arc-motion-distance: -2px;
	--arc-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	/*
	 * The ring keeps one width everywhere: it is how a keyboard user finds their
	 * place, so components may move it outwards or inwards but never make it thinner.
	 * Only the offset is per-component, and only to stop the ring colliding with a
	 * neighbour in a tight row.
	 */
	--arc-focus-width: 3px;
	--arc-focus-offset: 3px;
	--arc-cols-desktop: 3;
	--arc-cols-tablet: 2;
	--arc-cols-mobile: 1;
	/*
	 * The type scale, aliased from theme.json so the editor's vocabulary and the theme's
	 * own rules cannot drift apart. Before this the file carried 28 distinct fixed sizes
	 * between 0.625rem and 1.375rem -- a chain of successive approximations where nine of
	 * them sat inside a 2.8px band, doing the same job in different components.
	 *
	 * Two things had to be fixed before the scale could be used at all. theme.json is
	 * version 3 without `defaultFontSizes: false`, so WordPress was substituting its own
	 * small/medium/large for the theme's and the theme's scale did not exist on the page:
	 * `small` arrived as 13px rather than 0.875rem, `large` as a 22-36px clamp rather than
	 * 1.25rem. And `fluid` was on, which turns every fixed step into a clamp, so no step
	 * could serve as a fixed reference. The theme owns its own fluid tier -- 48 clamps and
	 * the 1800px block -- so a second, invisible one was working against it.
	 *
	 * The three steps below `small` are a 10:9 progression, which is not a taste: the
	 * ratio was swept against every fixed size in the file, and 1.11 is where the count of
	 * declarations that would have to move more than 5% bottoms out. `ml` fills the gap
	 * between 1rem and 1.25rem, which is 25% wide and had three used values inside it.
	 */
	--arc-text-3xs: var(--wp--preset--font-size--xxx-small, 0.635rem);
	--arc-text-2xs: var(--wp--preset--font-size--xx-small, 0.705rem);
	--arc-text-xs: var(--wp--preset--font-size--x-small, 0.785rem);
	--arc-text-s: var(--wp--preset--font-size--small, 0.875rem);
	--arc-text-m: var(--wp--preset--font-size--medium, 1rem);
	--arc-text-ml: var(--wp--preset--font-size--medium-large, 1.125rem);
	--arc-text-l: var(--wp--preset--font-size--large, 1.25rem);
	/*
	 * The spacing grid: 2px resolution below 1rem, 4px above, coarse at the top. The
	 * decades are exactly theme.json's nine `spacingSizes`, and the steps in between are
	 * the theme's own -- the editor keeps a vocabulary of nine named sizes a writer can
	 * reason about, while the layout gets the resolution it actually needs. Every editor
	 * step is on this grid, so a margin chosen in the editor lands on the same rhythm as
	 * one written here; it is a subset, not a parallel system.
	 *
	 * The resolution is uneven on purpose. Seven of the values this replaced sat between
	 * 0.15rem and 0.45rem -- seven distinct numbers inside 4.8px -- so the bottom of the
	 * grid needs 2px steps to absorb them without moving anything. Above 1rem the values
	 * were already near quarters of a rem and 4px steps hold them.
	 *
	 * Judge a mapping here in pixels, not in per cent. Spacing is read as distance: 5% of
	 * a 2.4px gap is 0.12px, which nothing resolves, while 5% of a 112px gap is 5.6px,
	 * which is a visible step. Fidelity to within 5% everywhere would need a ratio of
	 * 1.1025 or finer, which is about forty steps between 0.15rem and 7rem -- a continuum,
	 * not a scale. No declaration in the theme moved more than 1.6px onto this grid.
	 */
	--arc-space-5: 0.125rem;
	--arc-space-10: var(--wp--preset--spacing--10, 0.25rem);
	--arc-space-15: 0.375rem;
	--arc-space-20: var(--wp--preset--spacing--20, 0.5rem);
	--arc-space-25: 0.625rem;
	--arc-space-30: var(--wp--preset--spacing--30, 0.75rem);
	--arc-space-35: 0.875rem;
	--arc-space-40: var(--wp--preset--spacing--40, 1rem);
	--arc-space-45: 1.25rem;
	--arc-space-50: var(--wp--preset--spacing--50, 1.5rem);
	--arc-space-55: 1.75rem;
	--arc-space-60: var(--wp--preset--spacing--60, 2rem);
	--arc-space-65: 2.5rem;
	--arc-space-70: var(--wp--preset--spacing--70, 3rem);
	--arc-space-75: 3.5rem;
	--arc-space-80: var(--wp--preset--spacing--80, 4rem);
	--arc-space-90: var(--wp--preset--spacing--90, 6rem);
	/*
	 * Card chrome follows the selected palette, not a hardcoded forest green.
	 * Brand is mixed into the generic border/surface so Local Blue reads blue
	 * on white cards, Forest stays green on Iași, and dark mode keeps the
	 * navy + light-brand edge already used there. These resolve against the
	 * live --wp--preset--color-* tokens on <html>, including theme toggles.
	 */
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 18%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 4%, var(--wp--preset--color--surface));
	--arc-card-media-fill: color-mix(in srgb, var(--wp--preset--color--brand) 9%, var(--arc-card-fill));
	--arc-card-caption-fill: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--arc-card-fill));
	--arc-card-caption-text: var(--wp--preset--color--text);
	--arc-card-caption-border: var(--arc-card-border);
	/*
	 * Header hover / current / dropdown fill. Palette CSS writes a resolved hex
	 * onto html[data-arc-theme]; this mix is the no-palette fallback so the
	 * chip is never core's #fff.
	 */
	--arc-header-elevated: var(--arc-card-fill);
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--border));
	--arc-brand: var(--wp--preset--color--brand);
}

/*
 * Universal archive geometry.
 *
 * The post-template renderer writes data-count plus count-1/2/3/4/many classes.
 * Geometry therefore follows the result set rendered on this pagination page,
 * without JavaScript, `:has()` counting, or hidden filler cards. The query is a
 * named inline-size container because an enabled sidebar changes the usable
 * card track even when the viewport itself is wide.
 */
.arc-archive-query {
	container: arc-archive / inline-size;
}

.arc-archive-grid .arc-card--archive :where(.arc-card__title, .wp-block-post-title, .arc-card__title a, .wp-block-post-title a) {
	hyphens: auto;
	overflow-wrap: normal;
	word-break: normal;
}

@media (min-width: 782px) {
	body:not(.arc-archive-view-list) .arc-archive-grid--sparse,
	body:not(.arc-archive-view-list) .arc-archive-grid--sparse.is-layout-grid,
	body:not(.arc-archive-view-list) .arc-archive-grid--sparse.arc-balanced-grid {
		--arc-balanced-gap: clamp(1rem, 2.2vw, 1.75rem);

		display: flex !important;
		flex-wrap: wrap;
		gap: var(--arc-balanced-gap);
		justify-content: center;
		margin-inline: auto;
		width: 100%;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid--sparse > li,
	body:not(.arc-archive-view-list) .arc-archive-grid--sparse > li:first-child,
	body:not(.arc-archive-view-list) .arc-archive-grid--sparse > li:last-child {
		flex: 0 1 calc(50% - var(--arc-balanced-gap));
		grid-column: auto;
		grid-row: auto;
		margin: 0;
		max-width: none;
		min-width: min(100%, 17.5rem);
		width: auto;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid--count-1 {
		max-width: 42rem;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid--count-1 > li,
	body:not(.arc-archive-view-list) .arc-archive-grid--count-1 > li:first-child {
		flex-basis: 100%;
		min-width: 0;
		width: 100%;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid--count-2 {
		max-width: 72rem;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid--count-3 {
		max-width: 76rem;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid--count-4 {
		max-width: 78rem;
	}

	/*
	 * The richer families start as a balanced two-up deck. A bento/dense
	 * arrangement is enabled below only when the content column itself has room.
	 */
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many,
	body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-many,
	body.arc-preset-community-magazine:not(.arc-archive-view-list) .arc-archive-grid--count-many {
		--arc-balanced-gap: clamp(1rem, 2vw, 1.5rem);

		display: flex !important;
		flex-wrap: wrap;
		gap: var(--arc-balanced-gap);
		justify-content: center;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li,
	body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-many > li,
	body.arc-preset-community-magazine:not(.arc-archive-view-list) .arc-archive-grid--count-many > li {
		flex: 0 1 calc(50% - var(--arc-balanced-gap));
		grid-column: auto;
		grid-row: auto;
		max-width: 38rem;
		min-width: min(100%, 17.5rem);
		width: auto;
	}
}

@container arc-archive (min-width: 58rem) {
	body:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li,
	body:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:first-child,
	body:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:last-child {
		flex-basis: calc(33.333% - var(--arc-balanced-gap));
		min-width: 17.5rem;
	}

	/* Editorial Hybrid: a bounded lead followed by centred supporting cards. */
	body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-many > li {
		flex-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:first-child {
		flex-basis: calc(66.666% - var(--arc-balanced-gap));
		max-width: 66rem;
	}

	/* Community Magazine keeps a cover-like opener, then a two-card deck. */
	body.arc-preset-community-magazine:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:first-child {
		flex-basis: min(100%, 60rem);
		max-width: 60rem;
	}
}

@container arc-archive (min-width: 62rem) {
	/*
	 * Magazine Mosaic: lead + two true cards. Side headlines receive the whole
	 * side-card width; the old nested thumbnail track left only 140–210px for
	 * text and wrapped Romanian titles one word per line.
	 */
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many {
		align-items: start;
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li {
		flex: none;
		grid-column: span 2;
		max-width: none;
		min-width: 0;
		width: auto;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:first-child {
		grid-column: span 4;
		grid-row: span 2;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) {
		grid-column: span 2;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2) .arc-card--archive,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) .arc-card--archive {
		display: flex;
		flex-direction: column;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2) .arc-card--archive > *,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) .arc-card--archive > * {
		grid-column: auto;
		grid-row: auto;
		margin-inline: 0;
		width: 100%;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2) .arc-card--archive > .wp-block-post-featured-image,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) .arc-card--archive > .wp-block-post-featured-image {
		max-height: 12rem;
	}
}

/*
 * City Sections is an orderly civic grid. Newsroom is denser and uses flex so
 * the final partial row remains centred instead of stretching into slabs.
 */
@media (min-width: 782px) {
	body.arc-preset-city-sections:not(.arc-archive-view-list) .arc-archive-grid--count-many,
	body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-many {
		--arc-balanced-gap: clamp(0.9rem, 1.8vw, 1.35rem);

		display: flex !important;
		flex-wrap: wrap;
		gap: var(--arc-balanced-gap);
		justify-content: center;
	}

	body.arc-preset-city-sections:not(.arc-archive-view-list) .arc-archive-grid--count-many > li,
	body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-many > li {
		flex: 0 1 calc(50% - var(--arc-balanced-gap));
		grid-column: auto;
		grid-row: auto;
		max-width: 34rem;
		min-width: min(100%, 16rem);
		width: auto;
	}
}

@container arc-archive (min-width: 58rem) {
	body.arc-preset-city-sections:not(.arc-archive-view-list) .arc-archive-grid--count-many > li,
	body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-many > li {
		flex-basis: calc(33.333% - var(--arc-balanced-gap));
	}
}

@container arc-archive (min-width: 82rem) {
	body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-many > li {
		flex-basis: calc(25% - var(--arc-balanced-gap));
	}
}

/*
 * Newsroom archive cards need their own inset even when the selected global card
 * style is Clean. This is scoped to the archive family: homepage and other sites
 * keep their chosen card chrome.
 */
body.arc-preset-breaking-newsroom .arc-archive-grid .arc-card--archive {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: var(--arc-card-radius);
	padding: var(--arc-card-inset);
}

body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive :where(.arc-card__categories, .wp-block-post-terms) {
	justify-content: center;
	text-align: center;
}

body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive :where(.arc-card__title, .wp-block-post-title, .arc-card__meta, .wp-block-post-date) {
	text-align: center;
}

body.arc-preset-breaking-newsroom .arc-archive-grid .arc-card--archive :where(.arc-card__excerpt, .wp-block-post-excerpt) {
	margin-bottom: var(--arc-space-20);
}

@media (min-width: 782px) {
	body:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:first-child .arc-card--archive > .wp-block-post-featured-image {
		max-height: 34rem;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:first-child .arc-card--archive > .wp-block-post-featured-image img {
		object-fit: cover;
	}

	body:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image.arc-image--graphic,
	body:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image.arc-image--graphic img {
		height: auto;
		max-height: none;
		object-fit: contain;
		overflow: visible;
	}
}

/* List mode is always a full-width semantic river, regardless of count/family. */
body.arc-archive-view-list .arc-archive-grid--sparse,
body.arc-archive-view-list .arc-archive-grid--count-many {
	margin-inline: 0;
	max-width: none;
	width: 100%;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	/*
	 * The header is pinned, so an anchor that lands flush with the top of the
	 * scrollport lands underneath it. mobile.js measures what the pinned header
	 * actually covers (admin bar included) into --arc-header-h; the fallback is
	 * roughly the desktop brand row.
	 */
	scroll-padding-top: calc(var(--arc-header-h, 5.5rem) + 1rem);
}

body {
	overflow-wrap: break-word;
	text-rendering: optimizeLegibility;
}

body.arc-theme {
	-webkit-font-smoothing: antialiased;
	background-color: var(--wp--preset--color--background);
	background-image:
		radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--wp--preset--color--brand) 6%, transparent) 0, transparent min(34rem, 48vw)),
		radial-gradient(circle at 92% 42%, color-mix(in srgb, var(--wp--preset--color--accent) 5%, transparent) 0, transparent min(38rem, 52vw));
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: var(--wp--preset--color--text);
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1rem, 0.25vw + 0.95rem, 1.0625rem);
	line-height: 1.62;
}

img {
	height: auto;
	max-width: 100%;
}

:where(.alignfull, .alignwide, .arc-home, .arc-main, .arc-site-header) {
	max-width: 100%;
}

:where(.wp-block-post-content, .arc-card__content) :where(img, video, iframe, embed) {
	max-width: 100%;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	border-radius: 0.15rem;
	outline: var(--arc-focus-width) solid var(--wp--preset--color--focus);
	outline-offset: var(--arc-focus-offset);
}

/*
 * Per-component offset, width untouched.
 *
 * The ring follows the border radius, so on a pill or a circle it is already the
 * right shape -- what went wrong was spacing, not shape. In a tight row (pagination
 * numbers, the tab strip, the list/grid toggle, share buttons, the bottom bar) the
 * controls sit 0.25-0.35rem apart, so a ring standing 3px off the box crossed into
 * the neighbour and read as though two controls were focused at once. Pulling it in
 * to 1px keeps it clear of the gap while staying 3px thick, which is what makes it
 * findable; WCAG asks for a 2px perimeter, so there is still room above the floor.
 */
:where(
	.wp-block-query-pagination-numbers .page-numbers,
	.arc-tabbed-posts__tab,
	.arc-archive-toolbar__btn,
	.arc-share__list a,
	.arc-share__list button,
	.arc-bottom-nav a,
	.arc-carousel__dot
):focus-visible {
	--arc-focus-offset: 1px;
}

/*
 * The round floating controls are the opposite case: they have empty space around
 * them and sit over content, so the ring needs to stand further off to separate from
 * whatever scrolls underneath.
 */
:where(.arc-back-to-top, .arc-color-toggle, .arc-carousel__btn):focus-visible {
	--arc-focus-offset: 4px;
}

/*
 * A field inside a composite control -- the search input welded to its button --
 * shares an outer border with it, so an outward ring lands on the button. Inset
 * instead: a negative offset draws the ring inside the field, where it is unambiguous
 * about which half of the control has focus.
 */
:where(.wp-block-search__input, .arc-newsletter__form input[type="email"]):focus-visible {
	--arc-focus-offset: -1px;
}

:where(.wp-element-button, .wp-block-button__link, .wp-block-search__button, input[type="submit"], input[type="button"]) {
	align-items: center;
	background: var(--wp--preset--color--brand);
	border: 2px solid var(--wp--preset--color--brand);
	border-radius: var(--arc-control-radius);
	box-shadow: 0 4px 14px var(--arc-shadow-brand);
	color: var(--arc-on-brand);
	cursor: pointer;
	display: inline-flex;
	font-size: 0.95rem;
	font-weight: 750;
	justify-content: center;
	letter-spacing: 0.005em;
	line-height: 1.2;
	min-height: 2.75rem;
	padding: var(--arc-space-30) 1.1rem;
	text-decoration: none;
	transition:
		transform var(--arc-motion-duration) var(--arc-ease),
		color var(--arc-motion-duration) var(--arc-ease),
		background-color var(--arc-motion-duration) var(--arc-ease),
		border-color var(--arc-motion-duration) var(--arc-ease),
		box-shadow var(--arc-motion-duration) var(--arc-ease);
}

:where(.wp-element-button, .wp-block-button__link, .wp-block-search__button, input[type="submit"], input[type="button"]):active {
	transform: translateY(0);
}

:where(button, input, .wp-element-button, .wp-block-button__link)[disabled],
:where(button, input, .wp-element-button, .wp-block-button__link)[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.55;
	pointer-events: none;
}

:where(button, .wp-element-button, .wp-block-button__link)[aria-busy="true"] {
	cursor: progress;
	opacity: 0.72;
}

.arc-buttons-outline :where(.wp-element-button, .wp-block-button__link, .wp-block-search__button) {
	background: transparent;
	color: var(--wp--preset--color--brand);
}

.arc-buttons-soft :where(.wp-element-button, .wp-block-button__link, .wp-block-search__button) {
	background: var(--wp--preset--color--surface);
	background: color-mix(in srgb, var(--wp--preset--color--brand) 12%, var(--wp--preset--color--background));
	border-color: color-mix(in srgb, var(--wp--preset--color--brand) 35%, transparent);
	color: var(--wp--preset--color--brand);
}

.arc-buttons-text .wp-block-button__link {
	background: transparent;
	border-color: transparent;
	color: var(--wp--preset--color--brand);
	padding-inline: 0.35rem;
}

.arc-buttons-solid :where(.wp-element-button, .wp-block-button__link, .wp-block-search__button, input[type="submit"], input[type="button"]) {
	color: var(--arc-on-brand);
}

/*
 * The ring is a palette token, not a mix done here: brand mixed 30% into border
 * is where it started and what the token is still seeded from, but that landed at
 * 2.0-2.7:1 against the surface in 24 of the 25 palettes, under the 3:1 WCAG
 * 1.4.11 asks of a control's boundary. inc/palette-color.php pushes the seed until
 * it clears 3:1 against every surface a control sits on and against the fill
 * below, so the threshold is met per palette instead of hoped for globally. The
 * mix stays as the var() fallback for the case where the palette CSS has not
 * loaded, which is how this looked before the token existed.
 */
.arc-btn {
	align-items: center;
	appearance: none;
	background: color-mix(in srgb, var(--wp--preset--color--brand) 11%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-control-ring, color-mix(in srgb, var(--wp--preset--color--brand) 30%, var(--wp--preset--color--border)));
	border-radius: 999px;
	box-shadow: var(--arc-shadow-xs);
	color: var(--arc-brand, var(--wp--preset--color--brand));
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: var(--arc-text-s);
	font-weight: 750;
	gap: var(--arc-space-15);
	justify-content: center;
	letter-spacing: 0.015em;
	line-height: 1.2;
	min-height: 2.65rem;
	padding: var(--arc-space-20) 1.05rem;
	text-decoration: none;
	transition:
		background-color var(--arc-motion-duration) var(--arc-ease),
		border-color var(--arc-motion-duration) var(--arc-ease),
		box-shadow var(--arc-motion-duration) var(--arc-ease),
		color var(--arc-motion-duration) var(--arc-ease),
		transform var(--arc-motion-duration) var(--arc-ease);
	white-space: nowrap;
}

.arc-btn::after {
	content: "→";
	font-size: 1.05em;
	transition: transform var(--arc-motion-duration) var(--arc-ease);
}

.arc-btn--no-arrow::after {
	content: none;
}

.arc-btn--icon {
	border-radius: 999px;
	height: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	width: 2.75rem;
}

.arc-btn--icon::after {
	content: none;
}

.arc-btn--pill {
	border-radius: var(--arc-control-radius);
	font-size: var(--arc-text-s);
	font-weight: 650;
	min-height: auto;
	padding: var(--arc-space-20) 0.85rem;
}

.arc-btn--pill::after {
	content: none;
}

.arc-btn--badge {
	font-size: var(--arc-text-2xs);
	font-weight: 800;
	letter-spacing: 0.045em;
	min-height: 1.75rem;
	padding: var(--arc-space-10) 0.58rem;
	text-transform: uppercase;
}

/*
 * Was a 2px ring at 2px offset, the one component thinner than everywhere else, so
 * the ring changed weight as focus moved between a button and the link beside it.
 * Only the offset differs now: these buttons sit in rows, so the ring comes in a
 * little, but it keeps the common width.
 */
.arc-btn:focus-visible {
	--arc-focus-offset: 2px;
}

.arc-btn:active:not([disabled], [aria-disabled="true"]) {
	transform: translateY(0);
}

.arc-buttons-text .wp-block-button__link::after {
	content: "\2192";
	display: inline-block;
	margin-left: 0.45rem;
	transition: transform var(--arc-motion-duration) var(--arc-ease);
}

.arc-skip-link {
	background: var(--wp--preset--color--text);
	color: var(--wp--preset--color--background);
	font-weight: 700;
	left: 1rem;
	padding: var(--arc-space-30) 1rem;
	position: fixed;
	top: -10rem;
	z-index: 100000;
}

.arc-skip-link:focus {
	top: 1rem;
}

/*
 * Stacking order, whole page. Everything below is a root-level layer unless the
 * note says otherwise; keep new chrome inside this scale rather than inventing a
 * number next to the thing it has to beat.
 *
 *        1-2  in-flow decoration: card badges, hero overlays, kicker underlines
 *         90  mega menu (inside the header's context)
 *         99  mobile nav backdrop -- deliberately UNDER the header, because the
 *             drawer renders inside the header and has to stay over its backdrop
 *        100  sticky site header; opens the context the drawer lives in, so any
 *             layer above it must be hidden while body.arc-nav-open is set
 *      99990  desktop sticky share rail
 *      99998  mobile bottom nav          (hidden on arc-nav-open / arc-search-open)
 *      99999  back-to-top                (hidden on arc-nav-open / arc-search-open)
 *     100000  skip link
 *     100001  reading progress, search backdrop
 *     100002  search panel (moved to <body> so the header cannot clip it)
 *     100003  mobile nav drawer          (clamped to 100 by the header's context)
 */
.arc-site-header {
	background: var(--arc-header-background, var(--wp--preset--color--background));
	border-bottom: 1px solid var(--arc-header-border, var(--wp--preset--color--border));
	box-shadow: var(--arc-shadow-hairline);
	color: var(--arc-header-text, var(--wp--preset--color--text));
	overflow-x: clip;
	position: sticky;
	/*
	 * Negative: the strip of secondary links above the brand row is allowed to
	 * scroll out from under the pinned header, so what stays is the row with the
	 * menu in it rather than 150px of chrome. mobile.js measures the strip and
	 * the admin bar into the variable; the fallbacks are the no-JS case.
	 */
	top: var(--arc-header-pin, 0px);
	z-index: 100;
}

/*
 * The header template part wraps the header in a box exactly its own height, and
 * that box is the containing block `position: sticky` measures its travel
 * against -- there was none, so the header scrolled away with the page. Dropping
 * the wrapper's box hands the header .wp-site-blocks, the full height of the
 * document, and lets the ticker that follows it scroll away on its own.
 */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > .wp-block-template-part:has(> .arc-site-header) {
	display: contents;
}

/* Header rows are self-spaced; the constrained block gap adds dead height. */
.arc-site-header > * {
	margin-block: 0;
}

.admin-bar .arc-site-header {
	top: var(--arc-header-pin, 32px);
}

.arc-site-header__inner {
	gap: clamp(0.75rem, 2vw, 1.75rem);
	margin-inline: auto;
	max-width: var(--arc-wide-width) !important;
	min-height: 5.25rem;
	padding-block: var(--arc-space-35);
	width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
}

.arc-secondary-navigation {
	background: transparent;
	border-bottom: none;
	color: var(--arc-header-text, var(--wp--preset--color--muted));
	display: flex;
	flex-wrap: wrap;
	font-size: var(--arc-text-xs);
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.01em;
	/*
	 * The sticky pin is the strip's layout height. Circles and shortcut pills
	 * used to paint past that box (`overflow: visible`), so 2–8px stayed in
	 * the viewport after the measured row had gone. Clip keeps the paint
	 * inside the reserved box; the in-flow height is unchanged.
	 */
	overflow-x: clip;
	overflow-y: clip;
	padding: var(--arc-space-20) var(--arc-page-gutter) var(--arc-space-5);
}

/*
 * Parked header: a paint-only lid on the brand row covers any leftover
 * subpixel sliver of the strip (dark bar, circle tops) without collapsing
 * the strip or writing --arc-header-pin on scroll. Absolute + transform
 * only; first-paint sticky `top` is untouched.
 */
.arc-site-header.is-scrolled .arc-secondary-navigation {
	pointer-events: none;
	visibility: hidden;
}

.arc-site-header.is-scrolled .arc-site-header__inner {
	border-top-color: transparent;
	position: relative;
}

.arc-site-header.is-scrolled .arc-site-header__inner::after {
	background: var(--arc-header-background, var(--wp--preset--color--background));
	content: "";
	height: 1.25rem;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: -1rem;
	transform: translateX(-50%);
	width: 100vw;
	z-index: 2;
}

/*
 * Social-only strip (Cluj: Mastodon + Facebook, no secondary menu) uses
 * `.arc-social-links__list`. Header-scoped social rules stay in the blocking
 * sheet; this core `ul` rule still centres the icons if a later split moves
 * the generic list styles below the fold again.
 */
.arc-secondary-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-15);
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
 * Nothing separated the shortcuts strip from the brand row. The rule is drawn on
 * the row rather than under the strip so it inherits the theme's unified content
 * width and stays clear of the header's own full-bleed bottom edge: two
 * identical edge-to-edge lines 84px apart read as an accident rather than a
 * decision. It comes off the same palette token as that edge, thinned so the
 * hierarchy is legible -- structural edge first, inner divider second.
 *
 * Desktop only, because below 782px the strip is not in the header at all: it is
 * cloned into the menu drawer as the "Scurtături" block, and a rule under a row
 * that is not there would float above the brand on its own.
 *
 * The adjacent selector is the guard: sites with no secondary menu render no
 * element, and the header-minimal preset hides the one it renders.
 */
@media (min-width: 782px) {
	.arc-secondary-navigation + .arc-site-header__inner {
		border-top: 1px solid color-mix(in srgb, var(--arc-header-border, var(--wp--preset--color--border)) 55%, transparent);
	}

	.arc-header-minimal .arc-secondary-navigation + .arc-site-header__inner {
		border-top: 0;
	}
}

.arc-secondary-navigation__list {
	background: color-mix(in srgb, var(--arc-header-background, var(--wp--preset--color--surface)) 48%, transparent);
	border: 1px solid color-mix(in srgb, var(--arc-header-border, var(--wp--preset--color--border)) 70%, transparent);
	border-radius: var(--arc-panel-radius);
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-15);
	justify-content: center;
	list-style: none;
	margin: 0;
	margin-inline: auto;
	/* Shrink to the links: a full-width bar reads as an empty strip. */
	max-width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
	/* The pills carry their own border, so a tight frame reads as two lines almost
	 * touching. Roughly 10px of breathing room keeps the frame legible as a frame. */
	padding: var(--arc-space-20) 0.65rem;
	width: fit-content;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.arc-secondary-navigation__list {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.arc-secondary-navigation__list > li {
	margin: 0;
	max-width: 100%;
	min-width: 0;
}

.arc-secondary-navigation a {
	align-items: center;
	background: color-mix(in srgb, var(--wp--preset--color--background) 28%, transparent);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--border) 45%, transparent);
	border-radius: var(--arc-control-radius);
	color: inherit;
	display: inline-flex;
	justify-content: center;
	line-height: 1.15;
	min-height: 2rem;
	padding: var(--arc-space-15) 0.68rem;
	text-align: center;
	text-decoration: none;
	transition:
		background-color var(--arc-motion-duration) var(--arc-ease),
		border-color var(--arc-motion-duration) var(--arc-ease),
		color var(--arc-motion-duration) var(--arc-ease),
		transform var(--arc-motion-duration) var(--arc-ease);
	white-space: nowrap;
}

.arc-secondary-navigation a:hover,
.arc-secondary-navigation a:focus-visible {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	border-color: color-mix(in srgb, var(--wp--preset--color--brand) 32%, var(--wp--preset--color--border));
	color: var(--wp--preset--color--brand);
}

.arc-secondary-navigation .current-menu-item > a,
.arc-secondary-navigation .current-menu-ancestor > a {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 14%, transparent);
	border-color: color-mix(in srgb, var(--wp--preset--color--brand) 38%, var(--wp--preset--color--border));
	color: var(--wp--preset--color--brand);
}

.arc-brand {
	gap: var(--arc-space-30);
	margin-right: auto;
	min-width: 0;
}

/* The logo mark is ~34px tall; the link needs a full-size tap target around it. */
.arc-brand .custom-logo-link {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 2.75rem;
	/* Narrow marks would otherwise leave a 34px-wide tap target. */
	min-width: 2.75rem;
}

.arc-site-title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.35rem, 3vw, 1.85rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.05;
}

.arc-site-title a {
	color: var(--arc-header-text, var(--wp--preset--color--text));
	text-decoration: none;
}

/* Touch-only: the mobile brand row is already logo-height, so lifting the title
   link to a full tap target costs no header height. Desktop keeps the tight
   line box because a pointer does not need the padding. */
@media (max-width: 781px) {
	.arc-site-title a {
		align-items: center;
		display: inline-flex;
		min-height: 2.75rem;
	}
}

.arc-site-tagline {
	color: color-mix(in srgb, var(--arc-header-text, var(--wp--preset--color--muted)) 82%, transparent);
	font-size: var(--arc-text-xs);
	line-height: 1.25;
	margin: var(--arc-space-10) 0 0;
}

.arc-primary-navigation a {
	border-radius: var(--arc-control-radius);
	padding: var(--arc-space-20) 0.6rem;
	text-decoration: none;
}

.arc-primary-navigation a:hover,
.arc-primary-navigation .current-menu-item > a,
.arc-primary-navigation .current-menu-ancestor > a {
	background: var(--arc-header-elevated, var(--arc-card-fill, var(--wp--preset--color--surface)));
	color: var(--wp--preset--color--brand);
}

/*
 * Core Navigation hardcodes #fff/#000 on dropdowns — rebind to palette paper,
 * not surface (surface is ~99% lightness and reads as a white sheet on a
 * tinted masthead). --arc-header-elevated is a 16% brand mix (not 4%
 * card-fill) so Brașov gets a visible burgundy chip, Iași/Cluj/Constanța
 * keep their own fills, and dark mode uses a tinted dark card.
 * Desktop only: below 782px the menu is an overlay and these panel styles
 * would turn each submenu into a floating 12rem box inside the drawer.
 */
@media (min-width: 782px) {
	.arc-primary-navigation.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
	.arc-primary-navigation .wp-block-navigation__submenu-container {
		background-color: var(--arc-header-elevated, var(--arc-card-fill, var(--wp--preset--color--surface))) !important;
		border: 1px solid var(--wp--preset--color--border) !important;
		border-radius: var(--arc-panel-radius);
		box-shadow: var(--arc-shadow);
		color: var(--wp--preset--color--text) !important;
		min-width: 12rem;
		overflow: hidden;
		padding: var(--arc-space-15);
	}

	/*
	 * Without an explicit offset the panel takes its static position from the flex
	 * parent and ends up right-aligned, hanging off the viewport for items on the
	 * left. The "more" dropdown keeps its own right alignment.
	 */
	.arc-primary-navigation .wp-block-navigation__container > .wp-block-navigation-item:not(.arc-navigation-more) > .wp-block-navigation__submenu-container {
		left: 0;
		right: auto;
	}
}

.arc-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	border-radius: var(--arc-control-radius);
	color: var(--wp--preset--color--text);
	padding: var(--arc-space-20) 0.85rem;
}

.arc-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.arc-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 12%, var(--wp--preset--color--surface));
	color: var(--wp--preset--color--brand);
}

.arc-primary-navigation.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay),
.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
	background-color: var(--wp--preset--color--background) !important;
	color: var(--wp--preset--color--text) !important;
}

.arc-primary-navigation :where(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	height: 2.75rem;
	justify-content: center;
	padding: var(--arc-space-20);
	width: 2.75rem;
}

/*
 * The menu button is the most used control on a phone and it was the only one in
 * the header the theme never painted: it had the 44px box and the pill radius
 * above, but no surface and no ring, so it rendered as core's bare two-bar glyph
 * beside two drawn circles. It takes .arc-btn's own values -- not a lookalike of
 * them -- so it cannot drift from the search and colour-mode buttons it stands
 * next to, and so its contrast is the pair those two are already measured on in
 * all 25 palettes. The full selector rather than :where(): core paints these
 * buttons from a class of its own, and a zero-specificity match would be a
 * coin toss on stylesheet order.
 */
.arc-primary-navigation .wp-block-navigation__responsive-container-open,
.arc-primary-navigation .wp-block-navigation__responsive-container-close {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 11%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-control-ring, color-mix(in srgb, var(--wp--preset--color--brand) 30%, var(--wp--preset--color--border)));
	box-shadow: var(--arc-shadow-xs);
	color: var(--wp--preset--color--brand);
	transition:
		background-color var(--arc-motion-duration) var(--arc-ease),
		border-color var(--arc-motion-duration) var(--arc-ease),
		color var(--arc-motion-duration) var(--arc-ease);
}

/*
 * The strongest fill in the stylesheet, and it keeps the brand-coloured label of the
 * resting state, so the label reads on a backdrop only 18% away from its own colour.
 * --arc-control-fill is that mix pushed off the label until it clears 4.5:1; the mix
 * stays as the fallback for a stylesheet loaded without the palette block.
 */
.arc-primary-navigation .wp-block-navigation__responsive-container-open:hover,
.arc-primary-navigation .wp-block-navigation__responsive-container-close:hover {
	background: var(--arc-control-fill, color-mix(in srgb, var(--wp--preset--color--brand) 18%, var(--wp--preset--color--surface)));
	border-color: color-mix(in srgb, var(--wp--preset--color--brand) 48%, var(--wp--preset--color--border));
}

/*
 * Core draws two bars, which reads as an equals sign rather than a menu. Three
 * bars from one pseudo-element and its shadows: no image, no icon font, and the
 * ink is currentColor, so it stays the button's own brand token in every palette
 * and both colour modes. Only the open button is redrawn -- the close button's
 * X is unambiguous.
 */
.arc-primary-navigation .wp-block-navigation__responsive-container-open > svg {
	display: none;
}

.arc-primary-navigation .wp-block-navigation__responsive-container-open::before {
	background: currentColor;
	border-radius: 1px;
	box-shadow:
		0 -0.375rem 0 currentColor,
		0 0.375rem 0 currentColor;
	content: "";
	height: 2px;
	width: 1.125rem;
}

.arc-header-search {
	margin: 0;
}

.arc-header-tools {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: clamp(0.25rem, 1vw, 0.55rem);
	margin-left: auto;
}

/*
 * Header ad sits between the brand and the tools, like newsup/covernews.
 * Empty render returns nothing, so this only applies when the slot is on.
 */
.arc-site-header__inner > .arc-ad-slot--header {
	align-items: center;
	border: 0;
	flex: 1 1 12rem;
	justify-content: center;
	margin-block: 0;
	max-width: min(100%, 46rem);
	min-height: 0;
	padding: 0.2rem 0.4rem;
}

.arc-ad-slot--header .arc-ad-slot__label {
	margin-bottom: 0.2rem;
}

.arc-ad-slot--header .arc-ad-slot__rotator,
.arc-ad-slot--header .arc-ad-banner,
.arc-ad-slot--header .arc-ad-banner picture {
	width: 100%;
}

.arc-ad-slot--header .arc-ad-banner__image {
	max-height: 5.5rem;
	object-fit: contain;
	width: auto !important;
}

@media (max-width: 781px) {
	.arc-site-header__inner > .arc-ad-slot--header {
		flex: 1 1 100%;
		max-width: 100%;
		order: 3;
	}
}

.arc-header-search-toggle {
	display: inline-flex;
	min-height: 2.75rem;
	min-width: 2.75rem;
}

.arc-header-search-panel {
	background: color-mix(in srgb, var(--wp--preset--color--background) 96%, transparent);
	display: none;
	inset: 0;
	margin-inline: 0;
	max-width: none;
	padding: calc(env(safe-area-inset-top, 0px) + 4.5rem) var(--arc-page-gutter) var(--arc-page-gutter);
	position: fixed;
	z-index: 100002;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.arc-header-search-panel {
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}
}

.arc-header-search-panel.is-open {
	display: flex;
	flex-direction: column;
}

.arc-header-search-panel .arc-header-search {
	display: block;
	margin-inline: auto;
	max-width: 36rem;
	width: 100%;
}

.arc-header-search-panel .wp-block-search__inside-wrapper {
	max-width: none;
}

.arc-reading-progress {
	background: color-mix(in srgb, var(--wp--preset--color--border) 65%, transparent);
	display: none;
	height: 3px;
	inset: auto 0 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100001;
}

.admin-bar .arc-reading-progress {
	top: 46px;
}

.arc-reading-progress__fill {
	background: var(--wp--preset--color--brand);
	display: block;
	height: 100%;
	/*
	 * Grown with a transform rather than a width: animating width invalidated
	 * layout on every scroll frame, and the next frame's measurement of the
	 * article then had to force that layout back. PageSpeed reported it as
	 * forced reflow attributed to mobile.js.
	 */
	transform: scaleX(0);
	transform-origin: left center;
	/*
	 * The deliberate exception to the two durations and one curve. This bar tracks
	 * scroll position, so it has to move at the same rate as the finger: an easing
	 * curve would make it lag on the way in and overshoot on the way out, and 180ms
	 * is long enough to visibly trail the scroll.
	 */
	transition: transform 120ms linear;
	width: 100%;
}

.arc-carousel__dots {
	display: none;
	/*
	 * Without a gap the active dot's scale(1.15) overhangs its neighbours and eats
	 * into their hit area. The gap absorbs the overhang; the dots themselves stay
	 * dot-sized. Sized for the 44px target below, whose active state overhangs by
	 * 3.3px a side.
	 */
	gap: var(--arc-space-20);
	justify-content: center;
	/*
	 * Four dots and the play control clear 320px with room to spare, but the count
	 * follows the slide count. A longer carousel drops to a second line rather
	 * than pushing a scrollbar across the page.
	 */
	flex-wrap: wrap;
	max-width: 100%;
}

.arc-carousel__dot {
	/*
	 * Inactive fill used to be muted at 35% over transparent, which composited
	 * to 1.6-2.5:1 against the page -- under the 3:1 floor of WCAG 1.4.11.
	 * --arc-control-ring is the palette token already derived to clear 3:1 on
	 * every neighbour a control sits on. background-color, not the shorthand:
	 * `background` resets background-clip and the disc would paint the 44px
	 * target.
	 */
	background-color: var(--arc-control-ring, color-mix(in srgb, var(--wp--preset--color--brand) 30%, var(--wp--preset--color--border)));
	/*
	 * The button is the 44px tap target and the padding carves the 7px dot out of
	 * it, because `background-clip` paints the content box only. Sizing ran the
	 * other way round before -- a 7px box padded outwards -- which cleared WCAG
	 * 2.5.8 at 24px but left a 26px dot to hit with a thumb next to a play control
	 * that was already 44px. Declaring the target makes it exact: padded outwards
	 * from 0.45rem it landed on 43.99px and still counted as short.
	 */
	background-clip: content-box;
	border: 0;
	border-radius: 999px;
	box-sizing: border-box;
	cursor: pointer;
	height: 2.75rem;
	padding: var(--arc-space-45);
	transition: background-color var(--arc-motion-duration) var(--arc-ease), transform var(--arc-motion-duration) var(--arc-ease);
	width: 2.75rem;
}

/*
 * The active disc is stated here rather than inherited. The `background`
 * shorthand resets `background-clip` to border-box, so this dot never honoured
 * the content-box clip above: it painted whatever the padding happened to be,
 * which looked deliberate at a 26px target and turned into a 44px blob the moment
 * the target grew. Fill and padding are now given separately and add up to the
 * same 44px button, so the disc stays the size it has always looked.
 */
.arc-carousel__dot.is-active {
	background-clip: content-box;
	background-color: var(--wp--preset--color--brand);
	/* Same 44px button, less padding: the disc it leaves is 26px, as it looked. */
	padding: var(--arc-space-20);
	transform: scale(1.15);
}

.arc-header-search .wp-block-search__inside-wrapper {
	max-width: 14rem;
}

.arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	border-block: 1px solid var(--wp--preset--color--border);
	contain: layout paint;
	font-size: var(--arc-text-xs);
	max-width: 100%;
	overflow: hidden;
}

/*
 * The band sits immediately under the main menu now, so it drops both of its own
 * rules. The header's bottom edge already draws the line above it -- keeping the
 * band's own would make a 2px seam -- and the line below it was the third
 * horizontal rule in 190px of header, on top of a tint that already marks where
 * the band ends. What is left is one soft inset divider over the brand row, one
 * structural edge under it, and a tinted band that closes itself.
 */
.arc-site-header + .arc-breaking-ticker {
	border-block: 0;
}

.arc-breaking-ticker__inner {
	align-items: center;
	display: flex;
	gap: var(--arc-space-30);
	/* Row height comes from min-height; the links supply their own tap padding. */
	min-height: 2.35rem;
}

.arc-breaking-ticker__label {
	background: var(--wp--preset--color--brand);
	border-radius: 999px;
	color: var(--arc-on-brand, var(--wp--preset--color--background));
	flex: 0 0 auto;
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 1;
	padding: var(--arc-space-15) 0.55rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.arc-breaking-ticker__track {
	flex: 1 1 auto;
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	min-width: 0;
	overflow: hidden;
}

.arc-breaking-ticker__list {
	animation: arc-ticker-scroll 36s linear infinite;
	display: flex;
	gap: var(--arc-space-60);
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	width: max-content;
}

.arc-breaking-ticker__list a {
	/* Padding lifts the tap target to the WCAG 2.2 minimum without growing the bar. */
	color: inherit;
	display: inline-block;
	font-weight: 650;
	padding-block: var(--arc-space-25);
	text-decoration: none;
}

.arc-breaking-ticker__list a:hover {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

/*
 * Two ways the band stops, and they answer different problems.
 *
 * Hovering or tabbing in stops it here, in CSS, so it holds still for anyone
 * reading or aiming at a link even on a page where the script never arrives --
 * a link that slides out from under the cursor is the band's other failure.
 *
 * The explicit stop is `is-idle`, set by the script for the visitor's own press
 * and for the cases CSS cannot see (tab in the background, band scrolled off).
 * It is expressed as "idle" rather than "running" so the band still scrolls with
 * no script at all: the default state has to be the working one.
 */
.arc-breaking-ticker__track:hover .arc-breaking-ticker__list,
.arc-breaking-ticker__track:focus-within .arc-breaking-ticker__list,
.arc-breaking-ticker.is-idle .arc-breaking-ticker__list {
	animation-play-state: paused;
}

.arc-breaking-ticker__playpause {
	flex: 0 0 auto;
	/* The band is a 2.35rem row; the shared 2.75rem control would set its height. */
	height: 2rem;
	min-height: 2rem;
	width: 2rem;
}

.arc-breaking-ticker__playpause .arc-breaking-ticker__icon-play,
.arc-breaking-ticker.is-paused .arc-breaking-ticker__playpause .arc-breaking-ticker__icon-pause {
	display: none;
}

.arc-breaking-ticker.is-paused .arc-breaking-ticker__playpause .arc-breaking-ticker__icon-play {
	display: block;
}

@keyframes arc-ticker-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/*
 * Without motion the band cannot deliver its headlines by scrolling them past,
 * so it delivers them by letting the reader move them: the track becomes a
 * scroller holding each headline exactly once, and the duplicate half that only
 * ever existed to make the loop seamless is dropped.
 *
 * The alternative shapes were weighed. Keeping one headline and hiding the rest
 * is what the band did before, and it is what left four of its five headlines
 * unreachable. Wrapping the list into a static block reaches them all, but on a
 * 390px screen five headlines wrap to eight rows and push the first news story a
 * further 200px down -- the band sits above the fold on every page, so the
 * fallback has to cost the same height as the band it replaces. A scroller does:
 * the row is the same 2.35rem in both motion modes, swipe and trackpad move it,
 * and Tab moves through the links with the browser scrolling each into view,
 * which is the mechanism a keyboard reader already has. The right-hand fade is
 * what says there is more, so it stays while the left one goes -- at rest there
 * is nothing off the left edge to hint at.
 *
 * Every selector here carries the block class as well, because the phone-width
 * rules for the same elements live 4000 lines further down the file and would
 * otherwise win on order alone -- which is how the track kept `overflow: hidden`
 * on a phone and left the strip unscrollable, the exact defect this replaces.
 */
@media (prefers-reduced-motion: reduce) {
	.arc-breaking-ticker .arc-breaking-ticker__list {
		animation: none;
		flex-wrap: nowrap;
		gap: var(--arc-space-60);
		white-space: nowrap;
		width: max-content;
	}

	.arc-breaking-ticker .arc-breaking-ticker__clone {
		display: none;
	}

	.arc-breaking-ticker .arc-breaking-ticker__playpause {
		display: none;
	}

	.arc-breaking-ticker .arc-breaking-ticker__track {
		mask-image: linear-gradient(90deg, #000 0, #000 92%, transparent);
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		/* The row is height-capped, so a gutter would eat the text it sits under.
		   The cut-off headline at the edge is the affordance instead. */
		scrollbar-width: none;
	}

	.arc-breaking-ticker .arc-breaking-ticker__track::-webkit-scrollbar {
		display: none;
	}

	.arc-breaking-ticker .arc-breaking-ticker__item {
		scroll-snap-align: start;
	}
}

/*
 * On a phone the track is 265px wide and the shortest headline in it is 298px, so
 * a strip that scrolls by pixels would ask the reader to drag sideways through a
 * single sentence -- the defect this replaced, at walking pace. At phone widths
 * the strip therefore advances one whole headline at a time and lets that
 * headline wrap, so it is read the way any other line of text is. The row grows
 * to the tallest headline instead of staying one line: the only vertical cost
 * paid for the fallback anywhere, about twenty pixels, against headlines that can
 * be read at all.
 */
@media (prefers-reduced-motion: reduce) and (max-width: 781px) {
	.arc-breaking-ticker .arc-breaking-ticker__inner {
		max-height: none;
		padding-block: var(--arc-space-10);
	}

	.arc-breaking-ticker .arc-breaking-ticker__list {
		gap: var(--arc-space-40);
		white-space: normal;
		/* Not max-content: the items size themselves against the track below, and
		   a shrink-wrapped list has no width for them to be a share of. */
		width: 100%;
	}

	.arc-breaking-ticker .arc-breaking-ticker__item {
		flex: 0 0 100%;
	}

	/*
	 * Enough padding to keep the tap target at 24px even when the headline is one
	 * line (WCAG 2.5.8). Trimmed to 0.15rem it measured 22px, which the audit
	 * caught at 768px: the wrapping that makes the headlines readable also makes
	 * the shortest of them a single short line.
	 */
	.arc-breaking-ticker .arc-breaking-ticker__list a {
		padding-block: var(--arc-space-15);
		white-space: normal;
	}

	.arc-breaking-ticker .arc-breaking-ticker__track {
		scroll-snap-type: x mandatory;
	}
}

.arc-header-search-backdrop {
	background: color-mix(in srgb, var(--wp--preset--color--text) 42%, transparent);
	border: 0;
	cursor: pointer;
	display: none;
	inset: 0;
	padding: 0;
	position: fixed;
	z-index: 100001;
}

body.arc-search-open {
	overflow: hidden;
}

body.arc-search-open .arc-bottom-nav,
body.arc-search-open .arc-back-to-top {
	display: none !important;
}

body.arc-search-open .arc-header-search-backdrop {
	display: block;
}

.arc-header-search-close {
	align-self: flex-end;
	display: inline-flex;
	margin-bottom: var(--arc-space-25);
	min-height: 2.75rem;
	min-width: 2.75rem;
}

/*
 * There is no mobile floating share bar any more: it repeated the share row the
 * article already ends with while covering a paragraph of it, so mobile.js stops
 * cloning one and the rules that used to shape it are gone with it. The desktop
 * rail lives in premium.css under .arc-share--desktop-sticky.
 */

.arc-back-to-top {
	align-items: center;
	background: var(--wp--preset--color--brand);
	border: 0;
	border-radius: 999px;
	bottom: calc(env(safe-area-inset-bottom, 0px) + 4.5rem);
	box-shadow: 0 8px 20px color-mix(in srgb, var(--wp--preset--color--text) 16%, transparent);
	color: var(--arc-on-brand, var(--wp--preset--color--background));
	cursor: pointer;
	display: inline-flex;
	height: 2.75rem;
	justify-content: center;
	opacity: 0;
	/* display:inline-flex overrides [hidden], so the faded button would still take clicks. */
	pointer-events: none;
	position: fixed;
	right: calc(env(safe-area-inset-right, 0px) + 0.85rem);
	transform: translateY(120%);
	transition:
		opacity var(--arc-motion-duration) var(--arc-ease),
		transform var(--arc-motion-duration) var(--arc-ease);
	width: 2.75rem;
	z-index: 99999;
}

.arc-back-to-top.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

body.arc-has-bottom-nav .arc-back-to-top {
	bottom: calc(env(safe-area-inset-bottom, 0px) + 4.25rem + 0.75rem);
}

/*
 * The bottom nav carries its own "Top" item, so on mobile the floating button
 * was a second copy of the same control stacked directly above the first. The
 * nav wins there: it is always reachable, while the button only appears after
 * 420px of scrolling, and it needs no overlay. Kept keyed to the nav actually
 * being present — with the bottom nav switched off in the options, mobile would
 * otherwise have no way back to the top at all.
 */
@media (max-width: 781px) {
	body.arc-has-bottom-nav .arc-back-to-top {
		display: none;
	}

	/* With no button floating over the footer, the band reserved for it is dead
	 * space; the nav's own height is already covered by the body padding. */
	body.arc-has-bottom-nav .arc-site-footer {
		padding-bottom: clamp(2.5rem, 6vw, 5rem);
	}
}

.arc-color-toggle {
	color: var(--wp--preset--color--brand);
}

/*
 * Pressed, this toggle keeps its brand label over a fill 16% of the way to that same
 * label, which measured 4.32:1 on news-red in the dark -- the deviation that was
 * reported. Takes the derived fill for the reason the navigation toggle above does.
 */
.arc-color-toggle[aria-pressed="true"] {
	background: var(--arc-control-fill, color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface)));
	border-color: color-mix(in srgb, var(--wp--preset--color--brand) 42%, var(--wp--preset--color--border));
}

.arc-icon {
	display: block;
	fill: currentColor;
	flex: 0 0 auto;
}

/*
 * The Iași gem is a stroke polygon + filled dot. A CSS `fill` on the <svg>
 * inherits onto the path and paints a solid blob. City marks (Cluj / Constanța)
 * set fill on their own paths, so they keep currentColor without this.
 */
.arc-site-header .arc-logo__mark {
	color: inherit;
	overflow: visible;
}

.arc-site-header .arc-icon,
.arc-site-footer .arc-icon,
.arc-share .arc-icon {
	color: inherit;
	fill: currentColor;
}

.arc-site-header .arc-social-links__item,
.arc-site-footer .arc-social-links__item {
	color: inherit;
}

.arc-header-tools .arc-btn,
.arc-header-tools .arc-color-toggle,
.arc-primary-navigation .wp-block-navigation__responsive-container-open,
.arc-primary-navigation .wp-block-navigation__responsive-container-close {
	color: var(--arc-header-text, var(--wp--preset--color--brand));
}

.arc-post-meta .arc-icon,
.arc-archive-toolbar__btn .arc-icon,
.arc-article__tags-icon .arc-icon,
.arc-header-search-toggle .arc-icon {
	height: 1em;
	width: 1em;
}

.arc-article__tags-icon {
	align-self: center;
	color: var(--wp--preset--color--muted);
	display: inline-flex;
}

.arc-theme :where(input:not([type="submit"], [type="button"]), select, textarea) {
	background-color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--border);
	color: var(--wp--preset--color--text);
}

.arc-theme .wp-block-search__input,
.arc-theme .wp-block-search__inside-wrapper {
	background-color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--border);
	color: var(--wp--preset--color--text);
}

.arc-theme .wp-block-search__input::placeholder {
	color: color-mix(in srgb, var(--wp--preset--color--muted) 72%, transparent);
}

.arc-header-centered .arc-site-header__inner {
	justify-content: center !important;
	text-align: center;
}

.arc-header-centered .arc-brand {
	justify-content: center;
	width: 100%;
}

.arc-header-centered .arc-primary-navigation {
	flex: 1 1 auto;
	justify-content: center;
}

.arc-header-newsroom .arc-site-header {
	border-top: 0.35rem solid var(--wp--preset--color--brand);
}

/*
 * The pin is the brand row's offsetTop, which starts below this accent
 * border. Without the extra 0.35rem the parked bar sits 5–6px low: the
 * brand stripe and the last few pixels of the social circles stay in the
 * viewport. First-paint calc only; --arc-header-pin is still the measured
 * fallback and is not rewritten on scroll.
 */
@media (min-width: 782px) {
	.arc-header-newsroom .arc-site-header {
		top: calc(var(--arc-header-pin, 0px) - 0.35rem);
	}

	.admin-bar .arc-header-newsroom .arc-site-header,
	.admin-bar.arc-header-newsroom .arc-site-header {
		top: calc(var(--arc-header-pin, 32px) - 0.35rem);
	}
}

.arc-header-newsroom .arc-secondary-navigation {
	background: transparent;
	border-bottom: none;
	color: var(--arc-header-text, var(--arc-on-brand));
}

.arc-header-newsroom .arc-secondary-navigation__list {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 18%, transparent);
	border-color: color-mix(in srgb, var(--wp--preset--color--brand) 34%, transparent);
}

.arc-header-newsroom .arc-secondary-navigation a {
	background: color-mix(in srgb, var(--arc-header-text, var(--arc-on-brand)) 6%, transparent);
	border-color: color-mix(in srgb, var(--arc-header-text, var(--arc-on-brand)) 14%, transparent);
	color: inherit;
}

.arc-header-newsroom .arc-secondary-navigation a:hover,
.arc-header-newsroom .arc-secondary-navigation a:focus-visible {
	background: color-mix(in srgb, var(--arc-header-text, var(--arc-on-brand)) 12%, transparent);
	border-color: color-mix(in srgb, var(--arc-header-text, var(--arc-on-brand)) 22%, transparent);
	color: var(--arc-header-text, var(--arc-on-brand));
}

.arc-header-newsroom .arc-secondary-navigation .current-menu-item > a,
.arc-header-newsroom .arc-secondary-navigation .current-menu-ancestor > a {
	background: color-mix(in srgb, var(--arc-header-text, var(--arc-on-brand)) 18%, transparent);
	border-color: color-mix(in srgb, var(--arc-header-text, var(--arc-on-brand)) 28%, transparent);
	color: var(--arc-header-text, var(--arc-on-brand));
}

/*
 * Desktop brand row on every header style, including community-magazine /
 * newsroom / compact / centered / split / minimal: logo | centred nav |
 * search + colour-mode. The nav lives inside `.arc-header-tools` next to
 * those two buttons, which is why a flex row reads as a right-hand cluster.
 * `display: contents` lifts the three children onto the header grid without
 * changing markup, so the mobile drawer keeps the same DOM.
 *
 * A 1fr / max-content / 1fr track centres the list in the header rather
 * than in the leftover space after the brand. Core Navigation still emits
 * `items-justified-right` from the block layout attr; shrink-wrap + center
 * beats that so the links cannot park in the right half of a stretched
 * 40rem track. Search and toggle share the right track; the search button
 * keeps a one-control gutter so they sit side by side instead of stacking.
 * The top pill / social strip is a separate row and is not moved.
 */
@media (min-width: 782px) {
	.arc-site-header .arc-site-header__inner,
	.arc-header-newsroom .arc-site-header__inner,
	.arc-header-compact .arc-site-header__inner,
	.arc-header-centered .arc-site-header__inner,
	.arc-header-split .arc-site-header__inner,
	.arc-header-minimal .arc-site-header__inner {
		align-items: center;
		display: grid;
		grid-template-columns: minmax(min-content, 1fr) minmax(0, max-content) minmax(min-content, 1fr);
	}

	.arc-site-header .arc-brand,
	.arc-header-newsroom .arc-brand,
	.arc-header-compact .arc-brand,
	.arc-header-centered .arc-brand {
		grid-column: 1;
		grid-row: 1;
		justify-content: flex-start;
		justify-self: start;
		margin-right: 0;
		min-width: 0;
		width: auto;
	}

	.arc-site-header .arc-header-tools,
	.arc-header-newsroom .arc-header-tools,
	.arc-header-compact .arc-header-tools {
		display: contents;
	}

	.arc-site-header .arc-primary-navigation,
	.arc-header-newsroom .arc-primary-navigation,
	.arc-header-compact .arc-primary-navigation {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		max-width: 100%;
		min-width: 0;
		width: max-content;
	}

	.arc-site-header .arc-primary-navigation .wp-block-navigation__container,
	.arc-header-newsroom .arc-primary-navigation .wp-block-navigation__container,
	.arc-header-compact .arc-primary-navigation .wp-block-navigation__container,
	.arc-primary-navigation.items-justified-right .wp-block-navigation__container,
	.arc-primary-navigation.wp-block-navigation .wp-block-navigation__container {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 100%;
		width: max-content;
	}

	.arc-site-header .arc-header-search-toggle,
	.arc-site-header .arc-color-toggle,
	.arc-header-newsroom .arc-header-search-toggle,
	.arc-header-newsroom .arc-color-toggle,
	.arc-header-compact .arc-header-search-toggle,
	.arc-header-compact .arc-color-toggle {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}

	.arc-site-header .arc-header-search-toggle,
	.arc-header-newsroom .arc-header-search-toggle,
	.arc-header-compact .arc-header-search-toggle {
		margin-inline-end: calc(2.75rem + clamp(0.25rem, 1vw, 0.55rem));
	}

	.arc-site-header .arc-site-header__inner > .arc-ad-slot--header,
	.arc-header-newsroom .arc-site-header__inner > .arc-ad-slot--header,
	.arc-header-compact .arc-site-header__inner > .arc-ad-slot--header {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

@media (min-width: 782px) and (max-width: 1199px) {
	.arc-site-header .arc-primary-navigation,
	.arc-header-newsroom .arc-primary-navigation,
	.arc-header-compact .arc-primary-navigation {
		font-size: var(--arc-text-s);
	}

	.arc-site-header .arc-primary-navigation a,
	.arc-header-newsroom .arc-primary-navigation a,
	.arc-header-compact .arc-primary-navigation a {
		padding-inline: 0.35rem;
	}
}

/*
 * Mosaic / City Sections lock the 1600 well at 1800+ so home, article,
 * page and archive share one centred desk. `arc-home-*` rules belong to
 * the home sheet; `arc-preset-*` is on every template and stays in core,
 * so the header and the (main + sidebar) cluster do not jump to 2160
 * while the homepage cards stay at 1600.
 */
@media (min-width: 1800px) {
	body.arc-preset-magazine-mosaic,
	body.arc-preset-city-sections {
		--arc-wide-width: 1600px;
	}
}

.arc-header-split .arc-site-header__inner {
	align-items: center;
}

.arc-header-minimal :where(.arc-secondary-navigation, .arc-site-tagline, .arc-header-search) {
	display: none;
}

/*
 * `main` is a direct child of .wp-site-blocks, which is a plain block container,
 * so core never applies the auto margins it gives `alignwide` inside constrained
 * layouts. With only a max-width set, every non-home template hugged the left
 * edge: 80px of slack at 1440px, but 1840px on a 3440px ultrawide.
 */
.arc-main {
	margin-inline: auto;
	min-height: 55vh;
	padding-block: clamp(2rem, 4.5vw, 5rem);
}

/*
 * --arc-page-gutter is the single source of truth for page gutters, so the
 * region wrappers drop theme.json's root padding rather than stacking a second,
 * mismatched inset inside it. Core offsets full-bleed children by that same
 * padding, so those negative margins have to go with it.
 */
.arc-site-header,
.arc-site-footer,
.arc-main {
	padding-inline: 0;
}

.arc-site-header > .alignfull,
.arc-site-footer > .alignfull,
.arc-main > .alignfull {
	margin-inline: 0;
}

.arc-main.alignwide {
	max-width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
}

.arc-home {
	display: grid;
	gap: var(--arc-section-gap);
	max-width: none !important;
	width: auto;
}

.arc-home > .alignwide {
	margin-inline: auto;
	max-width: var(--arc-wide-width);
	width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
}

/*
 * The grid above spaces its children. A child that also spaces itself is charged
 * twice, and three of them were.
 *
 * Each margin is right where it is declared, which is why none of them looked
 * wrong. `.arc-ad-slot` carries `margin-block: 1.5rem` because in an article body
 * nothing else separates it from the paragraphs around it. `.arc-tabbed-posts`
 * carries `margin-block: var(--arc-section-gap)` in premium.css, which is the
 * section rhythm itself -- correct for a section standing in ordinary block flow,
 * and exactly one gap too many inside a grid that already applies it. `.arc-bento`
 * picks up a block gap in the phone band. In flow these margins collapse against
 * their neighbours' and one of the two wins; between grid items nothing collapses,
 * so both are paid in full.
 *
 * Measured box to box between home children, before and after:
 *   ad slot     390: 45 -> 22   768: 60 -> 36   1024: 75 -> 51   1440: 64 -> 40
 *   tabbed      390: 54 -> 22   768: 72 -> 36   1024: 103 -> 51  1440: 80 -> 40
 * The tabbed strip was the worse of the two and the quieter: at 1024 it paid the
 * gap twice over, 103px where the rest of the page uses 51.
 *
 * Scoped to `.arc-home >` on purpose, so the article, the archive and the sidebar
 * keep the margins that are load-bearing there. The rule belongs next to the grid
 * that makes it necessary rather than in a width band, because the double payment
 * has nothing to do with width -- it was visible at 390 as much as at 2560.
 */
.arc-home > .arc-ad-slot,
.arc-home > .arc-bento,
.arc-home > .arc-tabbed-posts {
	margin-block: 0;
}

/*
 * The home slot is a sibling of alignwide sections, so `width: 100%` made it
 * a full-row band while the cards under it are one column of three. Match the
 * balanced-grid basis: one card on desktop, half on tablet, full on a phone.
 */
.arc-home > .arc-ad-slot--home {
	--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);
	--arc-ad-home-track: min(var(--arc-wide-width), calc(100vw - var(--arc-page-gutter) - var(--arc-page-gutter)));
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--arc-ad-home-track);
	width: min(100%, var(--arc-ad-home-track));
}

.arc-ad-slot--home .arc-ad-slot__rotator,
.arc-ad-slot--home .arc-ad-banner,
.arc-ad-slot--home .arc-ad-banner picture {
	width: 100%;
}

.arc-admin-edit-link {
	background: var(--wp--preset--color--text);
	border-radius: 999px;
	color: var(--wp--preset--color--background);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	justify-self: end;
	padding: var(--arc-space-20) 0.8rem;
	text-decoration: none;
}

/*
 * The homepage masthead line.
 *
 * This was a panel: tinted surface, full border, a 0.4rem brand edge, a radius, a
 * shadow, an 18rem brand circle bleeding out of the top-right corner, and the
 * site's own name at up to 76px inside it. Measured on the pilot, it put the
 * first news headline at y=656 of an 844px phone screen and at y=816 of a 900px
 * desktop one -- the whole first screen spent telling the reader the name of the
 * site they just chose to open, which the header above already carries.
 *
 * No publication prints its own nameplate above its lead story twice. What it
 * prints is a rule: a line of type, a hairline, then the news. So the panel
 * becomes exactly that. The <h1> stays -- it is the page's heading and the SEO
 * layer reads home_heading -- but at the x-large step of the theme.json scale
 * instead of a display size, and the brand token moves from a decorative circle
 * to the rule under the block, which is where a masthead's colour belongs and
 * keeps the palette identifiable in all 25 sets.
 *
 * Worth recording, since the audit assumed otherwise: this could not be done as
 * a preset change. There is no `show_home_intro` switch, and clearing
 * `home_heading`/`home_intro` does not hide anything -- inc/blocks.php falls back
 * to the site name and tagline, so an empty field renders the same panel. Only
 * `blank-canvas` hides it, and that preset also drops every homepage section.
 */
.arc-home__intro {
	border-bottom: 2px solid var(--wp--preset--color--brand);
	/*
	 * The H1 and lede sat flush on the track. `--arc-card-inset` is the same
	 * 12.8–20px boxed cards already use, so the masthead line breathes without
	 * becoming a panel again. Inline both sides and a matching start so the
	 * inset is not only a left nudge.
	 */
	padding-block-start: var(--arc-card-inset);
	padding-block-end: clamp(0.5rem, 1.2vw, 0.75rem);
	padding-inline: var(--arc-card-inset);
	position: relative;
}

.arc-home__intro::after {
	content: none;
}

/*
 * The name of the site, not a headline. At x-large it rendered 39.9px against the
 * 40.3px of "Articole principale" directly beneath it, so the reader met two
 * competing headings before meeting any news -- and the one that won was the
 * answer to a question nobody asks twice, since the logo and the name are in the
 * sticky header above it. One step down the scale makes it a masthead label: the
 * identity is still there, the underline is still brand, and the heading that
 * introduces actual articles is the largest thing on the screen again.
 *
 * The size is written out because the measurement above was taken against WordPress's
 * `large`, not the theme's: with the scale substituted, `large` was arriving as a 22-36px
 * clamp instead of 1.25rem, so this rule rendered 34.3px at 1440px, not 20px. Making the
 * scale real would have collapsed the masthead by 14px, so the clamp that was actually on
 * screen is now stated here rather than borrowed. It is the theme's own fluid tier, which
 * is where a headline that spans 22px to 36px belongs anyway. On the real scale this is
 * between `x-large` and `xx-large`; whether the masthead should step down to `x-large`
 * proper, 28.8px at 1440px, is a design call and not one to make inside a refactor.
 */
.arc-home__intro h1 {
	font-size: clamp(1.378rem, 1.16rem + 1.09vw, 2.25rem);
	letter-spacing: -0.02em;
	line-height: 1.1;
	margin: 0;
	max-width: 75rem;
	overflow-wrap: normal;
	text-wrap: wrap;
	word-break: normal;
}

/*
 * The tagline is one sentence and it keeps its own line, so it wraps only when it
 * genuinely does not fit. It is the small step of the scale now rather than up to
 * 20px: at the old size it was three lines directly above the first story on a
 * phone, which is why it is dropped entirely below 782px (see the mobile block) --
 * there it duplicates nothing visible, but it costs 73 measured pixels of the one
 * screen the news has to reach.
 */
.arc-home__intro p {
	color: var(--wp--preset--color--text);
	/*
	 * Also measured against the substituted scale: `small` was arriving as 13px, so this
	 * is the step that keeps 13px rather than the one the old declaration named. `x-small`
	 * is 12.56px, 0.44px under what was on screen.
	 */
	font-size: var(--arc-text-xs);
	margin: var(--arc-space-15) 0 0;
}

.arc-section {
	display: grid;
	gap: clamp(1.25rem, 2vw, 2rem);
}

.arc-section__header {
	align-items: end;
	border-bottom: 2px solid var(--wp--preset--color--text);
	display: flex;
	gap: var(--arc-space-40);
	justify-content: space-between;
	padding-bottom: var(--arc-space-30);
	position: relative;
}

.arc-section__header::after {
	background: var(--wp--preset--color--brand);
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: clamp(4rem, 12vw, 10rem);
}

.arc-section__header h2 {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.5rem, 2.8vw, 2.65rem);
	font-weight: 700;
	letter-spacing: -0.028em;
	line-height: 1.05;
	margin: 0;
}

.arc-section__header > .arc-btn {
	flex-shrink: 0;
}

/*
 * No box of its own, so it runs the full section track and lands on the same
 * left and right edge as the rule above it and the cards below it. A narrower
 * typographic measure read as truncated text here, whether it was hung left or
 * centred.
 */
.arc-section__description {
	color: var(--wp--preset--color--muted);
	margin: 0;
}

.arc-section__description > :first-child {
	margin-top: 0;
}

.arc-section__description > :last-child {
	margin-bottom: 0;
}

.arc-category-section--list .arc-post-grid {
	grid-template-columns: 1fr;
}

.arc-hero__grid,
.arc-post-grid,
.arc-archive-grid {
	display: grid;
	gap: clamp(1rem, 2.5vw, 1.75rem);
	grid-template-columns: repeat(var(--arc-cols-mobile), minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
 * The tabbed section draws the same card grid as the category sections directly
 * below it, but was left out of this list, so an incomplete last row hung to the
 * left there while every section under it centred one. Same component, same
 * behaviour.
 */
.arc-category-section--grid .arc-balanced-grid,
.arc-tabbed-posts .arc-balanced-grid,
.arc-related .arc-balanced-grid,
body.arc-archive-preset-grid:not(.arc-archive-view-list) .arc-balanced-grid,
body.arc-archive-preset-topic-hub:not(.arc-archive-view-list) .arc-balanced-grid,
body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid,
body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid {
	--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-balanced-gap);
	justify-content: center;
}

.arc-category-section--grid .arc-balanced-grid > .arc-card,
.arc-tabbed-posts .arc-balanced-grid > .arc-card,
.arc-related .arc-balanced-grid > .arc-card,
body.arc-archive-preset-grid:not(.arc-archive-view-list) .arc-balanced-grid > li,
body.arc-archive-preset-topic-hub:not(.arc-archive-view-list) .arc-balanced-grid > li,
body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid > li,
body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid > li {
	flex: 0 1 var(--arc-balanced-basis, 100%);
	max-width: 100%;
	min-width: 0;
}

body.arc-cols-mobile-1 .arc-balanced-grid > * {
	--arc-balanced-basis: 100%;
}

body.arc-cols-mobile-2 .arc-balanced-grid > * {
	--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
}

.arc-card {
	border-radius: var(--arc-card-radius);
	container-type: inline-size;
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
	position: relative;
}

/*
 * Cards are constrained-layout groups, so core centres every child with
 * `margin-inline: auto !important` and caps it at the global content size. That
 * centred kickers and datelines beside left-aligned titles inside the same card.
 */
.arc-card.is-layout-constrained > * {
	margin-inline: 0 !important;
	max-width: 100%;
}

.arc-card__image,
.arc-card .wp-block-post-featured-image {
	aspect-ratio: var(--arc-card-media-ratio, 4 / 3);
	background: var(--wp--preset--color--surface);
	display: block;
	margin: 0 0 var(--arc-space-35);
	overflow: hidden;
	border-radius: var(--arc-card-radius);
}

body.arc-media-ratio-auto :where(.arc-card__image, .arc-card .wp-block-post-featured-image) {
	aspect-ratio: auto;
	overflow: visible;
}

.arc-card__image picture,
.arc-card .wp-block-post-featured-image picture,
.arc-article picture,
.wp-block-image picture {
	display: block;
	height: 100%;
	width: 100%;
}

.arc-card__image img,
.arc-card .wp-block-post-featured-image img {
	height: 100%;
	object-fit: cover;
	transition: transform var(--arc-motion-duration) var(--arc-ease);
	width: 100%;
}

body.arc-media-ratio-auto :where(.arc-card__image img, .arc-card .wp-block-post-featured-image img),
.arc-image-fit-contain :where(.arc-card__image img, .arc-card .wp-block-post-featured-image img) {
	height: auto;
	object-fit: contain;
}

.arc-image-fit-contain :where(.arc-card__image, .arc-card .wp-block-post-featured-image) {
	aspect-ratio: auto;
	overflow: visible;
}

.arc-card__image--placeholder {
	align-items: center;
	background: var(--wp--preset--color--surface);
	background:
		linear-gradient(135deg, transparent 48%, color-mix(in srgb, var(--wp--preset--color--brand) 10%, transparent) 49% 51%, transparent 52%),
		var(--wp--preset--color--surface);
	color: var(--wp--preset--color--brand);
	display: flex;
	font-size: 3rem;
	font-size: clamp(2rem, 10cqi, 5rem);
	font-weight: 800;
	justify-content: center;
	text-decoration: none;
}

.arc-cards-bordered .arc-card {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: 0;
	padding: var(--arc-card-inset);
}

.arc-cards-bordered .arc-card__image,
.arc-cards-bordered .arc-card .wp-block-post-featured-image {
	border-radius: 0;
}

.arc-cards-elevated .arc-card {
	background: var(--arc-card-fill, var(--wp--preset--color--background));
	border: 1px solid var(--arc-card-border, transparent);
	box-shadow: var(--arc-shadow);
	padding: var(--arc-card-inset);
	transition:
		transform var(--arc-motion-duration) var(--arc-ease),
		box-shadow var(--arc-motion-duration) var(--arc-ease);
}

.arc-cards-soft .arc-card {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, transparent);
	padding: var(--arc-card-inset);
}

.arc-cards-editorial .arc-card {
	border-bottom: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: 0;
	padding-bottom: var(--arc-space-45);
}

.arc-cards-clean .arc-card {
	border-bottom: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	padding-bottom: var(--arc-space-45);
}

.arc-hero .arc-card {
	background: var(--arc-card-fill, var(--wp--preset--color--background));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	padding: var(--arc-card-inset);
}

.arc-hero .arc-card__image,
.arc-hero .arc-card .wp-block-post-featured-image {
	border-radius: 0;
	margin-bottom: var(--arc-space-40);
}

.arc-carousel {
	min-width: 0;
	position: relative;
}

.arc-carousel__controls {
	align-items: center;
	display: flex;
	gap: var(--arc-space-20);
	justify-content: flex-end;
	margin-bottom: var(--arc-space-30);
	opacity: 0;
	pointer-events: none;
}

.arc-carousel.is-ready .arc-carousel__controls {
	opacity: 1;
	pointer-events: auto;
}

.arc-carousel__button:disabled {
	cursor: default;
	opacity: 0.42;
	transform: none;
}

.arc-carousel__playpause .arc-carousel__icon-play,
.arc-carousel.is-paused .arc-carousel__playpause .arc-carousel__icon-pause {
	display: none;
}

.arc-carousel.is-paused .arc-carousel__playpause .arc-carousel__icon-play {
	display: block;
}

.arc-carousel__status {
	color: var(--wp--preset--color--muted);
	font-size: var(--arc-text-xs);
	font-variant-numeric: tabular-nums;
	font-weight: 750;
	min-width: 3.5rem;
	text-align: center;
}

.arc-carousel__viewport {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.arc-carousel__viewport::-webkit-scrollbar {
	display: none;
}

.arc-carousel__track {
	display: flex;
}

.arc-carousel__slide {
	flex: 0 0 100%;
	min-width: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.arc-carousel__slide .arc-card {
	height: 100%;
}

.arc-carousel__slide .arc-card__image {
	aspect-ratio: auto;
}

.arc-carousel__slide .arc-card__title {
	font-size: clamp(1.55rem, 3.2vw, 3rem);
}

.arc-corners-square {
	--arc-card-radius: 0;
	--arc-control-radius: 0;
}

.arc-corners-subtle {
	--arc-card-radius: 0.5rem;
	--arc-control-radius: 0.35rem;
}

.arc-corners-rounded {
	--arc-card-radius: 1rem;
	--arc-control-radius: 0.75rem;
}

.arc-corners-pill {
	--arc-card-radius: 1.25rem;
	--arc-control-radius: 999px;
}

.arc-density-compact {
	--arc-section-gap: clamp(1.5rem, 3vw, 3rem);
}

.arc-density-compact :where(.arc-post-grid, .arc-archive-grid, .arc-hero__grid) {
	gap: clamp(0.75rem, 1.5vw, 1.1rem);
}

.arc-density-compact .arc-balanced-grid {
	--arc-balanced-gap: clamp(0.75rem, 1.5vw, 1.1rem);
}

.arc-density-airy {
	--arc-section-gap: clamp(3rem, 7vw, 7rem);
}

.arc-density-airy :where(.arc-post-grid, .arc-archive-grid, .arc-hero__grid) {
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

.arc-density-airy .arc-balanced-grid {
	--arc-balanced-gap: clamp(1.5rem, 3vw, 2.5rem);
}

.arc-type-editorial :where(h1, h2, h3, h4, .wp-block-post-title, .arc-card__title) {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 700;
}

.arc-type-editorial .arc-card__title {
	font-weight: 650;
	letter-spacing: -0.022em;
}

.arc-type-classic .arc-article .wp-block-post-content,
.arc-type-classic .arc-article__lead {
	font-family: var(--wp--preset--font-family--serif);
}

.arc-fonts-plex {
	--wp--preset--font-family--sans: "IBM Plex Sans", "ARC Sans plex Segoe UI", -apple-system, BlinkMacSystemFont, "ARC Sans plex Roboto", "ARC Sans plex Noto Sans", "ARC Sans plex Arial", "ARC Sans plex DejaVu Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.arc-fonts-franklin {
	--wp--preset--font-family--sans: "Libre Franklin", "ARC Sans franklin Segoe UI", -apple-system, BlinkMacSystemFont, "ARC Sans franklin Roboto", "ARC Sans franklin Noto Sans", "ARC Sans franklin Arial", "ARC Sans franklin DejaVu Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.arc-motion-none {
	--arc-motion-duration: 0.01ms;
	--arc-motion-distance: 0;
}

.arc-motion-subtle {
	--arc-motion-duration: 180ms;
	--arc-motion-distance: -2px;
}

.arc-motion-expressive {
	--arc-motion-duration: 280ms;
	--arc-motion-distance: -5px;
	--arc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.arc-motion-none .arc-card:hover :where(.arc-card__image img, .wp-block-post-featured-image img) {
	transform: none;
}

.arc-hero__stack {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.arc-hero__stack .arc-card--horizontal,
.arc-hero__stack .arc-card:not(.arc-card--lead) {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-bottom: clamp(0.85rem, 1.5vw, 1.25rem);
}

.arc-hero--grid .arc-hero__grid {
	margin-top: var(--arc-space-10);
}

.arc-hero--stack .arc-card--lead {
	margin-bottom: var(--arc-space-15);
}

/*
 * Stack and single put a card at the full width of the page, so with media
 * uncropped the photo's own 4:3 turned into the height of the first screen:
 * measured 989px per image at 1440 and 1589px at 2560, which is a hero of
 * 2477px and then 3579px for two stories. It grew 45% for a 78% wider window,
 * the opposite of what a wider window should buy. The carousel does five
 * stories in 689px at the same width because its photo is capped and therefore
 * widens instead of climbing.
 *
 * Same shape as the cap the bento side column already carries: the box and the
 * image inside it, because `image_fit: contain` -- the default -- sets
 * `overflow: visible` and `height: auto` on card media, so a cap on the box
 * alone paints straight through it. That is not hypothetical: `magazine-mosaic`
 * has exactly that half of the rule and its lead image renders 1182px tall
 * inside a 576px box.
 *
 * The number for the lead is the one `.arc-card--lead .arc-card__image` already
 * states further down, `min(42rem, 72vh)`, which those same two defaults switch
 * off. Restated here where they cannot reach it rather than invented. The
 * second story gets the 20rem the bento side uses: it is a follow-up, not a
 * co-lead, and it is the half of the stack that turned two screens into four.
 *
 * The box is also held to the width a 4:3 photo fills at that height. Capping
 * height alone leaves the box at the full 2118px of the card while `contain`
 * draws the picture 864px wide in the middle of it, so the saving arrives as a
 * flat band with 627px of nothing either side of the photograph. Bounded, the
 * box is the photograph: same picture, no band, and the measured ratio stays at
 * the image's own instead of falling to 0.31.
 *
 * Centred rather than set to the left edge, because the card runs the full
 * width whatever the picture does: left-aligned, the slack collects on one side
 * as a 1400px hole inside a bordered card, which is the shape this theme has
 * spent the day removing. Centred, it is margin around a picture.
 */
.arc-hero--stack,
.arc-hero--single {
	--arc-lead-media-cap: min(34vh, 20rem);
	--arc-hero-media-cap: var(--arc-lead-media-cap);
}

.arc-hero--stack .arc-card--lead,
.arc-hero--single .arc-card--lead {
	--arc-lead-media-cap: min(72vh, 42rem);
	--arc-hero-media-cap: var(--arc-lead-media-cap);
}

.arc-hero.arc-hero--stack .arc-card .arc-card__image,
.arc-hero.arc-hero--stack .arc-card .wp-block-post-featured-image,
.arc-hero.arc-hero--single .arc-card .arc-card__image,
.arc-hero.arc-hero--single .arc-card .wp-block-post-featured-image {
	margin-inline: auto;
	max-height: var(--arc-lead-media-cap);
	max-width: min(100%, calc(var(--arc-lead-media-cap) * 4 / 3));
}

.arc-hero.arc-hero--stack .arc-card .arc-card__image img,
.arc-hero.arc-hero--stack .arc-card .wp-block-post-featured-image img,
.arc-hero.arc-hero--single .arc-card .arc-card__image img,
.arc-hero.arc-hero--single .arc-card .wp-block-post-featured-image img {
	height: 100%;
	max-height: var(--arc-lead-media-cap);
}

/*
 * The stack's second story is marked `--horizontal` and was never laid out that
 * way above the phone, so it rendered as a second full-width card: picture across
 * the whole page, headline under it, indistinguishable from the lead except for
 * being smaller. The cap above stopped it costing a screen of height, but the
 * shape it describes is a thumbnail beside a headline, and the theme already has
 * that shape in two places -- the phone band below does it at `6.75rem`, and the
 * bento's secondary column does it at `30%` from 1024px up. This is the same
 * composition at the width the stack actually runs at.
 *
 * The reason the container query that should have done this never fired is worth
 * recording, because it is the same class of fault as the released ceiling above:
 * `@container (min-width: 34rem) { .arc-card--horizontal { display: grid } }`
 * declares its container on `.arc-card` itself, and an element is not its own
 * container, so that rule has never matched anything on any preset. It is left in
 * place -- rewiring the card container scale is a separate job -- and
 * bin/verify-dead-ceilings.php now fails on it so it cannot be forgotten again.
 *
 * A share of the width rather than a fixed thumbnail, for the reason the bento
 * states: the stack card is the full page width, so a fixed 9rem beside a 1600px
 * card is a stamp. Bounded at 20rem because a share alone keeps growing with the
 * window, and 320px is already a generous picture for a follow-up. Starts at the
 * same 782px the phone band ends at, so the shape does not disappear for the
 * 242px between there and the bento's threshold.
 */
@media (min-width: 782px) {
	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) {
		align-items: start;
		display: grid;
		gap: clamp(1rem, 2vw, 1.75rem);
		grid-template-columns: minmax(0, min(22%, 20rem)) minmax(0, 1fr);
	}

	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead).arc-card--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) .arc-card__image {
		align-self: start;
		aspect-ratio: var(--arc-card-media-ratio, 4 / 3);
		grid-column: 1;
		grid-row: 1 / span 4;
		margin: 0;
		width: 100%;
	}

	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) .arc-card__body {
		grid-column: 2;
		min-width: 0;
		padding: 0;
	}
}

.arc-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	/*
	 * Image stays full-bleed above this box. Copy (kicker, title, excerpt,
	 * author/date chips) used `--arc-card-inset` on bordered/elevated/soft
	 * tiles and sat flush on clean + palette-painted ones — terracotta Banat
	 * made that visible. All four sides: a left-only nudge still parked the
	 * title on the top edge of a painted lead, and river/bento-side layouts
	 * later zero this box. Same token the home intro already uses (~13–20px).
	 */
	padding: var(--arc-card-inset);
}

/*
 * Those card styles already pad the whole tile (image included). Do not stack
 * a second inset on the body or Iași/Cluj/Constanța/Brașov cards grow.
 */
.arc-cards-bordered .arc-card__body,
.arc-cards-elevated .arc-card__body,
.arc-cards-soft .arc-card__body,
.arc-hero .arc-card__body,
.arc-home--magazine .arc-card__body,
.arc-home--mosaic .arc-card__body,
.arc-search-list .arc-card__body {
	padding: 0;
}

/*
 * With media hidden rather than replaced, a card without a featured image reads
 * as one that failed to load beside its neighbours: its headline starts at the
 * top of the row while theirs start under a picture. Give it a rule and a tinted
 * body instead, so the row shows a text card on purpose.
 */
:where(.arc-post-grid, .arc-archive-grid, .arc-bento__row) > .arc-card--standard.arc-card--no-image {
	background: var(--wp--preset--color--surface-secondary);
	border-top: 3px solid var(--wp--preset--color--brand);
}

:where(.arc-post-grid, .arc-archive-grid, .arc-bento__row) > .arc-card--standard.arc-card--no-image .arc-card__body {
	justify-content: center;
	padding: var(--arc-space-45) 1.15rem var(--arc-space-40);
}

:where(.arc-post-grid, .arc-archive-grid, .arc-bento__row) > .arc-card--standard.arc-card--no-image .arc-card__title {
	font-size: clamp(1.15rem, 2.1vw, 1.45rem);
}

/*
 * Several categories on one card must not share a single pill. The wrapper is
 * only a row; chrome (teal amber fill, forest text kicker) lives on each <a>.
 */
.arc-card__categories,
.arc-card .wp-block-post-terms,
.wp-block-post-terms.arc-card__category {
	align-items: center;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-10);
	margin: 0 0 var(--arc-space-5);
	padding: 0;
	width: 100%;
}

.arc-card__categories .wp-block-post-terms__separator,
.arc-card .wp-block-post-terms .wp-block-post-terms__separator,
.wp-block-post-terms.arc-card__category .wp-block-post-terms__separator {
	display: none;
}

/* Editorial kicker — section label above headlines (Guardian/NYT pattern). */
a.arc-kicker,
a.arc-card__category {
	color: var(--arc-brand, var(--wp--preset--color--brand));
	display: inline-block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-2xs);
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.2;
	/*
	 * The label is ~12px tall, so it needs padding to reach the 24px WCAG 2.5.8
	 * tap target. That padding has to stay inside the flow: pulling it back with
	 * a negative top margin kept the card rhythm but parked half the target
	 * underneath the box above it, and an obscured target counts as a 12px one.
	 */
	margin: 0;
	max-width: 100%;
	padding-block: var(--arc-space-15);
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	width: fit-content;
	z-index: 1;
}

a.arc-kicker:hover,
a.arc-kicker:focus-visible,
a.arc-card__category:hover,
a.arc-card__category:focus-visible {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.arc-card__title,
.arc-card .wp-block-post-title {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.08rem, 1.5vw, 1.4rem);
	font-weight: 650;
	letter-spacing: -0.018em;
	line-height: 1.2;
	margin: 0;
}

/*
 * Desktop CLS 0.129 sat entirely on one .arc-card__body (Recomandări /
 * electrician). font-display:swap plus a 650-weight title on Regular
 * fallbacks lets the line count flip when Source Serif 4 lands. Clamp and
 * reserve the tall state so the box cannot grow after FOUT. Lead titles
 * stay free: they are larger and already measured as two stable lines.
 */
.arc-card:not(.arc-card--lead) .arc-card__title,
.arc-card:not(.arc-card--lead) .wp-block-post-title {
	display: -webkit-box;
	min-height: calc(1.2em * 3);
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.arc-card__title a,
.arc-card .wp-block-post-title a {
	color: var(--wp--preset--color--text);
	text-decoration: none;
}

/*
 * A one-line title on the archive card is a 20px tap target -- the line box and
 * nothing more -- under the 24px floor of WCAG 2.5.8. This card is the only one
 * that gets there: its title is an inline-block, so its box is exactly its text,
 * while every other variant's title is a plain inline whose box already measures
 * 24px and which the success criterion exempts anyway. A search result for a page
 * with no featured image is the extreme case, a 114x20 link with no sibling
 * control on the card, so there is nothing else to hit it by.
 *
 * The padding lifts the box over the floor and the negative margin hands the
 * space straight back, leaving the layout identical; nothing paints on this link,
 * so the extra band is hit area only. It goes downward because the category
 * kicker above is itself a link and sits as close as 1.39px, while below the
 * title no card variant puts a control at all. Four pixels rather than a rounder
 * number: it clears the floor with 24.48px and keeps the band off the next card
 * in a tight list.
 */
.arc-card--archive .arc-card__title a,
.arc-card--archive .wp-block-post-title a {
	margin-block: 0 -4px;
	padding-block: 0 4px;
}

.arc-card__title a:hover,
.arc-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--brand);
}

.arc-card__excerpt,
.arc-card .wp-block-post-excerpt {
	color: var(--wp--preset--color--muted);
	font-size: 0.95rem;
	margin: var(--arc-space-25) 0 0;
}

.arc-card__excerpt {
	display: -webkit-box;
	line-height: 1.55;
	min-height: calc(1.55em * 3);
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.arc-card .wp-block-post-excerpt__more-text {
	display: none;
}

.arc-card__meta,
.arc-card .wp-block-post-date {
	align-items: center;
	color: var(--wp--preset--color--muted);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 500;
	gap: 0;
	line-height: 1.35;
	margin-top: auto;
	padding-top: var(--arc-space-30);
}

.arc-card__meta-item + .arc-card__meta-item::before {
	color: color-mix(in srgb, var(--wp--preset--color--muted) 72%, transparent);
	content: "·";
	font-weight: 700;
	margin-inline: 0.45rem;
}

.arc-card__meta-author a {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

.arc-card__meta-author a:hover,
.arc-card__meta-author a:focus-visible {
	color: var(--wp--preset--color--brand);
	text-decoration: underline;
}

.arc-card__meta:empty {
	display: none;
}

/*
 * The ceiling on lead media, and the reason it is written the long way.
 *
 * `min(42rem, 72vh)` was here before and was dead code on every installation of
 * this theme. The rule that used to follow it released the cap on
 * `body.arc-media-ratio-auto` and on `body.arc-image-fit-contain`, and those are
 * the two shipped defaults -- `card_media_ratio: auto`, `image_fit: contain` --
 * so no site has ever had a lead-media ceiling anywhere. Measured with it off:
 * one photograph 1522x1142 on community-magazine at 2560, and 930x697 on eight
 * further grid presets at 1024. The same pattern had killed three more ceilings
 * written elsewhere in this file, on the phone band and in the bento lead. The
 * carousel escaped only because it states a number of its own on the `img`,
 * which is a different selector and out of the released rule's reach.
 *
 * What those two settings are entitled to is a picture that is not cropped.
 * That is `aspect-ratio: auto`, which they still get. It is not a picture
 * without a bound, so the height is kept.
 *
 * Kept in three places, because `contain` also brings `overflow: visible` and
 * `height: auto` with it:
 *
 *   - on the box, or the box grows with the photograph;
 *   - on the `img`, or the photograph is painted straight through a capped box.
 *     That is not hypothetical: magazine-mosaic had this half only, and drew
 *     1182px of image inside a 576px box;
 *   - as a width on the box, or the saving arrives as a flat band. Capped in
 *     height alone the box keeps the full width of the card while `contain`
 *     draws the picture narrow in the middle of it, so what the reader sees is
 *     a squashed strip with empty card either side. Bounded to the width a 4:3
 *     photograph fills at the capped height, the box is the photograph.
 *
 * Centred rather than left-aligned for the reason the stack hero states above:
 * the card runs the full width whatever the picture does, so left-aligned the
 * slack collects on one side as a hole, and centred it reads as margin.
 *
 * A composition that places lead media itself retunes the number by declaring
 * `--arc-lead-media-cap` on the card or on the media box: the carousel slide and
 * the mosaic overlay hold their own numbers that way, and the phone band sets it
 * to `none` because one column has nothing to gain here. What matters is that the
 * default is alive. A ceiling that has to be opted into is a ceiling that will be
 * missing again on the next composition somebody adds, which is how this one came
 * to be missing from ten presets at once.
 *
 * bin/verify-dead-ceilings.php holds this down.
 */
.arc-card--lead {
	--arc-lead-media-cap: min(42rem, 72vh);
}

.arc-card--lead .arc-card__image {
	aspect-ratio: var(--arc-card-media-ratio, 16 / 9);
	max-height: var(--arc-lead-media-cap);
}

body.arc-media-ratio-auto .arc-card--lead .arc-card__image,
body.arc-image-fit-contain .arc-card--lead .arc-card__image {
	aspect-ratio: auto;
	margin-inline: auto;
	max-width: min(100%, calc(var(--arc-lead-media-cap) * 4 / 3));
}

body.arc-media-ratio-auto .arc-card--lead .arc-card__image img,
body.arc-image-fit-contain .arc-card--lead .arc-card__image img {
	max-height: var(--arc-lead-media-cap);
}

/*
 * A consequence of the ceiling above, and the same one the bento lead already
 * documents further down this file.
 *
 * In a grid hero the lead spans the rows the side column occupies, so its height
 * is the side column's, not its own. While its photograph was unbounded the photo
 * took up the difference; bounded, the card has more height than content and the
 * `margin-top: auto` that pins the dateline turns all of it into one hole between
 * the standfirst and the date. Measured on community-magazine at 2560: a card
 * 1251px tall over 845px of content, and 388px of margin above the dateline
 * splitting the text block in two.
 *
 * A pinned dateline is worth having where it lines up with a neighbour's on the
 * same row. The lead has no such neighbour -- the cards beside it are a column of
 * their own, with datelines at their own heights -- so the pin buys nothing here
 * and the slack is better spent below the dateline, where it reads as the card's
 * bottom padding.
 */
.arc-hero__grid > .arc-card--lead .arc-card__meta,
.arc-hero__grid > .arc-card--lead .wp-block-post-date {
	margin-top: 0;
}

.arc-card--lead .arc-card__title {
	font-size: clamp(1.75rem, 3.6vw, 3.5rem);
	font-weight: 700;
	line-height: 1.06;
}

.arc-card--lead .arc-kicker,
.arc-card--lead .arc-card__category {
	font-size: var(--arc-text-2xs);
	margin-bottom: var(--arc-space-25);
}

.arc-editorial-text {
	background: var(--wp--preset--color--surface);
	border-left: 0.25rem solid var(--wp--preset--color--accent);
	padding: clamp(1.25rem, 4vw, 2.5rem);
}

.arc-editorial-text > :first-child {
	margin-top: 0;
}

.arc-editorial-text > :last-child {
	margin-bottom: 0;
}

/* Pills of uneven width never fill their last line, so centring the strip is
 * what keeps the leftovers from hanging off the left with the slack beside. */
.arc-topic-index__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-25);
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.arc-topic-index__list .arc-btn {
	color: var(--wp--preset--color--text);
}

/*
 * The year is the link and the count is a note about it, so the count is set back
 * rather than reading as part of the label. Muted would drop it to the same weight
 * as body text on a tinted pill, so it keeps the pill's own ink at reduced size.
 */
.arc-archive-index__list .arc-btn span {
	font-size: 0.78em;
	font-variant-numeric: tabular-nums;
	opacity: 0.7;
}

.arc-ad-slot {
	align-items: center;
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-panel-border, var(--wp--preset--color--border));
	border-radius: var(--arc-panel-radius);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-block: var(--arc-space-50);
	min-height: 0;
	overflow: visible;
	padding: clamp(0.65rem, 1.5vw, 0.85rem);
	text-align: center;
}

.arc-ad-slot--home,
.arc-ad-slot--article {
	width: 100%;
}

.arc-ad-slot--sidebar {
	width: 100%;
}

.arc-ad-slot__label {
	color: var(--wp--preset--color--muted);
	font-size: var(--arc-text-3xs);
	letter-spacing: 0.06em;
	margin-bottom: var(--arc-space-15);
	text-transform: uppercase;
}

.arc-ad-slot__content {
	max-width: 100%;
	width: 100%;
}

.arc-ad-slot__content iframe,
.arc-ad-slot__content img {
	display: block;
	height: auto;
	margin-inline: auto;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.arc-ad-slot__rotator {
	margin-inline: auto;
	max-width: 100%;
	width: 100%;
}

.arc-ad-slot--home .arc-ad-slot__rotator {
	max-width: 100%;
}

.arc-ad-slot--article .arc-ad-slot__rotator,
.arc-ad-slot--article .arc-ad-banner,
.arc-ad-slot--article .arc-ad-banner picture {
	width: 100%;
}

.arc-ad-slot--sidebar .arc-ad-slot__rotator {
	max-width: min(100%, 336px);
}

.arc-ad-banner {
	display: none;
	opacity: 0;
	transition: opacity var(--arc-motion-duration-slow) var(--arc-ease);
}

.arc-ad-banner.is-active {
	display: block;
	opacity: 1;
}

/*
 * The WebP <picture> wrapper is an inline box by default, which would make the
 * banner inside it lay out as a block split out of an inline and stop honouring
 * the auto margins that centre it.
 */
.arc-ad-banner picture {
	display: block;
}

.arc-ad-banner__image {
	border-radius: var(--arc-card-radius, 0.5rem);
	display: block;
	height: auto;
	margin-inline: auto;
	max-height: none;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

/*
 * Article matches the reading column, same idea as the home card: the
 * creative fills the useful width. A 3:2 is a readable card, not a 90px
 * pill; a 1456×180 leaderboard spans the column at its own height.
 */
.arc-ad-slot--article .arc-ad-banner__image,
.arc-ad-slot--home .arc-ad-banner__image {
	height: auto !important;
	max-height: 22rem;
	max-width: 100%;
	object-fit: contain;
	width: 100% !important;
}

@media (max-width: 781px) {
	.arc-home > .arc-ad-slot--home .arc-ad-slot__rotator {
		aspect-ratio: 3 / 2;
		min-height: 8rem;
	}
}

.arc-ad-banner__sponsor {
	color: var(--wp--preset--color--muted);
	display: block;
	font-size: var(--arc-text-2xs);
	margin-top: var(--arc-space-15);
}

.arc-editorial-text__content {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 6%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-panel-border, var(--wp--preset--color--border));
	border-radius: var(--arc-panel-radius, 1.25rem);
	padding: clamp(1rem, 2vw, 1.5rem);
}

.arc-breadcrumbs {
	align-items: center;
	color: var(--wp--preset--color--muted);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--arc-text-xs);
	gap: var(--arc-space-20);
	margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

.arc-breadcrumbs a {
	color: var(--arc-brand, var(--wp--preset--color--brand));
	/* Vertical padding on an inline box grows the tap target, not the line box. */
	padding-block: var(--arc-space-15);
}

.arc-single-grid {
	display: grid;
	gap: clamp(2rem, 5vw, 4rem);
	margin-inline: auto;
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

/*
 * Grid items default to a min-content minimum size, so one wide table or code
 * block stretches the whole column past the viewport. The desktop two-column
 * rules already use minmax(0, ...); this covers the implicit single-column track.
 */
.arc-single-grid > *,
.arc-page-grid > * {
	min-width: 0;
}

.arc-single-grid .arc-article {
	justify-self: stretch;
	max-width: var(--arc-wide-width);
	width: 100%;
}

.arc-single-grid .arc-article > :where(
	.arc-article__categories,
	.wp-block-post-title,
	.arc-article__lead,
	.arc-post-meta,
	.arc-article__featured,
	.wp-block-post-content,
	.arc-share,
	.arc-author-box,
	.arc-article__tags,
	.wp-block-post-navigation-link
) {
	margin-left: auto !important;
	margin-right: auto !important;
}

.arc-article > .wp-block-post-title {
	font-size: clamp(2.15rem, 4.4vw, 4.65rem) !important;
	letter-spacing: -0.045em;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: var(--arc-space-40);
	max-width: 87.5rem !important;
	overflow-wrap: normal;
	text-align: center;
	text-wrap: balance;
	width: 100%;
	word-break: normal;
}

.arc-article__categories {
	margin-bottom: var(--arc-space-40);
	max-width: 87.5rem !important;
	text-align: center;
	width: 100%;
}

.arc-article__categories .arc-btn,
.arc-article__tags .arc-btn {
	margin: var(--arc-space-10) 0.25rem var(--arc-space-10) 0;
}

.arc-article__lead {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.15rem, 1.8vw, 1.5rem);
	line-height: 1.55;
	margin-inline: auto;
	max-width: var(--arc-reading-width, 58rem) !important;
	padding-inline: var(--arc-space-30);
	text-align: center;
}

.arc-article__lead p {
	margin-inline: auto;
	text-align: center;
}

.arc-article__lead .wp-block-post-excerpt__more-text {
	display: none;
}

.arc-post-meta {
	align-items: center;
	background: color-mix(in srgb, var(--wp--preset--color--brand) 5%, var(--wp--preset--color--surface));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--border));
	border-radius: var(--arc-card-radius);
	color: var(--wp--preset--color--muted);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-s);
	font-weight: 500;
	gap: var(--arc-space-15) var(--arc-space-20);
	justify-content: center;
	margin-block: var(--arc-space-45) var(--arc-space-60);
	margin-inline: auto !important;
	max-width: 100% !important;
	padding: var(--arc-space-25) var(--arc-space-35);
	width: fit-content !important;
}

.arc-post-meta > span {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	display: inline-flex;
	flex: 0 1 auto;
	gap: var(--arc-space-15);
	line-height: 1.35;
	min-height: 0;
	padding: 0;
	white-space: nowrap;
}

.arc-post-meta .arc-icon {
	display: block;
	flex-shrink: 0;
}

.arc-post-meta > span + span::before {
	color: color-mix(in srgb, var(--wp--preset--color--muted) 72%, transparent);
	content: "·";
	font-weight: 700;
	margin-inline: 0.55rem;
}

.arc-post-meta a {
	color: var(--wp--preset--color--text);
	font-weight: 600;
	text-decoration: none;
}

.arc-post-meta a:hover,
.arc-post-meta a:focus-visible {
	color: var(--wp--preset--color--brand);
	text-decoration: underline;
}

.arc-post-meta time {
	margin-left: 0;
}

.arc-post-meta__label {
	color: var(--wp--preset--color--muted);
	font-size: var(--arc-text-2xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.arc-post-meta__value {
	color: var(--wp--preset--color--text);
	font-weight: 750;
}

.arc-post-meta__published,
.arc-post-meta__updated {
	white-space: nowrap;
}

.arc-article__featured {
	border-radius: var(--arc-panel-radius);
	box-shadow: var(--arc-shadow-lg);
	margin-block: var(--arc-space-50) clamp(2.5rem, 5vw, 4.5rem);
	max-width: 87.5rem !important;
	overflow: visible;
	width: 100%;
}

.arc-article__featured img {
	display: block;
	height: auto !important;
	object-fit: contain !important;
	width: 100%;
}

.arc-article__featured figcaption,
.arc-page__article > .wp-block-post-featured-image figcaption,
.arc-page--wide > .wp-block-post-featured-image figcaption {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--muted);
	font-size: var(--arc-text-xs);
	line-height: 1.5;
	margin: 0;
	padding: var(--arc-space-30) 0.9rem;
	text-align: center;
}

/*
 * Visible caption under article photos (featured + in-content).
 * figcaption / .wp-element-caption / .wp-caption-text only — not body <p>.
 */
.arc-article figcaption,
.arc-article .wp-element-caption,
.arc-article .wp-caption-text,
.arc-article .wp-block-image figcaption,
.arc-article .wp-block-gallery figcaption,
.arc-article .wp-block-video figcaption,
.arc-article .wp-block-embed figcaption {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
}

.arc-article .wp-block-post-content {
	background: var(--wp--preset--color--surface);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 45%, transparent);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-panel-radius);
	box-sizing: border-box;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.06rem, 0.98rem + 0.25vw, 1.2rem);
	line-height: 1.78;
	max-width: 87.5rem !important;
	padding: clamp(1.1rem, 3.5vw, 3rem);
	width: 100%;
}

.arc-article .wp-block-post-content :where(h2, h3, h4) {
	font-family: var(--wp--preset--font-family--sans);
	letter-spacing: -0.025em;
	/* 9rem was a guess made before the header pinned; measure it instead. */
	scroll-margin-top: calc(var(--arc-header-h, 5.5rem) + 1rem);
}

.arc-article .wp-block-post-content h2 {
	border-top: 1px solid var(--wp--preset--color--border);
	font-size: clamp(1.65rem, 3vw, 2.55rem);
	line-height: 1.15;
	margin-block: clamp(3rem, 6vw, 5rem) var(--arc-space-45);
	padding-top: var(--arc-space-45);
}

.arc-article .wp-block-post-content h3 {
	font-size: clamp(1.3rem, 2.2vw, 1.8rem);
	line-height: 1.2;
	margin-block: var(--arc-space-65) var(--arc-space-35);
}

.arc-article .wp-block-post-content h4 {
	font-size: clamp(1.1rem, 1.7vw, 1.4rem);
	margin-block: var(--arc-space-60) var(--arc-space-30);
}

.arc-article .wp-block-post-content p {
	margin-block: 0 1.35em;
}

.arc-article .wp-block-post-content a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.15em;
}

.arc-theme .wp-block-post-content :where(pre, .wp-block-code) {
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
	overflow-x: auto;
	white-space: pre;
}

.arc-theme .wp-block-post-content :where(pre, .wp-block-code) code {
	overflow-wrap: normal;
	word-break: normal;
}

.arc-theme .wp-block-post-content > table,
.arc-theme .wp-block-post-content .wp-block-table {
	-webkit-overflow-scrolling: touch;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 100%;
	overflow-x: auto;
	width: fit-content;
}

.arc-theme .wp-block-post-content :where(iframe, video, embed, object) {
	max-width: 100%;
}

/*
 * Neither the separator block nor a bare <hr> from imported HTML had any styling,
 * so both fell back to the UA's grey inset 3D rule. Kept at zero specificity via
 * :where() so a separator with a chosen colour still wins.
 */
/*
 * Content h2s already draw their own top rule, so an authored separator right
 * before one renders as two parallel lines with a dead band between them.
 */
.arc-theme .wp-block-post-content :where(hr, .wp-block-separator):has(+ h2, + * > h2:first-child) {
	display: none;
}

.arc-theme :where(hr, .wp-block-separator) {
	background: none;
	border: 0;
	border-top: 1px solid var(--wp--preset--color--border);
	height: 0;
	margin-block: var(--arc-space-60);
	opacity: 1;
}

.arc-article .wp-block-post-content :where(figure, blockquote, table) {
	margin-block: var(--arc-space-60);
}

.arc-article .wp-block-post-content blockquote {
	background: var(--wp--preset--color--surface);
	border-left: 0.3rem solid var(--wp--preset--color--brand);
	border-radius: 0 var(--arc-card-radius) var(--arc-card-radius) 0;
	font-size: 1.08em;
	margin-inline: 0;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.arc-article .wp-block-post-content :where(ul, ol) {
	display: grid;
	gap: var(--arc-space-30);
	margin-block: var(--arc-space-50) var(--arc-space-60);
	padding-left: 1.4rem;
}

.arc-article .wp-block-post-content li {
	padding-left: 0.35rem;
}

.arc-article .wp-block-post-content li::marker {
	color: var(--wp--preset--color--brand);
	font-weight: 800;
}

.arc-article .wp-block-post-content .arc-auto-list {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-panel-radius);
	list-style: none;
	padding: clamp(1.15rem, 3vw, 2rem);
}

.arc-article .wp-block-post-content .arc-auto-list li {
	padding-left: 1.7rem;
	position: relative;
}

.arc-article .wp-block-post-content .arc-auto-list li::before {
	background: var(--wp--preset--color--brand);
	border-radius: 50%;
	color: var(--arc-on-brand);
	content: "✓";
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-2xs);
	font-weight: 900;
	height: 1.15rem;
	left: 0;
	line-height: 1.15rem;
	position: absolute;
	text-align: center;
	top: 0.35em;
	width: 1.15rem;
}

.arc-article .wp-block-post-content details {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-card-radius);
	margin-block: var(--arc-space-30);
	padding: 0;
}

.arc-article .wp-block-post-content summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--sans);
	font-weight: 750;
	list-style: none;
	padding: var(--arc-space-40) 3rem var(--arc-space-40) 1.15rem;
	position: relative;
}

.arc-article .wp-block-post-content summary::-webkit-details-marker {
	display: none;
}

.arc-article .wp-block-post-content summary::after {
	content: "+";
	font-size: 1.35rem;
	position: absolute;
	right: 1.15rem;
	top: 0.75rem;
}

.arc-article .wp-block-post-content details[open] summary::after {
	content: "−";
}

.arc-article .wp-block-post-content details > :not(summary) {
	margin-inline: 1.15rem;
}

.arc-article .wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.arc-article table {
	border-collapse: collapse;
	width: 100%;
}

/*
 * The readable floor only belongs on tables that sit inside a scrolling wrapper.
 * On a bare table it wins over `max-width: 100%` (min-width always does), so the
 * table stayed 576px wide, stretched the article's grid track past the viewport
 * and `overflow-x: clip` silently cut the right third off every line of text.
 */
.arc-article .wp-block-table table {
	min-width: 36rem;
}

.arc-article :where(th, td) {
	border: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--text);
	padding: var(--arc-space-30);
	text-align: left;
}

.arc-article th {
	background: var(--wp--preset--color--brand);
	color: var(--arc-on-brand);
	font-family: var(--wp--preset--font-family--sans);
}

.arc-article td {
	background: transparent;
}

.arc-article table caption {
	caption-side: top;
	color: var(--wp--preset--color--muted);
	font-size: var(--arc-text-s);
	font-weight: 650;
	padding: 0 0 var(--arc-space-25);
	text-align: left;
}

.arc-article tbody tr:nth-child(even) {
	background: var(--arc-surface-secondary, var(--wp--preset--color--surface));
}

.arc-article .wp-block-post-content > table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.arc-article__tags {
	border-top: 1px solid var(--wp--preset--color--border);
	font-size: var(--arc-text-s);
	margin-top: var(--arc-space-60);
	padding-top: var(--arc-space-40);
	text-align: center;
}

.arc-article__tags .wp-block-post-terms {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-15);
	justify-content: center;
}

.arc-article__tags .wp-block-post-terms__separator {
	display: none;
}

.arc-post-navigation {
	align-items: stretch;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	display: grid;
	gap: clamp(0.65rem, 1.5vw, 0.85rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block: clamp(2rem, 4vw, 2.75rem);
	max-width: 87.5rem !important;
	padding: clamp(0.85rem, 2vw, 1.15rem);
	width: 100%;
}

/*
 * The template renders this as a flex group and core's layout stylesheet loads
 * after the theme's, so the `display: grid` above lost on source order and the
 * two cards wrapped onto separate rows instead of sharing one.
 */
.arc-post-navigation.is-layout-flex {
	display: grid;
}

.arc-post-navigation .wp-block-post-navigation-link {
	align-items: stretch;
	background: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	box-shadow: none;
	display: flex;
	flex: 1 1 auto;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0;
	max-width: none !important;
	min-height: 0;
	padding: 0;
	text-transform: uppercase;
	transition:
		background-color var(--arc-motion-duration) var(--arc-ease),
		border-color var(--arc-motion-duration) var(--arc-ease),
		transform var(--arc-motion-duration) var(--arc-ease);
}

.arc-post-navigation .wp-block-post-navigation-link a {
	align-items: flex-start;
	color: var(--wp--preset--color--text);
	display: flex;
	flex-direction: column;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(0.98rem, 1.35vw, 1.12rem);
	font-weight: 650;
	gap: var(--arc-space-20);
	justify-content: flex-start;
	line-height: 1.32;
	min-height: 100%;
	padding: clamp(0.95rem, 2vw, 1.25rem) clamp(1rem, 2.2vw, 1.35rem);
	text-align: left;
	text-decoration: none;
	text-transform: none;
	width: 100%;
}

/*
 * Core emits `post-navigation-link__label`, without the block prefix, so the
 * label kept inheriting the link's serif type instead of reading as a kicker.
 */
.arc-post-navigation .post-navigation-link__label,
.arc-post-navigation .wp-block-post-navigation-link__label {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.arc-post-navigation .wp-block-post-navigation-link__arrow-previous,
.arc-post-navigation .wp-block-post-navigation-link__arrow-next {
	display: none;
}

.arc-post-navigation .post-navigation-link-previous a::before,
.arc-post-navigation .wp-block-post-navigation-link--previous a::before {
	color: var(--wp--preset--color--brand);
	content: "\2190";
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-l);
	font-weight: 700;
	line-height: 1;
}

.arc-post-navigation .post-navigation-link-next a::after,
.arc-post-navigation .wp-block-post-navigation-link--next a::after {
	color: var(--wp--preset--color--brand);
	content: "\2192";
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-l);
	font-weight: 700;
	line-height: 1;
}

.arc-post-navigation .wp-block-post-navigation-link:not(:has(a)) {
	display: none;
}

.arc-post-navigation:not(:has(.wp-block-post-navigation-link a)) {
	display: none;
}

.arc-post-navigation:not(:has(.post-navigation-link-next a)):not(:has(.wp-block-post-navigation-link--next a)),
.arc-post-navigation:not(:has(.post-navigation-link-previous a)):not(:has(.wp-block-post-navigation-link--previous a)) {
	grid-template-columns: minmax(0, 1fr);
}

/*
 * Same mismatch: the modifier class is `post-navigation-link-next`, so the card
 * never right-aligned and its trailing arrow sat at the bottom-left corner.
 */
.arc-post-navigation .post-navigation-link-next a,
.arc-post-navigation .wp-block-post-navigation-link--next a {
	align-items: flex-end;
	text-align: right;
}

.arc-author-box {
	align-items: flex-start;
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-panel-border, var(--wp--preset--color--border));
	border-radius: var(--arc-card-radius);
	display: grid;
	gap: var(--arc-space-40);
	grid-template-columns: auto minmax(0, 1fr);
	margin-block: var(--arc-space-60);
	padding: var(--arc-space-45);
}

.arc-author-box__avatar img {
	border-radius: 50%;
	display: block;
}

.arc-author-box h2 {
	font-size: var(--arc-text-l);
	margin: 0 0 var(--arc-space-20);
}

.arc-author-box p {
	color: var(--wp--preset--color--muted);
	margin: 0 0 var(--arc-space-25);
}

.arc-toc {
	background: var(--wp--preset--color--surface);
	border-left: 0.25rem solid var(--wp--preset--color--brand);
	border-radius: var(--arc-card-radius);
	margin-block: var(--arc-space-50) var(--arc-space-60);
	padding: var(--arc-space-45);
}

.arc-toc h2 {
	font-size: var(--arc-text-l);
	margin: 0 0 var(--arc-space-30);
}

.arc-toc ol {
	display: grid;
	gap: var(--arc-space-20);
	margin: 0;
	padding-left: 1.25rem;
}

.arc-toc__item--h3 {
	margin-left: 1rem;
}

.arc-toc a {
	color: inherit;
}

/*
 * The list ships closed so it paints one line instead of a dozen links above the
 * text. It is a <details>, and it sits inside the article content, where the
 * theme already dresses details/summary as an FAQ accordion -- including the
 * plus/minus affordance, which suits a contents list. So the panel keeps that
 * dress and the nav around it gives up its own card: one box, not two nested.
 * These rules carry the content prefix because that is the ruleset they answer.
 */
.arc-toc {
	background: transparent;
	border-left: 0;
	padding: 0;
}

.arc-article .wp-block-post-content .arc-toc__panel {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-panel-border, var(--wp--preset--color--border));
	border-left: 0.25rem solid var(--wp--preset--color--brand);
}

.arc-article .wp-block-post-content .arc-toc__summary h2 {
	display: inline;
	font-size: var(--arc-text-l);
	padding: 0;
}

.arc-toc__panel[open] > ol {
	margin-block: var(--arc-space-30) var(--arc-space-40);
}

.arc-toc a[aria-current="true"] {
	color: var(--arc-brand, var(--wp--preset--color--brand));
	font-weight: 700;
}

.arc-share:not(.arc-share--desktop-sticky) {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-panel-border, var(--wp--preset--color--border));
	border-radius: var(--arc-panel-radius);
	margin-block: var(--arc-space-60);
	max-width: 87.5rem !important;
	padding: clamp(1rem, 2vw, 1.5rem);
	text-align: center;
	width: 100%;
}

.arc-share h2 {
	font-size: var(--arc-text-m);
	margin: 0 0 var(--arc-space-30);
}

.arc-share ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-25);
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.arc-share .arc-btn {
	gap: var(--arc-space-20);
}

.arc-share .arc-btn span {
	font-size: var(--arc-text-s);
	font-weight: 650;
}

.arc-share button.arc-btn {
	font: inherit;
}

.arc-author-box .arc-btn {
	margin-top: var(--arc-space-5);
}

.arc-sidebar {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-panel-radius);
	color: var(--wp--preset--color--text);
	height: fit-content;
	padding: clamp(1.15rem, 2vw, 1.75rem);
}

.arc-widget-area {
	display: grid;
	gap: var(--arc-space-45);
}

.arc-widget {
	min-width: 0;
}

/*
 * Block widgets carry their own paragraph margins, which stack on top of the
 * widget-area gap. A footer column of one-line text widgets ended up with ~94px
 * between links; the gap alone is the intended rhythm.
 */
.arc-widget > :first-child {
	margin-top: 0;
}

.arc-widget > :last-child {
	margin-bottom: 0;
}

.arc-widget__title {
	font-size: var(--arc-text-ml);
	margin: 0 0 var(--arc-space-30);
}

/*
 * Block widgets carry the global heading scale, so a "Categorii" panel title
 * rendered at 25.5px next to the theme's own 17.6px widget titles in the same
 * narrow column.
 */
.arc-sidebar .arc-widget :where(h2, h3).wp-block-heading {
	font-size: var(--arc-text-ml);
	margin: 0 0 var(--arc-space-30);
}

.arc-widget :where(ul, ol) {
	display: grid;
	gap: var(--arc-space-25);
	list-style: none;
	margin: 0;
	padding: 0;
}

.arc-widget a {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

.arc-widget a:hover,
.arc-widget a:focus-visible {
	color: var(--wp--preset--color--accent);
}

.arc-sidebar .wp-block-latest-posts {
	display: grid;
	gap: var(--arc-space-30);
}

.arc-sidebar .wp-block-latest-posts li {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-bottom: var(--arc-space-30);
}

.arc-single-grid > .wp-block-template-part {
	display: none;
}

.arc-enable-article-sidebar .arc-single-grid > .wp-block-template-part,
.arc-enable-page-sidebar .arc-page-grid > .wp-block-template-part {
	display: block;
}

.arc-enable-page-sidebar .arc-page-grid .arc-page__article {
	max-width: none !important;
	width: 100%;
}

.arc-page--sidebar .arc-single-grid > .wp-block-template-part {
	display: block;
}

.arc-related {
	border-top: 1px solid var(--wp--preset--color--border);
	margin-top: clamp(3rem, 7vw, 6rem);
	max-width: var(--arc-wide-width) !important;
	padding-top: clamp(2rem, 4vw, 3.5rem);
	width: 100%;
}

.arc-related__header {
	margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

.arc-related__grid {
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.arc-related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.arc-related__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/*
 * Archive / tag lede. Body ink — muted/brand tints (teal #346767, or
 * dark-muted #93cbca) read as washed-out cyan. Width matches the card well,
 * not a 42rem puddle. Templates own chrome; this block is type only.
 */
.arc-archive__description,
.wp-block-term-description {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--wp--preset--color--text);
	font-size: calc(var(--arc-text-m) + 1px);
	line-height: 1.55;
	margin-block: var(--arc-space-20) var(--arc-space-30);
	padding: 0;
	text-align: start;
}

.arc-archive__description p,
.wp-block-term-description p {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	max-width: none;
}

.arc-archive__description p + p,
.wp-block-term-description p + p {
	margin-top: var(--arc-space-20);
}

.arc-archive-query {
	margin-top: var(--arc-space-60);
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-content-sidebar-grid {
	display: grid;
	gap: clamp(2rem, 4vw, 3.5rem);
	margin-inline: auto;
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-content-sidebar-grid > .arc-archive-query {
	margin-inline: 0;
	max-width: none !important;
	min-width: 0;
	width: 100%;
}

.arc-content-sidebar-grid > .wp-block-template-part {
	display: none;
}

.arc-enable-archive-sidebar .arc-content-sidebar-grid > .wp-block-template-part {
	display: block;
}

.arc-archive > .wp-block-query-title,
.arc-archive__intro .wp-block-query-title,
.arc-search > .wp-block-query-title,
.arc-author > .wp-block-query-title {
	font-size: clamp(2.25rem, 4.5vw, 4.75rem) !important;
	letter-spacing: -0.04em;
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-archive > .arc-archive__intro,
.arc-search > .arc-archive__intro {
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-archive__intro > .arc-archive__heading,
.arc-archive__intro > .arc-archive__description,
.arc-archive__intro > .wp-block-term-description,
.arc-archive__intro .wp-block-query-title {
	max-width: none !important;
	width: 100%;
}

/*
 * Search and author templates were missing here, so their breadcrumbs fell back
 * to the constrained content width and sat 220px inside everything else on the
 * page at 1440px.
 */
.arc-archive > .arc-breadcrumbs,
.arc-search > .arc-breadcrumbs,
.arc-author > .arc-breadcrumbs,
.arc-single > .arc-breadcrumbs {
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-archive > .arc-archive__description,
.arc-archive > .wp-block-term-description {
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-archive-grid > li {
	margin: 0;
}

.arc-archive-grid .arc-card {
	height: 100%;
}

.arc-search-list {
	display: grid;
	gap: var(--arc-space-40);
	list-style: none;
	padding: 0;
}

.arc-search-list > li {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: var(--arc-card-radius);
	padding: clamp(1rem, 2.5vw, 1.75rem);
}

.arc-search-list .arc-card--horizontal.arc-card--no-image {
	display: block;
}

.arc-card--horizontal .wp-block-post-title {
	font-size: clamp(1.2rem, 3vw, 1.65rem);
}

.wp-block-query-pagination {
	border-top: 1px solid var(--wp--preset--color--border);
	margin-top: var(--arc-space-60);
	padding-top: var(--arc-space-50);
}

.wp-block-query-pagination-numbers {
	display: flex;
	gap: var(--arc-space-20);
}

/*
 * Core justifies the three pagination groups with space-between and lets them
 * wrap. Once the labels stop fitting on one line, "next" drops to a second row
 * and space-between shoves it against the right edge. Stack it deliberately
 * instead: numbers centred on top, the two labels sharing the row below.
 */
@media (max-width: 781px) {
	.wp-block-query-pagination.is-layout-flex {
		gap: var(--arc-space-30);
		justify-content: center;
	}

	.wp-block-query-pagination.is-layout-flex > .wp-block-query-pagination-numbers {
		flex: 1 0 100%;
		justify-content: center;
		order: -1;
	}

	.wp-block-query-pagination.is-layout-flex > .wp-block-query-pagination-previous,
	.wp-block-query-pagination.is-layout-flex > .wp-block-query-pagination-next {
		flex: 1 1 0;
		justify-content: center;
		min-width: 0;
		text-align: center;
	}
}

.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination-previous .arc-btn,
.wp-block-query-pagination-next .arc-btn {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 2.65rem;
	min-width: 2.65rem;
	padding-inline: 0.85rem;
}

.wp-block-query-pagination-numbers .page-numbers {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand) 24%, var(--wp--preset--color--border));
	border-radius: 999px;
	color: var(--wp--preset--color--text);
	font-size: var(--arc-text-s);
	font-weight: 700;
	text-decoration: none;
	transition:
		background-color var(--arc-motion-duration) var(--arc-ease),
		border-color var(--arc-motion-duration) var(--arc-ease),
		color var(--arc-motion-duration) var(--arc-ease),
		box-shadow var(--arc-motion-duration) var(--arc-ease),
		transform var(--arc-motion-duration) var(--arc-ease);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--wp--preset--color--brand);
	border-color: var(--wp--preset--color--brand);
	box-shadow: 0 4px 14px var(--arc-shadow-brand);
	color: var(--arc-on-brand);
}

.arc-author-profile {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-panel-border, var(--wp--preset--color--border));
	border-radius: var(--arc-panel-radius);
	gap: var(--arc-space-50);
	margin-bottom: var(--arc-space-65);
	max-width: var(--arc-wide-width) !important;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	width: 100%;
}

.arc-empty,
.arc-error {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-panel-radius);
	margin-block: var(--arc-space-60);
	padding: clamp(1.5rem, 5vw, 4rem);
}

.arc-error {
	border-left: 0.35rem solid var(--wp--preset--color--brand);
	text-align: center;
}

.arc-error__actions {
	margin-top: var(--arc-space-45);
}

body:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid {
	--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-balanced-gap);
	justify-content: center;
}

body:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid > li {
	flex: 0 1 var(--arc-balanced-basis, 100%);
	max-width: 100%;
	min-width: 0;
}

body:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid > li:only-child {
	flex: 0 1 min(100%, 38rem);
	margin-inline: auto;
	width: 100%;
}

body.arc-view-search .arc-search-list > li {
	border-left: 0.25rem solid var(--wp--preset--color--brand);
}

body.arc-view-404 .arc-error {
	margin-inline: auto;
	max-width: 42rem;
}

.arc-404__recent {
	margin-top: clamp(2rem, 5vw, 4rem);
}

/*
 * These selectors mention .arc-archive-grid, so the splitter puts them in the
 * archive sheet. 404 enqueues that sheet (inc/assets.php) — do not move the
 * rules to a token-free selector just to keep them in core.
 */
body.arc-view-404 .arc-404__recent .arc-archive-grid {
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	body.arc-view-404 .arc-404__recent .arc-archive-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.arc-404__recent > h2 {
	border-bottom: 1px solid var(--wp--preset--color--border);
	margin-bottom: var(--arc-space-50);
	padding-bottom: var(--arc-space-30);
	position: relative;
}

.arc-404__recent > h2::after {
	background: var(--wp--preset--color--brand);
	bottom: -1px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: clamp(3rem, 8vw, 5rem);
}

.arc-page__article {
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-page__article > :where(.wp-block-post-title, .wp-block-post-featured-image, .wp-block-post-content) {
	margin-left: auto !important;
	margin-right: auto !important;
}

.arc-page > .arc-breadcrumbs,
.arc-single > .arc-breadcrumbs {
	max-width: var(--arc-wide-width) !important;
	width: 100%;
}

.arc-page__article > .wp-block-post-title,
.arc-page--wide > .wp-block-post-title {
	font-size: clamp(2.15rem, 4.4vw, 4.65rem) !important;
	letter-spacing: -0.045em;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 87.5rem !important;
	overflow-wrap: normal;
	text-align: center;
	text-wrap: balance;
	width: 100%;
	word-break: normal;
}

.arc-page__article > .wp-block-post-featured-image,
.arc-page--wide > .wp-block-post-featured-image {
	border-radius: var(--arc-panel-radius);
	box-shadow: var(--arc-shadow-lg);
	margin-block: var(--arc-space-50) var(--arc-space-75);
	max-width: 87.5rem !important;
	overflow: hidden;
	width: 100%;
}

.arc-page__article > .wp-block-post-content,
.arc-page--wide > .wp-block-post-content {
	background: var(--wp--preset--color--surface);
	background: color-mix(in srgb, var(--wp--preset--color--surface) 45%, transparent);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-panel-radius);
	box-sizing: border-box;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 87.5rem !important;
	padding: clamp(1.1rem, 3.5vw, 3rem);
	width: 100%;
}

.arc-page .wp-block-post-content {
	font-size: clamp(1.03rem, 0.98rem + 0.2vw, 1.16rem);
	line-height: 1.75;
}

.arc-page .wp-block-post-content :where(h2, h3, h4) {
	letter-spacing: -0.025em;
	scroll-margin-top: calc(var(--arc-header-h, 5.5rem) + 1rem);
}

.arc-page .wp-block-post-content h2 {
	border-top: 1px solid var(--wp--preset--color--border);
	font-size: clamp(1.6rem, 3vw, 2.5rem);
	margin-block: var(--arc-space-75) var(--arc-space-40);
	padding-top: var(--arc-space-40);
}

.arc-page .wp-block-post-content :where(ul, ol) {
	display: grid;
	gap: var(--arc-space-25);
	padding-left: 1.4rem;
}

.arc-page .wp-block-post-content li::marker {
	color: var(--wp--preset--color--brand);
	font-weight: 800;
}

.arc-page .wp-block-post-content details {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-card-radius);
	margin-block: var(--arc-space-30);
	padding: var(--arc-space-40) 1.15rem;
}

.arc-page--landing > .wp-block-post-title,
.arc-page--landing > .wp-block-post-content,
.arc-page--wide > .wp-block-post-content {
	width: 100%;
}

.arc-site-footer {
	background: var(--arc-footer-background, var(--wp--preset--color--surface));
	border-top: 0.25rem solid var(--arc-footer-accent, var(--wp--preset--color--accent));
	color: var(--arc-footer-text, var(--wp--preset--color--text));
	margin-top: clamp(2rem, 5vw, 4.5rem);
	/* The floating back-to-top button reserves no space of its own, so at the foot
	 * of the page it sat on top of the copyright line. Reserving here keeps the gap
	 * in footer colours; body padding would show a strip of page background.
	 */
	padding-bottom: calc(clamp(1.25rem, 3vw, 2.25rem) + 3.5rem);
	padding-top: clamp(1.25rem, 3vw, 2.25rem);
}

/*
 * The footer is an inverted slab in both schemes. `.arc-widget a` paints
 * --arc-brand, the light-scheme ink darkened for the page and the header
 * (Local Blue #0d3461). Against the footer that is 1.7:1 on #3d5268 / #223141,
 * and forest brand-on-slab is 1.59:1. `color: inherit` tied that rule on
 * specificity and lost when the widget sheet won the cascade, or when a
 * `<mark class="has-inline-color">` kept the page ink. Name the footer token
 * (with --arc-on-brand as the on-dark fallback) at (0,3,0) so neither palette
 * can leak header/body ink onto the slab. The underline uses currentColor so
 * it does not stay navy after the text is corrected.
 */
.arc-site-footer a,
.arc-site-footer .arc-widget a {
	color: var(--arc-footer-text, var(--arc-on-brand, #f4f7fa));
	text-decoration-color: currentColor;
}

.arc-site-footer a :is(mark, .has-inline-color) {
	background-color: transparent;
	color: inherit;
}

/*
 * On hover `.arc-widget a:hover` reaches (0,2,1) and would paint the page
 * accent (1.65:1 on the slab, 27 of 50 pairs). Same footer-safe ink; the
 * underline is the affordance the colour change used to be.
 */
.arc-site-footer .arc-widget a:hover,
.arc-site-footer .arc-widget a:focus-visible {
	color: var(--arc-footer-text, var(--arc-on-brand, #f4f7fa));
	text-decoration: underline;
	text-decoration-color: currentColor;
	text-underline-offset: 0.2em;
}

/*
 * Same inverted-slab problem, one component further in. The three footer widget
 * areas take arbitrary widgets, so any post list the owner drops in there renders
 * the card markup -- and the card brings the page's ink with it. The kicker is
 * var(--wp--preset--color--brand) and the meta line is
 * var(--wp--preset--color--muted), both chosen against the light page, so on the
 * footer they read brand-on-dark-green: on forest #17603a on #253b2d, 1.59:1, and
 * #507259 on #253b2d, 2.23:1. Neither is a forest quirk -- each fails on 25 of the
 * 50 palette/scheme pairs, and the kicker's hover colour, the page accent, fails on
 * 27. The dark scheme is fine on its own (5.42:1 and 5.01:1), because there the
 * page ink is already light; this is a light-scheme defect caused by the footer
 * being dark in both schemes.
 *
 * Recolouring the surface's own ink towards the surface is the pattern the mosaic
 * hero already uses for a card on a dark panel. --arc-footer-text is the only ink
 * that clears AA on every pair (min 7.25:1, and verify-palette-tokens.php holds it
 * to 7:1), while --arc-footer-accent is not: it fails on the same 25 pairs as the
 * brand, so it is not the footer-safe token its name suggests.
 */
.arc-site-footer .arc-kicker,
.arc-site-footer .arc-card__category,
.arc-site-footer .arc-kicker:hover,
.arc-site-footer .arc-kicker:focus-visible,
.arc-site-footer .arc-card__category:hover,
.arc-site-footer .arc-card__category:focus-visible {
	/* Emphasis comes from weight, uppercase and letter-spacing, not from hue. */
	color: var(--arc-footer-text, var(--wp--preset--color--text));
}

/*
 * The meta line stays subordinate by being mixed towards the slab instead of
 * switching to a muted hue picked for the page. 75% is the first share that clears
 * AA on all 50 pairs, at 4.83:1; 70% measures 4.42:1 and fails. 80% leaves margin
 * at 5.27:1. Mixed against the footer background rather than transparent so the
 * result does not depend on what happens to be painted underneath.
 */
.arc-site-footer .arc-card__meta,
.arc-site-footer .arc-card__meta-item {
	color: color-mix(
		in srgb,
		var(--arc-footer-text, var(--wp--preset--color--text)) 80%,
		var(--arc-footer-background, var(--wp--preset--color--background))
	);
}

/*
 * The closing row is a footer bar, not another content grid: brand at one end,
 * legal line at the other, sitting on a shared bottom edge. Left to the plain
 * auto-fit grid the copyright started wherever the second track happened to
 * begin -- with no footer menu assigned that was the middle of the page, which
 * read as a stray line rather than a deliberate corner of the layout.
 */
.arc-site-footer__grid {
	/*
	 * Intrinsic width collapses when copyright is flex-basis 100% (circular).
	 * A definite 58rem box — the reading measure, not the 1600px wide well —
	 * plus justify-content: center parks brand + nav as a compact centred
	 * group. Copyright takes the same box, also centred.
	 */
	align-items: flex-start;
	border-top: 1px solid color-mix(in srgb, var(--arc-footer-text, var(--wp--preset--color--text)) 14%, transparent);
	display: flex !important;
	flex-wrap: wrap;
	gap: clamp(0.75rem, 1.6vw, 1.25rem) clamp(1.25rem, 2.4vw, 2rem);
	justify-content: center;
	justify-self: center;
	margin-inline: auto;
	max-width: min(58rem, calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter))) !important;
	padding-top: clamp(0.85rem, 2vw, 1.35rem);
	width: 100% !important;
}

.arc-site-footer__grid > :not(:last-child) {
	flex: 0 1 auto;
	min-width: min-content !important;
}

/*
 * The bar auto-fits its columns, so the number of them changes with the window:
 * four items across four columns at 1440, but only three columns at 1024, which
 * dropped the copyright onto a row of its own hard against the left edge. Giving
 * it the whole row at every width makes that the intended arrangement rather
 * than something that happens at one size and not another, and the three items
 * above it collapse to fill the width on their own.
 */
.arc-site-footer__grid > :last-child:not(:only-child) {
	border-top: 1px solid color-mix(in srgb, var(--arc-footer-text, var(--wp--preset--color--text)) 10%, transparent);
	flex: 1 0 100%;
	min-width: 0;
	padding-top: clamp(0.5rem, 1.2vw, 0.8rem);
	text-align: center;
}

/*
 * Auto-fit would normally drop the track nobody is standing in, but the
 * copyright spans the whole row and so keeps every track alive -- at 1440 that
 * left the three items above it in three of four columns with the fourth empty
 * on the right. Counting the children and asking for exactly one column each,
 * copyright excluded, is what fills the row at any width.
 */
@media (min-width: 782px) {
	/*
	 * Equal 1fr tracks stretched a short brand block across half the bar and
	 * parked the links on the far edge, with a dead green hole in the middle.
	 * The brand only needs its title + tagline; the nav takes the leftover.
	 */
	.arc-site-footer__grid:has(> :nth-child(3):last-child),
	.arc-site-footer__grid:has(> :nth-child(4):last-child),
	.arc-site-footer__grid:has(> :nth-child(5):last-child) {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
	}
}

.arc-footer-widgets {
	gap: var(--arc-space-60);
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important;
	margin-inline: auto;
	margin-bottom: var(--arc-space-65);
	max-width: var(--arc-wide-width) !important;
	width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
}

/*
 * Iași puts one utility link in each footer widget area, so the auto-fit grid
 * already makes a row at 1440. Cluj dropped all three into footer-1; the area
 * is a one-column grid and they stacked. Flex row + wrap is one line when the
 * labels fit and only wraps on a narrow phone — same behaviour, either packing.
 */
.arc-footer-widgets .arc-widget-area {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.35rem 1.5rem;
	justify-content: center;
}

.arc-footer-widgets .arc-widget {
	flex: 0 1 auto;
}

.arc-footer-widgets .arc-widget > :where(p, .wp-block-paragraph) {
	margin: 0;
}

/*
 * Everything else in the footer runs to the wide width, but the newsletter was
 * left on the constrained content width, so it sat inset by a couple of hundred
 * pixels on each side and shared an edge with nothing above or below it.
 */
.arc-site-footer > .arc-newsletter {
	margin-inline: auto;
	max-width: var(--arc-wide-width) !important;
	width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
}

.arc-footer-widgets:empty {
	display: none;
}

.arc-footer-widgets:not(:has(.arc-widget-area)) {
	display: none;
}

.arc-site-footer .wp-block-site-title {
	font-size: clamp(1.25rem, 2vw, 1.85rem);
	font-weight: 800;
	letter-spacing: -0.03em;
}

.arc-site-footer .wp-block-site-tagline {
	max-width: 18rem;
	overflow-wrap: break-word;
}

.arc-site-footer__grid > :first-child {
	max-width: 18rem;
}

.arc-site-footer__grid > :last-child:only-child {
	text-align: center;
}

.arc-footer-compact .arc-site-footer {
	padding-block: var(--arc-space-55);
}

.arc-footer-compact .arc-site-footer__grid {
	align-items: center;
}

.arc-footer-minimal .arc-site-footer {
	padding-block: var(--arc-space-45);
}

.arc-footer-minimal .arc-site-footer__grid > :where(:first-child, .arc-footer-navigation) {
	display: none;
}

.arc-footer-columns .arc-site-footer__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.arc-footer-nav-cluster {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.7rem;
	max-width: 100%;
	width: max-content;
}

.arc-footer-navigation {
	align-items: flex-start;
	max-width: 100%;
}

.arc-footer-navigation .wp-block-navigation__container {
	align-items: flex-start;
	flex-direction: column;
}

/*
 * auto-fill + 1fr was the "crăcanat" footer: six stretched tracks on a wide
 * screen, leftover links on a second row, and overflow-wrap:anywhere snapping
 * "Politica de confidențialitate" mid-phrase. Fixed column counts + max-content
 * keep each label on one line and pack the block instead of spreading it.
 */
.arc-footer-navigation__list,
.arc-trust-navigation {
	display: grid;
	gap: 0.35rem 1.5rem;
	grid-template-columns: max-content;
	justify-content: start;
	justify-items: start;
	list-style: none;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

.arc-trust-navigation {
	font-size: var(--arc-text-s);
}

.arc-footer-navigation__list > li {
	break-inside: avoid;
	min-width: 0;
}

.arc-footer-navigation__list a,
.arc-trust-navigation a {
	color: inherit;
	display: inline-block;
	hyphens: none;
	max-width: 100%;
	overflow-wrap: normal;
	white-space: nowrap;
	word-break: keep-all;
}

.arc-footer-navigation__list .sub-menu {
	display: grid;
	gap: 0.25rem;
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 0.25rem 0 0 0.75rem;
	padding: 0;
}

@media (min-width: 600px) {
	.arc-footer-navigation__list,
	.arc-trust-navigation {
		grid-template-columns: repeat(2, max-content);
	}
}

@media (min-width: 782px) {
	.arc-footer-navigation__list,
	.arc-trust-navigation {
		display: grid;
		grid-template-columns: repeat(2, max-content);
	}

	.arc-footer-navigation__list a,
	.arc-trust-navigation a {
		white-space: nowrap;
	}
}

@media (min-width: 1024px) {
	.arc-footer-navigation__list,
	.arc-trust-navigation {
		display: grid;
		grid-template-columns: repeat(3, max-content);
	}
}

html body.arc-theme.arc-home-expert-evidence .arc-card :is(a.arc-kicker, a.arc-card__category) {
	align-items: center;
	display: inline-flex;
	min-height: 28px;
	min-width: 24px;
	padding-block: 0.35rem;
}

html body.arc-theme.arc-home-expert-evidence .arc-card :is(
	.arc-card__title,
	.arc-card__title a,
	.arc-card__excerpt
) {
	-webkit-box-orient: initial;
	-webkit-line-clamp: initial;
	hyphens: none;
	max-height: none;
	overflow: visible;
	overflow-wrap: normal;
	word-break: normal;
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-reference-ladder .arc-post-grid.arc-balanced-grid.arc-balanced-grid > .arc-card {
		grid-column: 1 / -1 !important;
	}
}

/* Expert Evidence v2: findings digest, partner casebook, regional evidence map. */
html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts {
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--wp--preset--color--brand) 7%, transparent), transparent 42%),
		var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	overflow: clip;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts > .arc-section__header {
	border-block-end: 3px double var(--wp--preset--color--text);
	padding: clamp(0.75rem, 1.5vw, 1.2rem);
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts__panel {
	padding: clamp(0.75rem, 1.6vw, 1.35rem);
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-post-grid.arc-balanced-grid {
	--arc-findings-gap: clamp(0.75rem, 1.3vw, 1.15rem);
	align-items: stretch;
	display: flex !important;
	flex-wrap: wrap;
	gap: var(--arc-findings-gap) !important;
	justify-content: center;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-post-grid > .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 94%, var(--wp--preset--color--accent));
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	box-shadow: none;
	flex: 0 1 100% !important;
	max-width: 100% !important;
	min-width: 0;
	position: relative;
	width: 100% !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-post-grid {
	counter-reset: arc-finding;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card {
	counter-increment: arc-finding;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card::before {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--brand);
	color: var(--wp--preset--color--brand);
	content: "FINDING " counter(arc-finding, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	inset: 0.55rem 0.65rem auto auto;
	letter-spacing: 0.08em;
	padding: 0.2rem 0.35rem;
	position: absolute;
	z-index: 2;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card:first-child {
	border-block-start: 0.45rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card:first-child .arc-card__image {
	aspect-ratio: 16 / 9;
	max-height: 28rem;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card:not(:first-child) {
	border-block-start: 0.3rem solid var(--wp--preset--color--accent);
	padding-block-start: 1.75rem;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card:not(:first-child) .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card:not(:first-child) .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid {
	background:
		linear-gradient(90deg, transparent calc(50% - 1px), var(--wp--preset--color--border) 50%, transparent calc(50% + 1px)),
		color-mix(in srgb, var(--wp--preset--color--surface) 95%, var(--wp--preset--color--brand));
	border: 1px solid var(--wp--preset--color--border);
	counter-reset: arc-casebook;
	padding: clamp(0.75rem, 1.5cqi, 1.25rem);
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card {
	counter-increment: arc-casebook;
	overflow: hidden;
	position: relative;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card::before {
	background: var(--wp--preset--color--text);
	color: var(--wp--preset--color--surface);
	content: "CASE " counter(arc-casebook, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	inset: 0.65rem 0.65rem auto auto;
	letter-spacing: 0.08em;
	padding: 0.25rem 0.4rem;
	position: absolute;
	z-index: 2;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card--lead {
	border-block-start: 0.5rem solid var(--wp--preset--color--brand) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:not(.arc-card--lead) {
	border-block-start: 0.3rem solid var(--wp--preset--color--accent) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:not(.arc-card--lead) .arc-card__image {
	aspect-ratio: 4 / 3;
	max-height: 15rem;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:not(.arc-card--lead) .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid {
	background:
		radial-gradient(circle, color-mix(in srgb, var(--wp--preset--color--brand) 32%, transparent) 1px, transparent 1.5px) 0 0 / 1.2rem 1.2rem,
		color-mix(in srgb, var(--wp--preset--color--surface) 97%, var(--wp--preset--color--accent));
	border: 1px solid var(--wp--preset--color--border);
	counter-reset: arc-regional-pin;
	padding: clamp(0.75rem, 1.5cqi, 1.25rem);
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card {
	counter-increment: arc-regional-pin;
	position: relative;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card::before {
	align-items: center;
	background: var(--wp--preset--color--brand);
	border: 2px solid var(--wp--preset--color--surface);
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--wp--preset--color--brand);
	color: var(--wp--preset--color--surface);
	content: counter(arc-regional-pin, decimal-leading-zero);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	height: 2rem;
	inset: 0.65rem 0.65rem auto auto;
	justify-content: center;
	position: absolute;
	width: 2rem;
	z-index: 2;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card--lead {
	border: 2px solid var(--wp--preset--color--text) !important;
	border-inline-start: 0.55rem solid var(--wp--preset--color--brand) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:not(.arc-card--lead) {
	background: var(--wp--preset--color--surface);
	border-inline-start: 0.3rem solid var(--wp--preset--color--accent) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:not(.arc-card--lead) .arc-card__image {
	aspect-ratio: 1;
	max-height: 11rem;
}

html body.arc-theme.arc-home-expert-evidence :is(
	.arc-tabbed-posts,
	.arc-category-section--evidence-partner-casebook,
	.arc-category-section--evidence-regional-map
) .arc-card > .arc-card__image {
	align-self: stretch;
	height: auto !important;
	margin: 2px;
	max-width: calc(100% - 4px);
}

@media (min-width: 640px) {
	html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-post-grid > .arc-card:not(:first-child) {
		flex-basis: calc((100% - var(--arc-findings-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-findings-gap)) / 2) !important;
	}

	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-partner-casebook,
		.arc-category-section--evidence-regional-map
	) .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-partner-casebook,
		.arc-category-section--evidence-regional-map
	) .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-partner-casebook,
		.arc-category-section--evidence-regional-map
	) .arc-post-grid > .arc-card:last-child:nth-child(even) {
		grid-column: 1 / -1 !important;
		justify-self: center;
		max-width: calc((100% - clamp(0.75rem, 1.6cqi, 1.25rem)) / 2) !important;
	}
}

@media (min-width: 768px) {
	html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card:first-child {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(14rem, 36%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card:first-child .arc-card__image {
		height: 100%;
		max-height: 24rem;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-post-grid > .arc-card:not(:first-child) {
		flex-basis: calc((100% - (2 * var(--arc-findings-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-findings-gap))) / 3) !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / span 7 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid > .arc-card:nth-child(2) {
		grid-column: 8 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid > .arc-card:nth-child(n + 3) {
		grid-column: span 4 !important;
		grid-row: auto !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(3) {
		grid-column: 4 / span 6 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(3) {
		grid-column: 1 / span 6 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4) {
		grid-column: 7 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid:has(> .arc-card:nth-child(6):last-child) > .arc-card:nth-child(6) {
		grid-column: 5 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(6) {
		grid-column: 3 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7) {
		grid-column: 7 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / span 8 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid > .arc-card:nth-child(2) {
		grid-column: 4 / span 5 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid > .arc-card:nth-child(3) {
		grid-column: 9 / -1 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid > .arc-card:nth-child(n + 4) {
		grid-column: span 4 !important;
		grid-row: auto !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:first-child {
		grid-column: 1 / span 8 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:nth-child(2) {
		grid-column: 9 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7) {
		grid-column: 5 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(7) {
		grid-column: 3 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(5),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(8) {
		grid-column: 7 / span 4 !important;
	}
}

@media (min-width: 1280px) {
	html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-post-grid > .arc-card:not(:first-child) {
		flex-basis: calc((100% - (4 * var(--arc-findings-gap))) / 5) !important;
		max-width: calc((100% - (4 * var(--arc-findings-gap))) / 5) !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / span 4 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid {
		align-items: start !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid > .arc-card:first-child {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid > .arc-card:first-child .arc-card__body {
		max-width: none !important;
		min-width: 0;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:first-child .arc-card__image {
		aspect-ratio: 16 / 9;
		height: auto !important;
		max-height: 18rem;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:first-child .arc-card__excerpt {
		display: none;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(n + 2):nth-child(-n + 5) {
		grid-column: span 2 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(3) {
		grid-column: 4 / span 6 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(3) {
		grid-column: 1 / span 6 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4) {
		grid-column: 7 / -1 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:nth-child(2) {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid > .arc-card:nth-child(2) {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid > .arc-card:nth-child(2) .arc-card__body {
		max-width: none !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:nth-child(2) .arc-card__image {
		aspect-ratio: 4 / 3;
		height: auto !important;
		max-height: 15rem;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / span 5 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid > .arc-card:first-child {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid > .arc-card:first-child .arc-card__body {
		max-width: none !important;
		min-width: 0;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:first-child .arc-card__image {
		aspect-ratio: 16 / 9;
		height: auto !important;
		max-height: 20rem;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 6 / span 3 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 9 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:not(.arc-card--lead) {
		display: block !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:not(.arc-card--lead) .arc-card__body {
		max-width: none !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:not(.arc-card--lead) .arc-card__image,
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:not(.arc-card--lead) .arc-card__excerpt {
		display: none !important;
	}
}

@media (min-width: 640px) and (max-width: 1023px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section:is(
		.arc-category-section--evidence-partner-casebook,
		.arc-category-section--evidence-regional-map
	) .arc-post-grid.arc-balanced-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section:is(
		.arc-category-section--evidence-partner-casebook,
		.arc-category-section--evidence-regional-map
	) .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section:is(
		.arc-category-section--evidence-partner-casebook,
		.arc-category-section--evidence-regional-map
	) .arc-post-grid.arc-balanced-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / span 7 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:first-child {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(17rem, 54%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:first-child .arc-card__image {
		height: 100%;
		max-height: 34rem;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 8 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:nth-child(2) {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(9rem, 38%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card:nth-child(2) .arc-card__image {
		height: 100%;
		max-height: 24rem;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(n + 3) {
		grid-column: span 4 !important;
		grid-row: auto !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(3) {
		grid-column: 4 / span 6 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(3) {
		grid-column: 1 / span 6 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4) {
		grid-column: 7 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(6):last-child) > .arc-card:nth-child(6) {
		grid-column: 5 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(6) {
		grid-column: 3 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-partner-casebook .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7) {
		grid-column: 7 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / span 8 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:first-child {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(18rem, 52%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card:first-child .arc-card__image {
		height: 100%;
		max-height: 32rem;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 4 / span 5 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 9 / -1 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(n + 4) {
		grid-column: span 4 !important;
		grid-row: auto !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:nth-child(2) {
		grid-column: 9 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7) {
		grid-column: 5 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(7) {
		grid-column: 3 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(5),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(8) {
		grid-column: 7 / span 4 !important;
	}
}

@media (min-width: 640px) and (max-width: 1023px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card:last-child:nth-child(even) {
		grid-column: 1 / -1 !important;
		justify-self: center;
		max-width: calc((100% - clamp(0.75rem, 1.5cqi, 1.25rem)) / 2) !important;
	}
}

/* Expert Evidence: a research dossier, not another news grid. */
html body.arc-theme.arc-home-expert-evidence .arc-home__intro {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, var(--wp--preset--color--brand));
	border: 1px solid var(--wp--preset--color--border);
	border-inline-start: 0.55rem solid var(--wp--preset--color--brand);
	border-radius: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-hero--expert {
	background:
		linear-gradient(var(--wp--preset--color--border) 1px, transparent 1px) 0 0 / 100% 2.4rem,
		var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--text);
	padding: clamp(0.75rem, 2vw, 1.75rem);
}

html body.arc-theme.arc-home-expert-evidence .arc-hero--expert > .arc-section__header {
	background: var(--wp--preset--color--surface);
	border-block: 3px double var(--wp--preset--color--text);
	padding-block: 0.65rem;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board {
	display: grid;
	gap: clamp(0.8rem, 1.8vw, 1.5rem);
	grid-template-columns: minmax(0, 1fr);
	margin-inline: auto;
	max-width: 92rem;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--text);
	box-shadow: 0.75rem 0.75rem 0 color-mix(in srgb, var(--wp--preset--color--accent) 22%, transparent);
	min-width: 0;
	padding: clamp(0.5rem, 1vw, 0.9rem);
	position: relative;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file::before {
	color: var(--wp--preset--color--brand);
	content: "FILE 0" counter(arc-evidence-file);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	inset: 0.65rem 0.75rem auto auto;
	letter-spacing: 0.12em;
	position: absolute;
	z-index: 2;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board {
	counter-reset: arc-evidence-file;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file {
	counter-increment: arc-evidence-file;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file > .arc-card {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: 100%;
	width: 100% !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file--primary .arc-card__image {
	aspect-ratio: 16 / 9;
	max-height: 25rem;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file--reference > .arc-card {
	display: grid !important;
	grid-template-columns: minmax(7rem, 30%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file--reference .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section[class*="arc-category-section--evidence-"] {
	container: arc-evidence-section / inline-size;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section[class*="arc-category-section--evidence-"] .arc-section__header {
	border-block-end: 3px double var(--wp--preset--color--text);
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid {
	display: grid !important;
	gap: clamp(0.75rem, 1.6cqi, 1.25rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid > .arc-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	box-shadow: none;
	flex: none !important;
	grid-column: auto !important;
	grid-row: auto !important;
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid {
	background:
		radial-gradient(circle at center, color-mix(in srgb, var(--wp--preset--color--accent) 14%, transparent), transparent 48%);
	border: 1px solid var(--wp--preset--color--border);
	padding: clamp(0.75rem, 1.5cqi, 1.25rem);
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card--lead {
	border: 2px solid var(--wp--preset--color--text);
	border-block-start: 0.5rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:not(.arc-card--lead) {
	border-inline-start: 0.3rem solid var(--wp--preset--color--accent);
	position: relative;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:not(.arc-card--lead) .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-post-grid {
	counter-reset: arc-source-note;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-card {
	border-block-start: 0.35rem solid var(--wp--preset--color--brand) !important;
	counter-increment: arc-source-note;
	padding-block-start: 2rem;
	position: relative;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: "[" counter(arc-source-note, decimal-leading-zero) "]";
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	inset: 0.65rem auto auto 0.75rem;
	position: absolute;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes :is(.arc-card__image, .arc-card__excerpt) {
	display: none !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card--lead {
	border-inline-start: 0.55rem solid var(--wp--preset--color--brand) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card:not(.arc-card--lead) {
	border-block-start: 1px solid var(--wp--preset--color--text) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card:not(.arc-card--lead) .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-reference-ladder .arc-post-grid {
	counter-reset: arc-reference;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-reference-ladder .arc-card {
	align-items: stretch;
	border-inline-start: 0.3rem solid var(--wp--preset--color--accent) !important;
	counter-increment: arc-reference;
	display: grid !important;
	grid-template-columns: minmax(7rem, 22%) minmax(0, 1fr);
	position: relative;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-reference-ladder .arc-card::after {
	color: var(--wp--preset--color--brand);
	content: "REF " counter(arc-reference, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-3xs);
	font-weight: 700;
	inset: 0.5rem 0.65rem auto auto;
	letter-spacing: 0.08em;
	position: absolute;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-reference-ladder .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-expert-evidence .arc-card :is(.arc-card__title, .arc-card__title a, .arc-card__excerpt) {
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

@media (min-width: 640px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:first-child,
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section[class*="arc-category-section--evidence-"] .arc-card:last-child:nth-child(even) {
		grid-column: 1 / -1 !important;
		justify-self: center;
		max-width: calc((100% - clamp(0.75rem, 1.6cqi, 1.25rem)) / 2) !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-expert-evidence .arc-evidence-board {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file--primary {
		grid-column: 1 / span 9;
		grid-row: 1;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file--reference {
		grid-column: 4 / -1;
		grid-row: 2;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:first-child {
		grid-column: 4 / span 6 !important;
		grid-row: 1 / span 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(2),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(3) {
		grid-column: 1 / span 3 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(5) {
		grid-column: 10 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(2),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(4) {
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(3),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:nth-child(5) {
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-card:only-child {
		grid-column: 1 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-card:nth-child(1) {
		grid-column: 1 / span 5 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-card:nth-child(2) {
		grid-column: 6 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-card:nth-child(3) {
		grid-column: 10 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card:nth-child(2) {
		grid-column: 1 / span 7 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card:nth-child(3) {
		grid-column: 8 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-reference-ladder .arc-card {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-reference-ladder .arc-card:nth-child(3n + 2) {
		margin-inline-start: 10%;
		width: 90% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-reference-ladder .arc-card:nth-child(3n) {
		margin-inline-start: 20%;
		width: 80% !important;
	}
}

html body.arc-theme.arc-home-press-insights .arc-bento {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 95%, var(--wp--preset--color--brand));
	border-block: 3px double var(--wp--preset--color--text);
	padding: clamp(0.75rem, 1.5vw, 1.25rem);
}

html body.arc-theme.arc-home-press-insights .arc-bento :is(.arc-bento__side, .arc-bento__row) .arc-card {
	border-radius: 0;
	box-shadow: none;
}

html body.arc-theme.arc-home-press-insights .arc-bento__side .arc-card {
	border-inline-start: 0.3rem solid var(--wp--preset--color--accent);
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts {
	border-block: 1px solid var(--wp--preset--color--text);
	border-radius: 0;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card {
	border-radius: 0;
	box-shadow: none;
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-press-insights .arc-bento__grid {
	display: flex !important;
	flex-direction: column;
	gap: var(--arc-card-grid-gap);
	}

	html body.arc-theme.arc-home-press-insights .arc-bento__lead > .arc-card {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(18rem, 44%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-press-insights .arc-bento__side {
		display: grid !important;
		gap: var(--arc-card-grid-gap);
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-press-insights .arc-bento__side .arc-card {
		display: block !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-bento__side :is(.arc-card__image, .arc-card__excerpt) {
		display: none !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-bento__row {
		display: grid !important;
		gap: var(--arc-card-grid-gap);
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/*
 * Press Insights v3: two user-requested modern modules.
 * - press-reel becomes an asymmetric editorial-signal panel;
 * - the shared tabbed block becomes a lead-led live digest deck.
 * Markup and DOM order stay untouched.
 */
html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-post-grid {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--surface) 94%, var(--wp--preset--color--brand)), var(--wp--preset--color--surface));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--border) 70%, transparent);
	border-block: 0;
	display: grid !important;
	gap: clamp(0.75rem, 1.5cqi, 1.25rem);
	grid-template-columns: minmax(0, 1fr);
	padding: clamp(0.75rem, 1.5cqi, 1.25rem);
}

html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--surface) 94%, var(--wp--preset--color--brand)), var(--wp--preset--color--surface)) !important;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--border) 70%, transparent);
	display: grid !important;
	padding: clamp(0.75rem, 1.5cqi, 1.25rem);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, var(--wp--preset--color--brand));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--border) 78%, transparent);
	border-inline-start: 0.35rem solid var(--wp--preset--color--accent);
	box-shadow: 0 0.65rem 1.6rem color-mix(in srgb, var(--wp--preset--color--text) 8%, transparent);
	display: flex !important;
	flex-direction: column;
	min-width: 0;
	padding-block-start: 2rem;
	position: relative;
	width: 100% !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card {
	flex: none !important;
	max-width: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: "0" counter(arc-press-signal);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-2xs);
	font-weight: 800;
	inset: 0.7rem auto auto 0.9rem;
	letter-spacing: 0.12em;
	position: absolute;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-post-grid {
	counter-reset: arc-press-signal;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card {
	counter-increment: arc-press-signal;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:first-child .arc-card__image {
	aspect-ratio: 16 / 9;
	max-height: 24rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:not(:first-child) .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:not(:first-child) .arc-card__excerpt {
	display: block;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts {
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--surface) 95%, var(--wp--preset--color--accent)), var(--wp--preset--color--surface));
	border: 1px solid var(--wp--preset--color--border);
	border-radius: clamp(0.75rem, 1.2vw, 1.25rem);
	overflow: clip;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts > .arc-section__header {
	background: transparent;
	border-block-end: 1px solid var(--wp--preset--color--border);
	padding: clamp(0.8rem, 1.5vw, 1.25rem);
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts__panel {
	padding: clamp(0.75rem, 1.5vw, 1.25rem);
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-post-grid {
	display: grid !important;
	gap: clamp(0.75rem, 1.5cqi, 1.25rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
	display: grid !important;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--border) 75%, transparent);
	border-radius: clamp(0.65rem, 1vw, 1rem);
	box-shadow: 0 0.55rem 1.35rem color-mix(in srgb, var(--wp--preset--color--text) 7%, transparent);
	display: flex !important;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	width: 100% !important;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-post-grid.arc-balanced-grid > .arc-card {
	flex: none !important;
	max-width: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:first-child {
	border-block-start: 0.4rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:first-child .arc-card__image {
	aspect-ratio: 16 / 9;
	max-height: 30rem;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:not(:first-child) .arc-card__image {
	align-self: start;
	aspect-ratio: 1;
	height: auto !important;
	margin: 2px;
	max-height: none;
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:not(:first-child) {
	align-items: stretch;
	display: grid !important;
	grid-template-columns: minmax(7rem, 36%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:not(:first-child) .arc-card__excerpt {
	display: none;
}

@media (min-width: 640px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-post-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:first-child,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:first-child {
		grid-column: 1 / -1;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-press-reel,
		.arc-tabbed-posts
	) .arc-post-grid > .arc-card:last-child:nth-child(even) {
		grid-column: 1 / -1;
		justify-self: center;
		max-width: calc((100% - clamp(0.75rem, 1.5cqi, 1.25rem)) / 2) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:not(:first-child) {
		display: flex !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:not(:first-child) .arc-card__image {
		aspect-ratio: 4 / 3;
		height: auto;
		max-height: 13rem;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-post-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-post-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:first-child {
		grid-column: 1 / span 7;
		grid-row: 1;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-post-grid:has(> .arc-card:nth-child(3)) > .arc-card:first-child {
		grid-row: 1 / span 2;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:nth-child(2),
	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:nth-child(3) {
		grid-column: 8 / -1;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:nth-child(2) {
		grid-row: 1;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:nth-child(3) {
		grid-row: 2;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:nth-child(n + 4) {
		grid-column: span 4;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:only-child {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card:last-child:nth-child(even) {
		justify-self: stretch;
		max-width: none !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:first-child {
		grid-column: 1 / span 7;
		grid-row: 1 / span 2;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:nth-child(2),
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:nth-child(3) {
		grid-column: 8 / -1;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:nth-child(2) {
		grid-row: 1;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:nth-child(3) {
		grid-row: 2;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:nth-child(n + 4) {
		grid-column: span 4;
		grid-row: 3;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-card:only-child {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-press-reel,
		.arc-tabbed-posts
	) .arc-post-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-press-reel,
		.arc-tabbed-posts
	) .arc-post-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7) {
		grid-column: 5 / span 4;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-press-reel,
		.arc-tabbed-posts
	) .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-press-reel,
		.arc-tabbed-posts
	) .arc-post-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(7) {
		grid-column: 3 / span 4;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-press-reel,
		.arc-tabbed-posts
	) .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(5),
	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-press-reel,
		.arc-tabbed-posts
	) .arc-post-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(8) {
		grid-column: 7 / span 4;
	}
}

@media (max-width: 781px) {
	.arc-footer-nav-cluster {
		align-items: center;
		width: max-content;
	}

	.arc-footer-navigation,
	.arc-footer-navigation__list,
	.arc-trust-navigation {
		justify-content: center;
		justify-items: center;
	}

	.arc-footer-navigation__list a,
	.arc-trust-navigation a {
		align-items: center;
		display: inline-flex;
		min-height: 2.75rem;
	}

	.arc-social-links--footer .arc-social-links__list {
		justify-content: center;
	}
}

.arc-social-links--footer .arc-social-links__list {
	justify-content: center;
}

@media (max-width: 599px) {
	.arc-footer-navigation__list,
	.arc-trust-navigation {
		grid-template-columns: max-content;
	}
}

.arc-footer-copyright {
	margin: 0;
	overflow-wrap: break-word;
}

.arc-footer-email {
	font-style: normal;
}

/* Homepage layout families share markup and vary composition only. */
.arc-home--stream .arc-hero__grid,
.arc-home--expert .arc-hero__grid {
	grid-template-columns: 1fr;
}

.arc-home--stream .arc-post-grid {
	grid-template-columns: 1fr;
}

.arc-home--stream .arc-card {
	border-bottom: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	padding-bottom: var(--arc-space-45);
}

.arc-home--dense {
	gap: var(--arc-space-65);
}

.arc-home--dense .arc-post-grid {
	gap: var(--arc-space-40);
}

.arc-home--authority .arc-category-section,
.arc-home--expert .arc-category-section,
.arc-home--clinical .arc-category-section {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-panel-radius);
	padding: clamp(1.25rem, 3vw, 2.5rem);
}

.arc-home--magazine .arc-card,
.arc-home--mosaic .arc-card {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	padding: var(--arc-card-inset);
}

.arc-home--sections .arc-category-section:nth-of-type(even),
.arc-home--local .arc-category-section:nth-of-type(even),
body.arc-home-local-pulse .arc-category-section:nth-of-type(even) {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 5%, var(--wp--preset--color--surface));
	box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--wp--preset--color--brand) 5%, var(--wp--preset--color--surface));
	clip-path: inset(0 -100vmax);
	padding-block: var(--arc-space-60);
}

body.arc-home-local-pulse .arc-home__intro {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface) 55%
	);
	border-left-width: 0.5rem;
	border-radius: 0;
}

body.arc-home-local-pulse .arc-home__intro h1 {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 700;
}

body.arc-home-local-pulse .arc-section__header::after {
	height: 3px;
	width: clamp(5rem, 14vw, 11rem);
}

/* Broadsheet hairline grid — Guardian/NYT front-page pattern. */
body.arc-home-local-pulse .arc-hero__grid,
body.arc-home-local-pulse .arc-category-section--grid .arc-post-grid,
body.arc-home-editorial-hybrid .arc-hero__grid,
body.arc-home-breaking-newsroom .arc-hero__grid {
	border: 1px solid var(--wp--preset--color--border);
	gap: 0;
}

body.arc-home-local-pulse .arc-hero__grid > .arc-card,
body.arc-home-local-pulse .arc-category-section--grid .arc-post-grid > .arc-card,
body.arc-home-editorial-hybrid .arc-hero__grid > .arc-card,
body.arc-home-breaking-newsroom .arc-hero__grid > .arc-card {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}

/* 782px to match the phone band; see the note on the grid block below. */
@media (min-width: 782px) {
	body.arc-home-local-pulse .arc-hero__grid > .arc-card:not(:last-child),
	body.arc-home-editorial-hybrid .arc-hero__grid > .arc-card:not(:last-child),
	body.arc-home-breaking-newsroom .arc-hero__grid > .arc-card:not(:last-child) {
		border-right: 1px solid var(--wp--preset--color--border);
	}
}

@media (min-width: 1200px) {
	body.arc-home-local-pulse .arc-category-section--grid .arc-post-grid > .arc-card {
		border-right: 1px solid var(--wp--preset--color--border);
	}

	body.arc-home-local-pulse .arc-category-section--grid .arc-post-grid > .arc-card:nth-child(3n) {
		border-right: 0;
	}
}

/* Homepage preset identity — body slug drives visible differentiation. */
body.arc-home-editorial-hybrid .arc-home__intro {
	border-left-style: solid;
	text-align: left;
}

body.arc-home-editorial-hybrid .arc-section__header::after {
	width: clamp(5rem, 10vw, 8rem);
}

body.arc-home-breaking-newsroom {
	--arc-section-gap: clamp(1.75rem, 4vw, 3.5rem);
}

body.arc-home-breaking-newsroom .arc-home__intro {
	border-left-width: 0.55rem;
	border-radius: var(--arc-card-radius);
}

body.arc-home-breaking-newsroom .arc-section__header::after {
	height: 5px;
	width: 100%;
	max-width: 12rem;
}

body.arc-home-breaking-newsroom .arc-card--lead .arc-card__title {
	font-size: clamp(1.25rem, 2vw, 1.75rem);
}

/*
 * Breaking-newsroom / Banat home images.
 *
 * The shipped contain + auto-ratio rules use :where(), so they lose to
 * `.arc-card__image img { height: 100%; object-fit: cover }`. On a dense
 * 50% featured lead that paints a designed 16:9 graphic (Redactare &
 * Publicare — three panels) into a taller box, cover crops the side
 * panels. The same cover + flex/grid `min-width: auto` lets a 1000–1366px
 * file refuse to shrink, so the photograph paints past the card and the
 * `--arc-wide-width` well; `overflow-x: clip` on the header then shaves
 * the page margins.
 *
 * Scoped to this homepage only. Editorial Hybrid / Mosaic / City
 * Sections / Community Magazine keep cover on their heroes.
 */
body.home.arc-home-breaking-newsroom .arc-home,
body.home.arc-home-breaking-newsroom .arc-home .arc-section,
body.home.arc-home-breaking-newsroom .arc-home .arc-hero,
body.home.arc-home-breaking-newsroom .arc-home .arc-bento,
body.home.arc-home-breaking-newsroom .arc-home .arc-card {
	max-width: 100%;
	min-width: 0;
}

body.home.arc-home-breaking-newsroom .arc-home {
	overflow-x: clip;
}

body.home.arc-home-breaking-newsroom .arc-home .arc-card,
body.home.arc-home-breaking-newsroom .arc-home .arc-card--lead .arc-card__image,
body.home.arc-home-breaking-newsroom .arc-home .arc-card--lead .wp-block-post-featured-image {
	--arc-lead-media-cap: min(28rem, 45vh);
}

body.home.arc-home-breaking-newsroom .arc-home .arc-card__image,
body.home.arc-home-breaking-newsroom .arc-home .arc-card .wp-block-post-featured-image {
	aspect-ratio: auto;
	box-sizing: border-box;
	margin-inline: auto;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

body.home.arc-home-breaking-newsroom .arc-home .arc-card__image picture,
body.home.arc-home-breaking-newsroom .arc-home .arc-card .wp-block-post-featured-image picture {
	display: flex;
	height: auto;
	justify-content: center;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

body.home.arc-home-breaking-newsroom .arc-home .arc-card__image img,
body.home.arc-home-breaking-newsroom .arc-home .arc-card .wp-block-post-featured-image img {
	box-sizing: border-box;
	height: auto;
	max-height: min(28rem, 45vh);
	max-width: 100%;
	min-width: 0;
	object-fit: contain;
	width: 100%;
}

body.home.arc-home-breaking-newsroom .arc-home .arc-card--standard .arc-card__image img,
body.home.arc-home-breaking-newsroom .arc-home .arc-card--horizontal .arc-card__image img {
	max-height: min(16rem, 36vh);
}

body.arc-home-magazine-mosaic .arc-home__intro {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-left: 0.4rem solid var(--wp--preset--color--brand);
}

body.arc-home-magazine-mosaic .arc-category-section .arc-card {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--border)));
}

body.arc-home-clean-news-stream .arc-home__intro {
	border-left: 0;
	padding-left: 0;
}

body.arc-home-clean-news-stream .arc-carousel__controls {
	justify-content: flex-start;
}

/*
 * Clean Modular Stream: chronology stays in DOM order while the section
 * container, not the viewport, decides whether stories have room for one, two,
 * or three tracks. A future sidebar therefore collapses modules naturally.
 */
body.arc-home-clean-news-stream .arc-category-section {
	container-type: inline-size;
}

body.arc-home-clean-news-stream .arc-category-section .arc-post-grid {
	--arc-stream-gap: clamp(1rem, 2.2cqi, 1.75rem);

	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-stream-gap);
	justify-content: center;
}

body.arc-home-clean-news-stream .arc-category-section .arc-post-grid > .arc-card {
	flex: 0 1 100%;
	grid-column: auto;
	grid-row: auto;
	height: auto;
	max-width: 100%;
	min-width: 0;
}

body.arc-home-clean-news-stream :is(
	.arc-category-section--stream-feature,
	.arc-category-section--stream-highlight
) .arc-post-grid > .arc-card--lead {
	flex: 0 1 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
}

body.arc-home-clean-news-stream .arc-category-section .arc-card__image img {
	max-height: min(22rem, 42vh);
}

@container (min-width: 672px) {
	body.arc-home-clean-news-stream .arc-category-section[class*="arc-category-section--stream-"] .arc-post-grid > .arc-card {
		flex: 0 1 calc((100% - var(--arc-stream-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-stream-gap)) / 2) !important;
		width: calc((100% - var(--arc-stream-gap)) / 2) !important;
	}

	body.arc-home-clean-news-stream .arc-category-section[class*="arc-category-section--stream-"] .arc-post-grid > .arc-card--standard {
		display: flex !important;
		flex-direction: column;
		gap: 0;
		grid-template-columns: minmax(0, 1fr);
	}

	body.arc-home-clean-news-stream .arc-category-section--stream-feature .arc-post-grid > .arc-card--lead,
	body.arc-home-clean-news-stream .arc-category-section--stream-highlight .arc-post-grid > .arc-card--lead {
		flex: 0 1 100% !important;
		max-width: 100% !important;
	}
}

@container (min-width: 896px) {
	body.arc-home-clean-news-stream :is(
		.arc-category-section--stream-feature,
		.arc-category-section--stream-grid,
		.arc-category-section--stream-highlight
	) .arc-post-grid > .arc-card:not(.arc-card--lead) {
		flex: 0 1 calc((100% - (2 * var(--arc-stream-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-stream-gap))) / 3) !important;
	}

	body.arc-home-clean-news-stream :is(
		.arc-category-section--stream-feature,
		.arc-category-section--stream-highlight
	) .arc-post-grid > .arc-card--lead {
		align-items: stretch;
		display: grid;
		gap: clamp(1.25rem, 3cqi, 3rem);
		grid-template-columns: minmax(18rem, 42%) minmax(0, 1fr);
	}

	body.arc-home-clean-news-stream :is(
		.arc-category-section--stream-feature,
		.arc-category-section--stream-highlight
	) .arc-card--lead .arc-card__image {
		margin: 0;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.arc-home-clean-news-stream .arc-category-section[class*="arc-category-section--stream-"] .arc-post-grid > .arc-card {
		flex: 0 1 calc((100% - var(--arc-stream-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-stream-gap)) / 2) !important;
	}

	body.arc-home-clean-news-stream :is(
		.arc-category-section--stream-feature,
		.arc-category-section--stream-highlight
	) .arc-post-grid > .arc-card--lead {
		flex: 0 1 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		width: 100% !important;
	}
}

body.arc-home-clean-news-stream .arc-card a.arc-kicker,
body.arc-home-clean-news-stream .arc-card a.arc-card__category {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	min-height: 24px;
	min-width: 24px;
}

body.arc-home-community-magazine .arc-home__intro::after {
	opacity: 0.12;
}

body.arc-home-community-magazine .arc-section {
	padding: clamp(1rem, 2vw, 1.75rem);
}

/*
 * Community Magazine hero — cover + 2×2 deck, not the shared 1.65fr + span-2
 * template. That template (and `.arc-home--magazine .arc-post-grid > :first-child
 * { span 2 }`) painted 2/3 + 1/3 on row one and left two cards hugging the
 * start of row two, with a brown well on the right at 1200–2560. Flex +
 * centered leftovers is the same packing city-sections already uses; scoped
 * here so Editorial Hybrid, Mosaic, and City Sections do not pick it up.
 */
body.arc-home-community-magazine .arc-hero--grid .arc-hero__grid,
body.arc-home-community-magazine .arc-category-section--featured .arc-post-grid {
	--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-balanced-gap);
	justify-content: center;
}

body.arc-home-community-magazine .arc-hero--grid .arc-hero__grid > .arc-card,
body.arc-home-community-magazine .arc-category-section--featured .arc-post-grid > .arc-card {
	flex: 0 1 var(--arc-balanced-basis, 100%);
	grid-column: auto;
	grid-row: auto;
	max-width: 100%;
	min-width: 0;
}

@media (min-width: 782px) {
	body.arc-home-community-magazine .arc-hero--grid .arc-hero__grid > .arc-card--lead,
	body.arc-home-community-magazine .arc-category-section--featured .arc-post-grid > .arc-card:first-child {
		flex-basis: 100%;
	}

	body.arc-home-community-magazine .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead),
	body.arc-home-community-magazine .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child) {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}
}

@media (min-width: 1200px) {
	body.arc-home-community-magazine .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child) {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-home-community-magazine .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child):last-child:nth-child(3n + 2) {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}
}

/*
 * Community Magazine + Burgundy on the index only. The shared burgundy
 * tokens already tint cards; this is the extra paint the front was missing:
 * wine/gold section bands, a stronger masthead, Revista chrome, and a
 * packed category grid so leftovers sit in the well instead of a brown
 * hole on the right. City Sections keeps its own odd-border recipe;
 * Mosaic / Hybrid are untouched.
 */
body.arc-home-community-magazine.arc-palette-burgundy .arc-home {
	gap: clamp(1.35rem, 2.6vw, 2.35rem);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 20%, var(--wp--preset--color--surface));
	border-block: 2px solid var(--arc-card-border);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-site-footer {
	border-top: 4px solid var(--wp--preset--color--accent);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-home > .alignwide,
body.arc-home-community-magazine.arc-palette-burgundy .arc-section.alignwide {
	margin-inline: auto;
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-home__intro {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 18%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border);
	border-bottom: 3px solid var(--wp--preset--color--accent);
	border-left: 0.45rem solid var(--wp--preset--color--brand);
	padding: clamp(1.1rem, 2.4vw, 1.85rem);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-home__intro h1 {
	color: var(--wp--preset--color--brand);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-home__intro p {
	color: var(--wp--preset--color--text);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-hero.arc-section,
body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section,
body.arc-home-community-magazine.arc-palette-burgundy .arc-topic-index,
body.arc-home-community-magazine.arc-palette-burgundy .arc-archive-index {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 7%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border);
	padding: clamp(1.15rem, 2.4vw, 2rem);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-hero.arc-section {
	border-top: 4px solid var(--wp--preset--color--brand);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section:nth-of-type(odd) {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 11%, var(--wp--preset--color--background));
	border-top: 4px solid var(--wp--preset--color--brand);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section:nth-of-type(even) {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 9%, var(--wp--preset--color--surface));
	border-top: 4px solid var(--wp--preset--color--accent);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-topic-index,
body.arc-home-community-magazine.arc-palette-burgundy .arc-archive-index {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
	border-top: 4px solid var(--wp--preset--color--accent);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-section__header {
	border-bottom-color: var(--arc-card-border);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-section__header h2 {
	color: var(--wp--preset--color--brand);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-section__header::after {
	background: linear-gradient(90deg, var(--wp--preset--color--brand), var(--wp--preset--color--accent));
	height: 3px;
	width: clamp(5rem, 16vw, 12rem);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-section__header > .arc-btn {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border);
	border-radius: 999px;
	color: var(--wp--preset--color--brand);
	padding-inline: 0.85rem;
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-section__header > .arc-btn:hover,
body.arc-home-community-magazine.arc-palette-burgundy .arc-section__header > .arc-btn:focus-visible {
	background: var(--wp--preset--color--brand);
	color: var(--arc-on-brand, #f9f6f7);
	text-decoration: none;
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-hero .arc-card,
body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 82%, var(--wp--preset--color--background));
	border: 1px solid var(--arc-card-border);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-hero .arc-card--lead {
	border-top: 3px solid var(--wp--preset--color--accent);
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section .arc-post-grid,
body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section--grid .arc-post-grid,
body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section--list .arc-post-grid {
	--arc-balanced-gap: clamp(0.85rem, 2vw, 1.35rem);

	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-balanced-gap);
	justify-content: center;
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section .arc-post-grid > .arc-card {
	align-self: start;
	flex: 0 1 var(--arc-balanced-basis, 100%);
	grid-column: auto;
	grid-row: auto;
	height: auto;
	max-width: 100%;
	min-width: 0;
}

@media (min-width: 782px) {
	body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section .arc-post-grid > .arc-card {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}
}

@media (min-width: 1200px) {
	body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section:not(.arc-category-section--featured) .arc-post-grid > .arc-card {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section:not(.arc-category-section--featured) .arc-post-grid > .arc-card:last-child:nth-child(3n + 2) {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}
}

body.arc-home-community-magazine.arc-palette-burgundy .arc-hero--grid .arc-hero__grid {
	--arc-balanced-gap: clamp(0.85rem, 2vw, 1.35rem);
}

html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-home__intro,
html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-hero.arc-section,
html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section,
html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-topic-index,
html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-archive-index {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface));
}

html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section:nth-of-type(even) {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 12%, var(--wp--preset--color--surface));
}

html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-hero .arc-card,
html[data-arc-theme="dark"] body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
}

@media (prefers-color-scheme: dark) {
	html[data-arc-theme="system"] body.arc-home-community-magazine.arc-palette-burgundy .arc-home__intro,
	html[data-arc-theme="system"] body.arc-home-community-magazine.arc-palette-burgundy .arc-hero.arc-section,
	html[data-arc-theme="system"] body.arc-home-community-magazine.arc-palette-burgundy .arc-category-section,
	html[data-arc-theme="system"] body.arc-home-community-magazine.arc-palette-burgundy .arc-topic-index,
	html[data-arc-theme="system"] body.arc-home-community-magazine.arc-palette-burgundy .arc-archive-index {
		background: color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface));
	}
}

body.arc-home-business-authority .arc-home__intro h1,
body.arc-home-corporate-journal .arc-home__intro h1 {
	font-family: var(--wp--preset--font-family--serif);
	letter-spacing: -0.03em;
}

body.arc-home-business-authority .arc-section__header h2 {
	font-size: clamp(1.35rem, 2.2vw, 2rem);
	text-transform: uppercase;
}

body.arc-home-dense-news-grid .arc-post-grid {
	gap: var(--arc-space-35);
}

body.arc-home-dense-news-grid .arc-card__excerpt {
	display: none;
}

body.arc-home-guide-lifestyle-hub .arc-home__intro {
	background: linear-gradient(
		160deg,
		color-mix(in srgb, var(--wp--preset--color--accent) 8%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface)
	);
	border-left-color: var(--wp--preset--color--accent);
}

body.arc-home-guide-lifestyle-hub .arc-section__header::after {
	background: var(--wp--preset--color--accent);
}

body.arc-home-expert-evidence .arc-home__intro,
body.arc-home-medical-editorial .arc-home__intro {
	border-left-color: var(--wp--preset--color--brand);
	border-radius: var(--arc-panel-radius);
}

body.arc-home-blank-canvas .arc-home__intro {
	display: none;
}

body.arc-home-daily-front-page .arc-home__intro {
	border-bottom: 2px solid var(--wp--preset--color--brand);
	border-left: 0;
	padding-bottom: clamp(1rem, 2.5vw, 1.75rem);
}

body.arc-home-daily-front-page .arc-section__header h2 {
	font-size: clamp(1.45rem, 2.4vw, 2.15rem);
}

/*
 * Daily Front Page uses a newspaper desk rather than the generic featured
 * grid: one dominant lead, a headline brief beside it, then orderly
 * three-card brief rows. Flex keeps a short final row centred at the normal
 * card measure when a category cannot provide the filled query count after
 * homepage deduplication.
 */
body.arc-home-daily-front-page .arc-category-section--front-desk .arc-post-grid {
	--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-balanced-gap);
	justify-content: center;
}

body.arc-home-daily-front-page .arc-category-section--front-desk .arc-post-grid > .arc-card {
	flex: 0 1 100%;
	grid-column: auto;
	grid-row: auto;
	max-width: 100%;
	min-width: 0;
}

body.arc-home-daily-front-page .arc-card a.arc-kicker,
body.arc-home-daily-front-page .arc-card a.arc-card__category {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	min-height: 24px;
	min-width: 24px;
}

@media (min-width: 782px) {
	body.arc-home-daily-front-page .arc-category-section--front-desk .arc-post-grid > .arc-card--lead {
		flex-basis: 100%;
	}

	body.arc-home-daily-front-page .arc-category-section--front-desk .arc-post-grid > .arc-card:not(.arc-card--lead) {
		flex-basis: calc(50% - var(--arc-balanced-gap));
	}
}

@media (min-width: 1200px) {
	body.arc-home-daily-front-page .arc-category-section--front-desk .arc-post-grid > .arc-card--lead {
		flex-basis: calc(66.666% - var(--arc-balanced-gap));
	}

	body.arc-home-daily-front-page .arc-category-section--front-desk .arc-post-grid > .arc-card:not(.arc-card--lead) {
		flex-basis: calc(33.333% - var(--arc-balanced-gap));
	}
}

body.arc-home-city-sections .arc-category-section:nth-of-type(odd) {
	border-top: 3px solid color-mix(in srgb, var(--wp--preset--color--brand) 35%, transparent);
	padding-top: var(--arc-space-55);
}

body.arc-home-city-sections .arc-category-section .arc-card,
body.arc-home-city-sections .arc-hero .arc-card {
	background: var(--arc-card-fill, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
}

/*
 * City Sections geometry — the polish Editorial Hybrid's carousel already has.
 *
 * This preset is a hero grid (three stories, no carousel) plus category
 * sections. The shared home well is centred (`margin-inline: auto` on
 * `.arc-home > .alignwide`), but two grids inside it were left as CSS grid
 * with leftover items hugging the start edge:
 *
 *   - The hero at 782–1199 keeps `grid-column: 1 / -1` on the lead (from the
 *     tablet band) while 1024 already asks for three tracks. Measured at 1024:
 *     lead 963px, then follow-ups 425 + 243 with an empty third track — two
 *     cards of different widths and a hole on the right.
 *   - Featured sections never joined `.arc-balanced-grid`, so a 6-card Cluj
 *     section (lead spanning two of three tracks, five leftovers) ends with
 *     one card hard left: skew −494 at 1024, −925 at 1440, −1196 at 1920.
 *     Grid sections on the same page already centre that last row.
 *
 * Scoped to `body.arc-home-city-sections` so the Iași carousel homepage does
 * not pick any of this up. The composition stays a grid hero, not a carousel.
 */
body.arc-home-city-sections .arc-home > .alignwide,
body.arc-home-city-sections .arc-section.alignwide {
	margin-inline: auto;
}

body.arc-home-city-sections .arc-hero--grid .arc-hero__grid,
body.arc-home-city-sections .arc-category-section--featured .arc-post-grid {
	--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-balanced-gap);
	justify-content: center;
}

body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card,
body.arc-home-city-sections .arc-category-section--featured .arc-post-grid > .arc-card {
	flex: 0 1 var(--arc-balanced-basis, 100%);
	grid-column: auto;
	grid-row: auto;
	max-width: 100%;
	min-width: 0;
}

@media (min-width: 782px) {
	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card--lead,
	body.arc-home-city-sections .arc-category-section--featured .arc-post-grid > .arc-card:first-child {
		flex-basis: 100%;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__excerpt {
		-webkit-line-clamp: 2;
		min-height: 0;
	}
}

/*
 * Desktop hero: lead beside a stacked pair, one well, no empty third track
 * and no 226px hole under two short side cards (measured 721 vs 495 at 1440
 * on the shared 2fr + 1fr + 1fr template). Follow-ups are a thumbnail beside
 * the headline so the pair stays a column, not two full 4:3 cards that
 * stretched the lead to 1314px (1.46vh) on the first pass of this fix.
 */
@media (min-width: 1200px) {
	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid {
		align-items: stretch;
		display: grid;
		grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 1fr);
		justify-content: stretch;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card--lead {
		flex: none;
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) {
		align-items: stretch;
		display: grid;
		flex: none;
		gap: clamp(0.85rem, 1.5vw, 1.25rem);
		grid-column: 2;
		grid-template-columns: minmax(0, min(38%, 11rem)) minmax(0, 1fr);
		height: 100%;
		--arc-balanced-basis: auto;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead).arc-card--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__image {
		align-self: start;
		aspect-ratio: 4 / 3;
		margin: 0;
		max-height: 8.5rem;
		width: 100%;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__image {
		grid-column: 1;
		grid-row: 1;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__body {
		display: flex;
		flex-direction: column;
		grid-column: 2;
		grid-row: 1;
		height: 100%;
		justify-content: flex-start;
		min-width: 0;
		padding: 0;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__title {
		-webkit-line-clamp: 3;
		min-height: 0;
	}

	/*
	 * Follow-ups stretch to the lead. Hiding the excerpt left a hollow card
	 * body under the chips; 1–2 sentences fill that well. Clamp at two lines
	 * so the side column stays a pair, not two standfirsts.
	 */
	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__excerpt {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height: 1.45;
		margin-top: var(--arc-space-15);
		min-height: 0;
		overflow: hidden;
	}

	body.arc-home-city-sections .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__meta {
		flex-wrap: wrap;
		margin-top: var(--arc-space-15);
		min-width: 0;
		padding-top: var(--arc-space-10);
		width: 100%;
	}
}

/*
 * PSI desktop (Constanța city-sections), second pass.
 *
 * The first pass put 12px margin under the hero follow-up pill. That looked
 * like a gap, but axe/Lighthouse `target-size` does not score visual space:
 * it uses getBoundingClientRect / getClientRects. Two things still failed
 * after cache-bust:
 *
 *  1. Teal's `padding: 0.28rem 0.7rem` wins on every card the hero-only
 *     override missed. Category-section DIVERSE/Publicitate pills measure
 *     22.47px — under 24px — and axe 4.13 fails that immediately (no
 *     spacing exception). Same snippet as the hero pill, so PSI still
 *     reads as "DIVERSE + title".
 *  2. The title <a> is `display: inline`. Its line box sits ~2px above the
 *     h3, so the hit box enters the pill even when the painted gap is
 *     visible. On section cards that leftover 2px wrapper margin became a
 *     1px overlap.
 *
 * Markup is already two links (kicker, then h3>a). The card is an
 * <article>, not a wrapping <a>. Do not turn the title into a block that
 * starts under the pill — keep it wrapping only the heading text, but
 * contain its box so it cannot bleed. Space between the two targets is
 * padding on the categories row (never collapses; not part of either
 * hit box), not a margin we hope survives a flex/BFC change.
 *
 * Desktop only (`min-width: 782px`). `body.arc-home-city-sections` keeps
 * Iași text kickers and Cluj mosaic pills alone. Mobile compact home is
 * unchanged.
 */
@media (min-width: 782px) {
	body.arc-home-city-sections .arc-card a.arc-kicker,
	body.arc-home-city-sections .arc-card a.arc-card__category {
		align-items: center;
		box-sizing: border-box;
		display: inline-flex;
		flex-shrink: 0;
		min-height: 24px;
		min-width: 24px;
		padding: 0.35rem 0.75rem;
		position: relative;
		z-index: 1;
	}

	body.arc-home-city-sections .arc-card:not(.arc-card--lead) .arc-card__categories {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
		/*
		 * 8px of padding is the Lighthouse floor between targets. The title
		 * <a> is still inline (it must wrap only the heading text) and its
		 * line box sits ~2px above the h3, so 8px of padding measures 6px
		 * between hit boxes. 12px leaves ≥8px after that overhang. Padding
		 * does not collapse and is not part of either link's rect.
		 */
		padding-bottom: 0.75rem;
	}

	body.arc-home-city-sections .arc-card:not(.arc-card--lead) .arc-card__title {
		margin-top: 0;
	}

	body.arc-home-city-sections .arc-card:not(.arc-card--lead) .arc-card__title a {
		display: inline;
		max-width: 100%;
		vertical-align: top;
	}
}

/*
 * PSI desktop (Brașov community-magazine). Same root cause as Constanța:
 * burgundy `padding: 0.28rem 0.7rem` leaves kickers under 24px, and the
 * title <a display:inline> line box overlaps the kicker by ~1px. Visual
 * gap is not enough — axe/Lighthouse score getBoundingClientRect.
 *
 * Apply to ALL home cards (Revista hero + category sections), not a
 * hero-only override. Desktop only. body.arc-home-community-magazine
 * leaves Iași text kickers, Cluj mosaic, and Constanța city-sections
 * on their own rules.
 */
@media (min-width: 782px) {
	body.arc-home-community-magazine .arc-card a.arc-kicker,
	body.arc-home-community-magazine .arc-card a.arc-card__category {
		align-items: center;
		box-sizing: border-box;
		display: inline-flex;
		flex-shrink: 0;
		min-height: 24px;
		min-width: 24px;
		padding: 0.35rem 0.75rem;
		position: relative;
		z-index: 1;
	}

	body.arc-home-community-magazine .arc-card .arc-card__categories {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
		padding-bottom: 0.75rem;
	}

	body.arc-home-community-magazine .arc-card .arc-card__title {
		margin-top: 0;
	}

	body.arc-home-community-magazine .arc-card .arc-card__title a {
		display: inline;
		max-width: 100%;
		vertical-align: top;
	}
}

/*
 * Above 1800 the shared tier widens the track to 2160 and adds a fourth
 * flex column. City Sections then paints 414px cards in a 1766px well
 * while the footer stays on the 58rem reading measure — the cards read as
 * a left-weighted strip with a hole beside the last incomplete row.
 * Hold the 1600 well and the configured three columns so the front stays
 * the same centred desk as 1440.
 *
 * Specificity must beat `body.arc-cols-desktop-3 .arc-balanced-grid > *`
 * in that same 1800 block, or the 25% fourth column wins by source order.
 */
@media (min-width: 1800px) {
	body.arc-home-city-sections,
	body.arc-home-magazine-mosaic {
		--arc-wide-width: 1600px;
	}

	body.arc-home-city-sections.arc-cols-desktop-3 .arc-balanced-grid > *,
	body.arc-home-city-sections .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child),
	body.arc-home-magazine-mosaic.arc-cols-desktop-3 .arc-balanced-grid > *,
	body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child) {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}
}

/*
 * 2100–2560 restates the mosaic/city lock after the shared 2160 / 4-column
 * tier. Editorial Hybrid is not listed: it keeps the 2160 well and the extra
 * card. Incomplete archive rows stay centred so a leftover card is not a hole.
 */
@media (min-width: 2100px) {
	body.arc-home-city-sections,
	body.arc-home-magazine-mosaic {
		--arc-wide-width: 1600px;
	}

	body.arc-home-city-sections.arc-cols-desktop-3 .arc-balanced-grid > *,
	body.arc-home-city-sections .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child),
	body.arc-home-magazine-mosaic.arc-cols-desktop-3 .arc-balanced-grid > *,
	body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child) {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-archive-preset-featured-list .arc-archive-grid.arc-balanced-grid,
	body.arc-archive-preset-magazine .arc-archive-grid.arc-balanced-grid,
	body.arc-archive-preset-grid .arc-archive-grid.arc-balanced-grid {
		justify-content: center;
	}
}

body.arc-home-events-first .arc-home__intro {
	background: linear-gradient(
		120deg,
		color-mix(in srgb, var(--wp--preset--color--accent) 12%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface) 70%
	);
}

body.arc-home-events-first .arc-section__header::after {
	background: var(--wp--preset--color--accent);
}

body.arc-home-press-insights .arc-home__intro h1 {
	font-family: var(--wp--preset--font-family--serif);
	font-weight: 700;
	letter-spacing: -0.025em;
}

body.arc-home-press-insights .arc-category-section--featured .arc-card--lead {
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand) 20%, var(--wp--preset--color--border));
}

body.arc-home-corporate-journal .arc-section {
	border-top: 1px solid var(--wp--preset--color--border);
	padding-top: clamp(1.25rem, 2.5vw, 2rem);
}

body.arc-home-corporate-journal .arc-section__header h2 {
	font-variant: small-caps;
	letter-spacing: 0.04em;
}

/*
 * Corporate Journal is an executive dossier rather than another three-column
 * news grid. The server keeps chronological DOM order; each section container
 * chooses a briefing, ledger, analysis, or dispatch rhythm without JS.
 */
body.arc-home-corporate-journal .arc-hero__stack {
	display: grid;
	gap: clamp(1rem, 2.5vw, 2rem);
	grid-template-columns: minmax(0, 1fr);
}

body.arc-home-corporate-journal .arc-hero__stack > .arc-card:first-child {
	border-top: 3px solid var(--wp--preset--color--brand);
}

body.arc-home-corporate-journal .arc-hero__stack > .arc-card:last-child {
	margin-inline: auto;
	max-width: min(100%, 64rem);
	width: 100%;
}

body.arc-home-corporate-journal .arc-category-section {
	container-type: inline-size;
}

body.arc-home-corporate-journal .arc-category-section .arc-post-grid {
	--arc-journal-gap: clamp(1rem, 2.25cqi, 1.75rem);

	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-journal-gap);
	justify-content: center;
}

body.arc-home-corporate-journal .arc-category-section .arc-post-grid > .arc-card {
	display: flex !important;
	flex: 0 1 100% !important;
	flex-direction: column;
	grid-column: auto;
	grid-row: auto;
	height: auto;
	max-width: 100% !important;
	min-width: 0;
	width: 100% !important;
}

body.arc-home-corporate-journal .arc-category-section .arc-card__image img {
	max-height: min(22rem, 42vh);
}

body.arc-home-corporate-journal .arc-card a.arc-kicker,
body.arc-home-corporate-journal .arc-card a.arc-card__category {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	min-height: 24px;
	min-width: 24px;
}

@container (min-width: 672px) {
	body.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-post-grid > .arc-card:not(.arc-card--lead) {
		flex: 0 1 calc((100% - var(--arc-journal-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-journal-gap)) / 2) !important;
		width: calc((100% - var(--arc-journal-gap)) / 2) !important;
	}

	body.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-post-grid > .arc-card--lead {
		flex: 0 1 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	body.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-post-grid {
		margin-inline: auto;
		max-width: 72rem;
		width: 100% !important;
	}

	body.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-card--horizontal {
		align-items: stretch;
		display: grid !important;
		gap: clamp(1rem, 2.5cqi, 2rem);
		grid-template-columns: minmax(12rem, 30%) minmax(0, 1fr);
	}

	body.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-card--horizontal .arc-card__image {
		margin: 0;
	}

	body.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-post-grid > .arc-card--lead {
		align-items: stretch;
		display: grid !important;
		gap: clamp(1.25rem, 3cqi, 3rem);
		grid-template-columns: minmax(14rem, 44%) minmax(0, 1fr);
	}

	body.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-card--lead .arc-card__image {
		margin: 0;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section.arc-category-section--journal-dispatches .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal {
		flex: 0 1 calc((100% - var(--arc-journal-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-journal-gap)) / 2) !important;
		width: calc((100% - var(--arc-journal-gap)) / 2) !important;
	}
}

@container (min-width: 896px) {
	body.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-post-grid > .arc-card--lead {
		align-items: stretch;
		display: grid !important;
		gap: clamp(1.25rem, 3cqi, 3rem);
		grid-template-columns: minmax(18rem, 44%) minmax(0, 1fr);
	}

	body.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-card--lead .arc-card__image {
		margin: 0;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section.arc-category-section--journal-dispatches .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal {
		flex: 0 1 calc((100% - (2 * var(--arc-journal-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-journal-gap))) / 3) !important;
		width: calc((100% - (2 * var(--arc-journal-gap))) / 3) !important;
	}
}

body.arc-article-feature-wide .arc-article > .wp-block-post-featured-image {
	border-radius: var(--arc-panel-radius);
	overflow: hidden;
}

body.arc-article-compact-news .arc-article > .wp-block-post-title {
	font-size: clamp(1.55rem, 2.8vw, 2.35rem);
	line-height: 1.12;
}

body.arc-article-expert-reviewed .arc-article > .wp-block-post-content {
	border-left: 0.25rem solid var(--wp--preset--color--brand);
	padding-left: clamp(0.85rem, 2vw, 1.35rem);
}

body.arc-article-guide-contents .arc-article > .wp-block-post-content h2 {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-bottom: var(--arc-space-15);
}

body.arc-archive-preset-classic-list .arc-archive__description {
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding-bottom: var(--arc-space-40);
}

body.arc-archive-preset-compact .arc-archive-grid .arc-card__title {
	font-size: clamp(1rem, 1.2vw, 1.15rem);
}

body.arc-archive-preset-topic-hub .arc-archive-grid {
	gap: clamp(1.25rem, 2.5vw, 2rem);
}

/* Palette accents — subtle identity beyond token swap. */
body[class*="arc-palette-"] .arc-home__intro {
	border-left: 0.35rem solid var(--wp--preset--color--brand);
}

body.arc-palette-news-red .arc-section__header::after,
body.arc-palette-burgundy .arc-section__header::after {
	background: linear-gradient(90deg, var(--wp--preset--color--brand), var(--wp--preset--color--accent));
}

body.arc-palette-forest .arc-home__intro,
body.arc-palette-mint .arc-home__intro {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 7%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface) 65%
	);
}

/*
 * Local Blue light chrome. Forest / Pădure rules above stay as they are.
 * Cluj (and any Local Blue site) needs the same thorough tint Forest gives
 * Iași: card fill/border, ticker, intro, ads, search, meta, Listă/Grilă.
 */
body.arc-palette-local-blue {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 9%, var(--wp--preset--color--surface));
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 30%, var(--wp--preset--color--border));
}

body.arc-palette-local-blue .arc-home__intro {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface) 60%
	);
}

body.arc-palette-local-blue .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
	border-block-color: var(--arc-card-border);
}

body.arc-palette-local-blue.arc-home-magazine-mosaic .arc-home__intro {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-card-border);
}

body.arc-palette-local-blue :where(input:not([type="submit"], [type="button"]), select, textarea),
body.arc-palette-local-blue .wp-block-search__input,
body.arc-palette-local-blue .wp-block-search__inside-wrapper {
	border-color: var(--arc-panel-border);
}

body.arc-palette-local-blue .arc-sidebar .wp-block-latest-posts li {
	border-bottom-color: var(--arc-card-border);
}

body.arc-palette-local-blue .arc-post-meta {
	border-block-color: var(--arc-card-border);
}

body.arc-palette-local-blue.arc-article-reading-focus .arc-post-meta {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-panel-border);
}

body.arc-palette-local-blue .arc-archive-toolbar__btn:not(.is-active) {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 7%, var(--wp--preset--color--surface));
	border-color: var(--arc-control-ring, var(--arc-card-border));
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

body.arc-palette-ocean .arc-btn--badge {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, transparent);
}

/*
 * Teal chrome — same completeness Local Blue has, keyed to the palette so any
 * teal site (not just Constanța) gets coastal paper, card fill/border, ticker,
 * intro, forms, meta, TOC, share, footer links. Forest and Local Blue stay on
 * their own blocks above.
 */
body.arc-palette-teal {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 36%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 32%, var(--wp--preset--color--border));
}

body.arc-palette-teal .arc-home__intro {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 12%, var(--wp--preset--color--surface)),
		color-mix(in srgb, var(--wp--preset--color--accent) 6%, var(--wp--preset--color--surface)) 70%
	);
	border-left: 0.35rem solid var(--wp--preset--color--brand);
}

body.arc-palette-teal .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface));
	border-block-color: var(--arc-card-border);
}

body.arc-palette-teal .arc-card,
body.arc-palette-teal .arc-hero .arc-card {
	background: var(--arc-card-fill);
	border-color: var(--arc-card-border);
}

body.arc-palette-teal .arc-card__title,
body.arc-palette-teal .arc-card .wp-block-post-title,
body.arc-palette-teal .arc-card .wp-block-post-title a {
	color: var(--wp--preset--color--text);
}

body.arc-palette-teal .arc-section__header h2 {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

body.arc-palette-teal .arc-card__excerpt,
body.arc-palette-teal .arc-card .wp-block-post-excerpt {
	color: var(--wp--preset--color--text);
}

/*
 * Solid accent pills — kickers/categories/badges sit on amber (light) or
 * peach (dark) with --arc-on-accent ink. Forest / Local Blue keep text kickers.
 */
body.arc-palette-teal a.arc-kicker,
body.arc-palette-teal a.arc-card__category,
body.arc-palette-teal .arc-card__kicker,
body.arc-palette-teal .arc-btn--badge,
body.arc-palette-teal .arc-article__categories .arc-btn,
body.arc-palette-teal .arc-article__tags .arc-btn {
	background: var(--wp--preset--color--accent);
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	color: var(--arc-on-accent, var(--arc-on-brand, #fff7ed));
	letter-spacing: 0.08em;
	padding: 0.28rem 0.7rem;
	text-decoration: none;
	text-underline-offset: 0;
}

body.arc-palette-teal .arc-article__categories .arc-btn::after,
body.arc-palette-teal .arc-article__tags .arc-btn::after,
body.arc-palette-teal .arc-btn--badge::after {
	content: none;
}

body.arc-palette-teal a.arc-kicker:hover,
body.arc-palette-teal a.arc-kicker:focus-visible,
body.arc-palette-teal a.arc-card__category:hover,
body.arc-palette-teal a.arc-card__category:focus-visible,
body.arc-palette-teal .arc-card__kicker:hover,
body.arc-palette-teal .arc-btn--badge:hover,
body.arc-palette-teal .arc-article__categories .arc-btn:hover,
body.arc-palette-teal .arc-article__tags .arc-btn:hover {
	background: var(--wp--preset--color--brand);
	color: var(--arc-on-brand);
	text-decoration: none;
}

body.arc-palette-teal .arc-post-meta > span,
body.arc-palette-teal .arc-card__meta-item {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: 999px;
	color: var(--wp--preset--color--text);
	padding: 0.18rem 0.58rem;
}

body.arc-palette-teal .arc-post-meta > span + span::before,
body.arc-palette-teal .arc-card__meta-item + .arc-card__meta-item::before {
	content: none;
	margin: 0;
}

body.arc-palette-teal .arc-post-meta,
body.arc-palette-teal .arc-card__meta {
	gap: var(--arc-space-15);
}

body.arc-palette-teal .arc-site-footer a.arc-kicker,
body.arc-palette-teal .arc-site-footer a.arc-card__category,
body.arc-palette-teal .arc-site-footer .arc-btn--badge,
body.arc-palette-teal .arc-site-footer .arc-card__meta-item {
	background: color-mix(in srgb, var(--arc-footer-text, #f9fafa) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--arc-footer-text, #f9fafa) 28%, transparent);
	color: var(--arc-footer-text, #f9fafa);
}

body.arc-palette-teal :where(input:not([type="submit"], [type="button"]), select, textarea),
body.arc-palette-teal .wp-block-search__input,
body.arc-palette-teal .wp-block-search__inside-wrapper {
	border-color: var(--arc-panel-border);
}

body.arc-palette-teal .arc-breadcrumbs a,
body.arc-palette-teal .arc-toc a,
body.arc-palette-teal .arc-share a,
body.arc-palette-teal .arc-pagination a {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

body.arc-palette-teal .arc-post-meta {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-panel-border);
}

body.arc-palette-teal .arc-archive-toolbar__btn:not(.is-active) {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-control-ring, var(--arc-card-border));
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

/* Footer links stay on --arc-footer-text (AA on the inverted slab).
 * --arc-footer-accent is the amber top-border only — it fails 4.5:1 as link ink. */

html[data-arc-theme="dark"] body.arc-palette-teal {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 40%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
}

html[data-arc-theme="dark"] body.arc-palette-teal .arc-home__intro,
html[data-arc-theme="dark"] body.arc-palette-teal .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 18%, var(--wp--preset--color--surface));
}

@media (prefers-color-scheme: dark) {
	html[data-arc-theme="system"] body.arc-palette-teal {
		--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 40%, var(--wp--preset--color--border));
		--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
		--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
	}
}

/*
 * Burgundy chrome — same completeness Teal / Local Blue have, keyed to the
 * palette so any burgundy site (not just Brașov) gets wine paper, card
 * fill/border, ticker, intro, forms, meta, TOC, share, footer links.
 * Pills are brand (wine) with gold hover: Teal is the inverse (gold fill,
 * brand hover). Forest / Local Blue / Teal stay on their own blocks above.
 */
body.arc-palette-burgundy {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 9%, var(--wp--preset--color--surface));
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 30%, var(--wp--preset--color--border));
}

body.arc-palette-burgundy .arc-home__intro {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 12%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface) 72%
	);
	border-left: 0.35rem solid var(--wp--preset--color--brand);
}

body.arc-palette-burgundy .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
	border-block-color: var(--arc-card-border);
}

body.arc-palette-burgundy .arc-card,
body.arc-palette-burgundy .arc-hero .arc-card {
	background: var(--arc-card-fill);
	border-color: var(--arc-card-border);
}

body.arc-palette-burgundy .arc-card__title,
body.arc-palette-burgundy .arc-card .wp-block-post-title,
body.arc-palette-burgundy .arc-card .wp-block-post-title a {
	color: var(--wp--preset--color--text);
}

body.arc-palette-burgundy .arc-section__header h2 {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

body.arc-palette-burgundy .arc-card__excerpt,
body.arc-palette-burgundy .arc-card .wp-block-post-excerpt {
	color: var(--wp--preset--color--text);
}

body.arc-palette-burgundy a.arc-kicker,
body.arc-palette-burgundy a.arc-card__category,
body.arc-palette-burgundy .arc-card__kicker,
body.arc-palette-burgundy .arc-btn--badge,
body.arc-palette-burgundy .arc-article__categories .arc-btn,
body.arc-palette-burgundy .arc-article__tags .arc-btn,
body.arc-palette-burgundy .arc-topic-index__list .arc-btn {
	background: var(--wp--preset--color--brand);
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	color: var(--arc-on-brand, #f9f6f7);
	letter-spacing: 0.08em;
	padding: 0.28rem 0.7rem;
	text-decoration: none;
	text-underline-offset: 0;
}

body.arc-palette-burgundy .arc-article__categories .arc-btn::after,
body.arc-palette-burgundy .arc-article__tags .arc-btn::after,
body.arc-palette-burgundy .arc-btn--badge::after,
body.arc-palette-burgundy .arc-topic-index__list .arc-btn::after {
	content: none;
}

body.arc-palette-burgundy a.arc-kicker:hover,
body.arc-palette-burgundy a.arc-kicker:focus-visible,
body.arc-palette-burgundy a.arc-card__category:hover,
body.arc-palette-burgundy a.arc-card__category:focus-visible,
body.arc-palette-burgundy .arc-card__kicker:hover,
body.arc-palette-burgundy .arc-btn--badge:hover,
body.arc-palette-burgundy .arc-article__categories .arc-btn:hover,
body.arc-palette-burgundy .arc-article__tags .arc-btn:hover,
body.arc-palette-burgundy .arc-topic-index__list .arc-btn:hover {
	background: var(--wp--preset--color--accent);
	color: var(--arc-on-accent, var(--arc-on-brand, #1d0d12));
	text-decoration: none;
}

body.arc-palette-burgundy .arc-post-meta > span,
body.arc-palette-burgundy .arc-card__meta-item {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: 999px;
	color: var(--wp--preset--color--text);
	padding: 0.18rem 0.58rem;
}

body.arc-palette-burgundy .arc-post-meta > span + span::before,
body.arc-palette-burgundy .arc-card__meta-item + .arc-card__meta-item::before {
	content: none;
	margin: 0;
}

body.arc-palette-burgundy .arc-post-meta,
body.arc-palette-burgundy .arc-card__meta {
	gap: var(--arc-space-15);
}

body.arc-palette-burgundy .arc-site-footer a.arc-kicker,
body.arc-palette-burgundy .arc-site-footer a.arc-card__category,
body.arc-palette-burgundy .arc-site-footer .arc-btn--badge,
body.arc-palette-burgundy .arc-site-footer .arc-card__meta-item {
	background: color-mix(in srgb, var(--arc-footer-text, #f9fafa) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--arc-footer-text, #f9fafa) 28%, transparent);
	color: var(--arc-footer-text, #f9fafa);
}

body.arc-palette-burgundy :where(input:not([type="submit"], [type="button"]), select, textarea),
body.arc-palette-burgundy .wp-block-search__input,
body.arc-palette-burgundy .wp-block-search__inside-wrapper {
	border-color: var(--arc-panel-border);
}

body.arc-palette-burgundy .arc-breadcrumbs a,
body.arc-palette-burgundy .arc-toc a,
body.arc-palette-burgundy .arc-share a,
body.arc-palette-burgundy .arc-pagination a {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

body.arc-palette-burgundy .arc-post-meta {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-panel-border);
}

body.arc-palette-burgundy .arc-archive-toolbar__btn:not(.is-active) {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-control-ring, var(--arc-card-border));
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

html[data-arc-theme="dark"] body.arc-palette-burgundy {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 40%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
}

html[data-arc-theme="dark"] body.arc-palette-burgundy .arc-home__intro,
html[data-arc-theme="dark"] body.arc-palette-burgundy .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 18%, var(--wp--preset--color--surface));
}

@media (prefers-color-scheme: dark) {
	html[data-arc-theme="system"] body.arc-palette-burgundy {
		--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 40%, var(--wp--preset--color--border));
		--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
		--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
	}
}

/*
 * Terracotta chrome — Banat plains + Timișoara brick. Same completeness Teal /
 * Burgundy have: wheat paper, rust card fill/border, ticker, intro, pills,
 * titles as page ink (not leftover light-scheme rust on dark cards), footer
 * links on --arc-footer-text. Forest / Local Blue / Teal / Burgundy stay on
 * their own blocks above.
 */
body.arc-palette-terracotta {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 36%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 32%, var(--wp--preset--color--border));
}

body.arc-palette-terracotta .arc-home__intro {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 12%, var(--wp--preset--color--surface)),
		color-mix(in srgb, var(--wp--preset--color--accent) 7%, var(--wp--preset--color--surface)) 70%
	);
	border-left: 0.35rem solid var(--wp--preset--color--brand);
}

body.arc-palette-terracotta .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface));
	border-block-color: var(--arc-card-border);
}

body.arc-palette-terracotta .arc-card,
body.arc-palette-terracotta .arc-hero .arc-card {
	background: var(--arc-card-fill);
	border-color: var(--arc-card-border);
}

body.arc-palette-terracotta .arc-card__title,
body.arc-palette-terracotta .arc-card .wp-block-post-title,
body.arc-palette-terracotta .arc-card .wp-block-post-title a {
	color: var(--wp--preset--color--text);
}

body.arc-palette-terracotta .arc-section__header h2 {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

body.arc-palette-terracotta .arc-card__excerpt,
body.arc-palette-terracotta .arc-card .wp-block-post-excerpt {
	color: var(--wp--preset--color--text);
}

/*
 * Solid rust pills — kickers/categories/badges sit on brick (light) or peach
 * (dark) with --arc-on-brand ink. Hover flips to wheat + --arc-on-accent.
 * Forest / Local Blue keep text kickers.
 */
body.arc-palette-terracotta a.arc-kicker,
body.arc-palette-terracotta a.arc-card__category,
body.arc-palette-terracotta .arc-card__kicker,
body.arc-palette-terracotta .arc-btn--badge,
body.arc-palette-terracotta .arc-article__categories .arc-btn,
body.arc-palette-terracotta .arc-article__tags .arc-btn {
	background: var(--wp--preset--color--brand);
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	color: var(--arc-on-brand, #faf4f2);
	letter-spacing: 0.08em;
	padding: 0.28rem 0.7rem;
	text-decoration: none;
	text-underline-offset: 0;
}

body.arc-palette-terracotta .arc-article__categories .arc-btn::after,
body.arc-palette-terracotta .arc-article__tags .arc-btn::after,
body.arc-palette-terracotta .arc-btn--badge::after {
	content: none;
}

body.arc-palette-terracotta a.arc-kicker:hover,
body.arc-palette-terracotta a.arc-kicker:focus-visible,
body.arc-palette-terracotta a.arc-card__category:hover,
body.arc-palette-terracotta a.arc-card__category:focus-visible,
body.arc-palette-terracotta .arc-card__kicker:hover,
body.arc-palette-terracotta .arc-btn--badge:hover,
body.arc-palette-terracotta .arc-article__categories .arc-btn:hover,
body.arc-palette-terracotta .arc-article__tags .arc-btn:hover {
	background: var(--wp--preset--color--accent);
	color: var(--arc-on-accent, var(--arc-on-brand, #1a110f));
	text-decoration: none;
}

body.arc-palette-terracotta .arc-post-meta > span,
body.arc-palette-terracotta .arc-card__meta-item {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: 999px;
	color: var(--wp--preset--color--text);
	padding: 0.18rem 0.58rem;
}

body.arc-palette-terracotta .arc-post-meta > span + span::before,
body.arc-palette-terracotta .arc-card__meta-item + .arc-card__meta-item::before {
	content: none;
	margin: 0;
}

body.arc-palette-terracotta .arc-post-meta,
body.arc-palette-terracotta .arc-card__meta {
	gap: var(--arc-space-15);
}

body.arc-palette-terracotta .arc-site-footer a.arc-kicker,
body.arc-palette-terracotta .arc-site-footer a.arc-card__category,
body.arc-palette-terracotta .arc-site-footer .arc-btn--badge,
body.arc-palette-terracotta .arc-site-footer .arc-card__meta-item {
	background: color-mix(in srgb, var(--arc-footer-text, #f9fafa) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--arc-footer-text, #f9fafa) 28%, transparent);
	color: var(--arc-footer-text, #f9fafa);
}

body.arc-palette-terracotta :where(input:not([type="submit"], [type="button"]), select, textarea),
body.arc-palette-terracotta .wp-block-search__input,
body.arc-palette-terracotta .wp-block-search__inside-wrapper {
	border-color: var(--arc-panel-border);
}

body.arc-palette-terracotta .arc-breadcrumbs a,
body.arc-palette-terracotta .arc-toc a,
body.arc-palette-terracotta .arc-share a,
body.arc-palette-terracotta .arc-pagination a {
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

body.arc-palette-terracotta .arc-post-meta {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-panel-border);
}

body.arc-palette-terracotta .arc-archive-toolbar__btn:not(.is-active) {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border-color: var(--arc-control-ring, var(--arc-card-border));
	color: var(--arc-brand, var(--wp--preset--color--brand));
}

/* Footer links stay on --arc-footer-text (AA on the inverted slab).
 * --arc-footer-accent is the wheat top-border only. */

html[data-arc-theme="dark"] body.arc-palette-terracotta {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 40%, var(--wp--preset--color--border));
	--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
}

html[data-arc-theme="dark"] body.arc-palette-terracotta .arc-home__intro,
html[data-arc-theme="dark"] body.arc-palette-terracotta .arc-breaking-ticker {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 18%, var(--wp--preset--color--surface));
}

@media (prefers-color-scheme: dark) {
	html[data-arc-theme="system"] body.arc-palette-terracotta {
		--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 40%, var(--wp--preset--color--border));
		--arc-card-fill: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
		--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 34%, var(--wp--preset--color--border));
	}
}

/*
 * editorial-side used a brand bar on the H1 (and the meta card). That pinned
 * a centred title to the start of the column — the Brașov NEET lede looked
 * left-heavy even though .arc-article__lead is already text-align:center.
 * Title, kicker, lede and compact meta stay the shared centred stack
 * in the main content column (text-align:center), not the viewport.
 * The rail is gated on the three sidebar checkboxes and stays a
 * second column when any of those flags is on for this view.
 */
body.arc-article-editorial-side .arc-article > .wp-block-post-title,
body.arc-article-editorial-side .arc-article > .arc-article__lead,
body.arc-article-editorial-side .arc-article > .arc-article__lead p,
body.arc-article-editorial-side .arc-article > .arc-article__categories,
body.arc-article-editorial-side .arc-article > .arc-post-meta {
	border-left: 0;
	padding-left: 0;
	text-align: center;
}

body.arc-archive-preset-magazine .arc-archive__description {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 7%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface)
	);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand) 18%, var(--wp--preset--color--border));
	border-left: 0.35rem solid var(--wp--preset--color--brand);
	border-radius: var(--arc-panel-radius);
	padding: var(--arc-card-inset);
}

body.arc-archive-preset-featured-list .arc-archive__description {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 5%, var(--wp--preset--color--surface));
	border-left: 0.35rem solid var(--wp--preset--color--brand);
	border-radius: var(--arc-panel-radius);
	padding: var(--arc-card-inset);
}

.arc-archive-preset-featured-list .arc-archive-grid > li:first-child .arc-card,
.arc-archive-preset-magazine .arc-archive-grid > li:first-child .arc-card {
	background: var(--arc-card-fill, color-mix(in srgb, var(--wp--preset--color--brand) 4%, var(--wp--preset--color--surface)));
	border: 1px solid var(--arc-card-border, color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--border)));
	border-radius: var(--arc-card-radius);
	padding: var(--arc-card-inset);
}

body.arc-article-reading-focus .arc-article > .wp-block-post-content,
body.arc-article-reading-focus .arc-article__lead {
	max-width: 58rem !important;
}

/*
 * Reading-focus used to paint a 58rem pill and centre one short byline inside
 * it — a hollow bar with empty L/R. Shrink the card to the items; wrap with
 * even gaps so 390px does not leave a lone sliver on the next line.
 */
body.arc-article-reading-focus .arc-post-meta {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 5%, var(--wp--preset--color--surface));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--border));
	border-radius: var(--arc-card-radius);
	gap: var(--arc-space-15) var(--arc-space-20);
	justify-content: center;
	margin-inline: auto;
	max-width: 100% !important;
	padding: var(--arc-space-25) var(--arc-space-35);
	width: fit-content;
}

body.arc-article-reading-focus .arc-post-meta > span + span::before {
	margin-inline: 0.2rem;
}

.arc-home--blank .arc-home__intro {
	border-left: 0;
	padding-left: 0;
	text-align: center;
}

/* Article variants. */
.arc-article-feature-wide .arc-article {
	max-width: 75rem;
}

.arc-article-compact-news .arc-main {
	padding-top: var(--arc-space-50);
}

.arc-article-compact-news .arc-article > .wp-block-post-title {
	font-size: clamp(1.8rem, 4vw, 3rem) !important;
}

.arc-article-expert-reviewed .arc-post-meta,
.arc-article-guide-contents .arc-post-meta {
	background: var(--wp--preset--color--surface);
	border-left: 0.25rem solid var(--wp--preset--color--brand);
	padding: var(--arc-space-40);
}

/* Archive variants. */
.arc-archive-preset-classic-list .arc-archive-grid,
.arc-archive-preset-compact .arc-archive-grid {
	grid-template-columns: 1fr;
}

.arc-archive-preset-classic-list .arc-archive-grid .arc-card,
.arc-archive-preset-compact .arc-archive-grid .arc-card {
	border-bottom: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	padding-bottom: var(--arc-space-45);
}

.arc-archive-preset-compact .arc-card .wp-block-post-featured-image,
.arc-archive-preset-compact .arc-card .wp-block-post-excerpt {
	display: none;
}

.arc-archive-preset-topic-hub .arc-archive__description {
	background: var(--wp--preset--color--surface);
	border-left: 0.25rem solid var(--wp--preset--color--brand);
	padding: var(--arc-card-inset);
}

/*
 * Named archive intro templates. They replace the shared left-bar card so
 * Iași / Cluj / Constanța (and the next site) are not the same box in a
 * different palette. Selectors stay under .arc-archive so the CSS split
 * keeps them on category/tag pages.
 */
body[class*="arc-archive-intro-"] .arc-archive__description,
body[class*="arc-archive-intro-"] .wp-block-term-description {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--wp--preset--color--text);
	padding: 0;
}

.arc-archive__heading {
	display: grid;
	gap: var(--arc-space-20);
	min-width: 0;
}

.arc-archive__heading-row {
	align-items: center;
	display: flex;
	gap: 0.75rem;
	min-width: 0;
}

.arc-archive__heading-row > .wp-block-query-title {
	flex: 1 1 auto;
	margin: 0;
	min-width: 0;
}

.arc-archive__mark {
	color: var(--wp--preset--color--brand);
	display: inline-flex;
	flex: 0 0 auto;
	height: 1.75rem;
	overflow: visible;
	width: 1.75rem;
}

.arc-archive__mark svg {
	display: block;
	height: 100%;
	max-width: none;
	overflow: visible;
	width: 100%;
}

.arc-archive__kicker {
	align-items: center;
	display: none;
	font-size: var(--arc-text-xs);
	font-weight: 800;
	gap: 0.35rem;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	width: fit-content;
}

.arc-archive__kicker svg {
	display: block;
	height: 0.9em;
	width: 0.9em;
}

body.arc-archive-view-list .arc-archive-query,
body.arc-archive-view-list .arc-archive-grid {
	max-width: none;
	width: 100%;
}

/*
 * Editorial — Iași: mark + H1 + full-width lede + hairline + Listă/Grilă.
 * Title and description are centred in the same well as the cards. The lede
 * is one column at every width — never CSS columns that split mid-sentence
 * (Publicitate had that at 1800+). Mosaic / city templates are untouched.
 */
body.arc-archive-intro-editorial .arc-archive__intro {
	display: grid;
	gap: var(--arc-space-25);
	justify-items: center;
	text-align: center;
}

body.arc-archive-intro-editorial .arc-archive__heading {
	justify-items: center;
	width: 100%;
}

body.arc-archive-intro-editorial .arc-archive__heading-row {
	align-items: center;
	gap: 0.9rem;
	justify-content: center;
	max-width: 100%;
	width: auto;
}

body.arc-archive-intro-editorial .arc-archive__heading-row > .wp-block-query-title,
body.arc-archive-intro-editorial .arc-archive__intro .wp-block-query-title {
	flex: 0 1 auto;
	font-size: clamp(1.7rem, 1.15rem + 2.4vw, 3rem) !important;
	text-align: center;
	width: auto !important;
}

body.arc-archive-intro-editorial .arc-archive__mark {
	height: 2.25rem;
	margin: 0;
	width: 2.25rem;
}

body.arc-archive-intro-editorial .arc-archive__mark svg,
body.arc-archive-intro-editorial .arc-archive__mark .arc-logo__mark {
	color: inherit;
	height: 100%;
	max-width: none;
	overflow: visible;
	width: 100%;
}

body.arc-archive-intro-editorial .arc-archive__mark path {
	fill: none;
}

body.arc-archive-intro-editorial .arc-archive__description,
body.arc-archive-intro-editorial .wp-block-term-description {
	border-block: 1px solid var(--wp--preset--color--border);
	column-count: 1;
	column-gap: 0;
	columns: 1;
	max-width: none;
	padding-block: var(--arc-space-25);
	text-align: center;
	width: 100%;
}

body.arc-archive-intro-editorial .arc-archive__description p,
body.arc-archive-intro-editorial .wp-block-term-description p {
	margin-inline: auto;
	max-width: none;
	text-align: center;
}

@media (max-width: 781px) {
	body.arc-archive-intro-editorial .arc-archive__heading-row {
		flex-direction: column;
		gap: 0.55rem;
	}

	body.arc-archive-intro-editorial .arc-archive__heading-row > .wp-block-query-title,
	body.arc-archive-intro-editorial .arc-archive__intro .wp-block-query-title {
		width: 100% !important;
	}
}

/*
 * Mosaic — Cluj: magazine split (title | lede panel). Compact type, full well.
 * Stacks on the phone; split only from 1024 so 768 is not a cramped two-col.
 * Empty terms keep the tile + dash; they do not fall back to the old box.
 */
body.arc-archive-intro-mosaic .arc-archive__intro {
	align-items: stretch;
	display: grid;
	gap: var(--arc-space-30);
	width: 100%;
}

body.arc-archive-intro-mosaic .arc-archive__intro .wp-block-query-title {
	font-size: clamp(1.65rem, 1.25rem + 1.55vw, 2.6rem) !important;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

body.arc-archive-intro-mosaic .arc-archive__heading {
	min-width: 0;
}

body.arc-archive-intro-mosaic .arc-archive__heading::after {
	background: var(--wp--preset--color--brand);
	border-radius: 999px;
	content: "";
	display: block;
	height: 3px;
	margin-top: 0.7rem;
	width: 2.75rem;
}

body.arc-archive-intro-mosaic .arc-archive__heading-row {
	align-items: flex-start;
}

body.arc-archive-intro-mosaic .arc-archive__mark {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 12%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: 0.4rem;
	height: 2.15rem;
	padding: 0.28rem;
	width: 2.15rem;
}

body.arc-archive-intro-mosaic .arc-archive__description,
body.arc-archive-intro-mosaic .wp-block-term-description {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-radius: var(--arc-panel-radius);
	font-size: calc(var(--arc-text-m) + 1px);
	line-height: 1.5;
	margin-block: 0;
	max-width: none;
	padding: clamp(0.85rem, 1.6vw, 1.2rem) clamp(1rem, 2vw, 1.45rem);
}

body.arc-archive-intro-mosaic .arc-archive__description p,
body.arc-archive-intro-mosaic .wp-block-term-description p {
	max-width: none;
}

@media (min-width: 1024px) {
	body.arc-archive-intro-mosaic .arc-archive__intro:has(.arc-archive__description),
	body.arc-archive-intro-mosaic .arc-archive__intro:has(.wp-block-term-description) {
		align-items: start;
		column-gap: clamp(1.25rem, 2.4vw, 2.5rem);
		grid-template-columns: minmax(18rem, 1fr) minmax(22rem, 1.25fr);
		row-gap: 0;
	}

	body.arc-archive-intro-mosaic .arc-archive__heading {
		padding-top: 0.15rem;
	}
}

html[data-arc-theme="dark"] body.arc-archive-intro-mosaic .arc-archive__description,
html[data-arc-theme="dark"] body.arc-archive-intro-mosaic .wp-block-term-description {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface));
}

@media (prefers-color-scheme: dark) {
	html[data-arc-theme="system"] body.arc-archive-intro-mosaic .arc-archive__description,
	html[data-arc-theme="system"] body.arc-archive-intro-mosaic .wp-block-term-description {
		background: color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface));
	}
}

/* City — Constanța: accent kicker pill, full-width lede, sea/city mark. */
body.arc-archive-intro-city .arc-archive__kicker {
	background: var(--wp--preset--color--accent);
	border-radius: 999px;
	color: var(--arc-on-accent, var(--arc-on-brand, #fff7ed));
	display: inline-flex;
	padding: 0.32rem 0.72rem;
}

body.arc-archive-intro-city .arc-archive__kicker svg {
	color: currentColor;
	fill: currentColor;
}

body.arc-archive-intro-city .arc-archive__heading-row {
	align-items: center;
}

body.arc-archive-intro-city .arc-archive__mark {
	color: var(--wp--preset--color--brand);
}

body.arc-archive-intro-city .arc-archive__description,
body.arc-archive-intro-city .wp-block-term-description {
	border-top: 2px solid color-mix(in srgb, var(--wp--preset--color--brand) 55%, var(--wp--preset--color--accent));
	column-count: 1;
	column-gap: 0;
	columns: 1;
	padding-top: var(--arc-space-25);
	text-align: center;
	width: 100%;
}

body.arc-archive-intro-city .arc-archive__description p,
body.arc-archive-intro-city .wp-block-term-description p {
	margin-inline: auto;
	max-width: none;
	text-align: center;
}

/*
 * Ledger — Brașov: broadsheet masthead (uppercase kicker, mark + H1 on a
 * double rule), then a contained lede CARD at full well width. Not city's
 * pill + full-bleed lede, not mosaic's split, not editorial's centred stack.
 * First-paint CSS only — no images, no late height.
 */
body.arc-archive-intro-ledger .arc-archive__intro {
	display: grid;
	gap: var(--arc-space-25);
	justify-items: stretch;
	min-width: 0;
	width: 100%;
}

body.arc-archive-intro-ledger .arc-archive__kicker {
	background: none;
	border-radius: 0;
	border-bottom: 3px double var(--wp--preset--color--brand);
	color: var(--wp--preset--color--brand);
	display: inline-flex;
	padding: 0 0 0.22rem;
}

body.arc-archive-intro-ledger .arc-archive__heading-row {
	align-items: center;
	border-bottom: 3px double var(--wp--preset--color--text);
	border-top: 3px double var(--wp--preset--color--text);
	min-width: 0;
	padding-block: var(--arc-space-20);
}

body.arc-archive-intro-ledger .arc-archive__description,
body.arc-archive-intro-ledger .wp-block-term-description {
	background: var(--arc-card-fill, color-mix(in srgb, var(--wp--preset--color--brand) 9%, var(--wp--preset--color--surface)));
	border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
	border-left-color: var(--wp--preset--color--brand);
	border-left-width: 0.35rem;
	border-radius: var(--arc-card-radius);
	box-sizing: border-box;
	color: var(--wp--preset--color--text);
	column-count: 1;
	column-gap: 0;
	columns: 1;
	margin-block: 0 var(--arc-space-20);
	max-width: none;
	min-width: 0;
	overflow-wrap: break-word;
	padding: var(--arc-card-inset) clamp(0.9rem, 2.2vw, 1.6rem);
	text-align: center;
	width: 100%;
}

body.arc-archive-intro-ledger .arc-archive__description p,
body.arc-archive-intro-ledger .wp-block-term-description p {
	color: inherit;
	margin-inline: auto;
	max-width: none;
	text-align: center;
}

@media (max-width: 781px) {
	body.arc-archive-intro-ledger .arc-archive__heading-row {
		flex-wrap: wrap;
	}

	body.arc-archive-intro-ledger .arc-archive__description,
	body.arc-archive-intro-ledger .wp-block-term-description {
		padding: var(--arc-card-inset);
	}
}

html[data-arc-theme="dark"] body.arc-archive-intro-ledger .arc-archive__description,
html[data-arc-theme="dark"] body.arc-archive-intro-ledger .wp-block-term-description {
	background: var(--arc-card-fill, color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface)));
	border-color: var(--arc-card-border, var(--wp--preset--color--border));
	border-left-color: var(--wp--preset--color--brand);
	color: var(--wp--preset--color--text);
}

@media (prefers-color-scheme: dark) {
	html[data-arc-theme="system"] body.arc-archive-intro-ledger .arc-archive__description,
	html[data-arc-theme="system"] body.arc-archive-intro-ledger .wp-block-term-description {
		background: var(--arc-card-fill, color-mix(in srgb, var(--wp--preset--color--brand) 16%, var(--wp--preset--color--surface)));
		border-color: var(--arc-card-border, var(--wp--preset--color--border));
		border-left-color: var(--wp--preset--color--brand);
		color: var(--wp--preset--color--text);
	}
}

html[data-arc-theme="dark"] {
	--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 22%, var(--wp--preset--color--border));
	--arc-card-fill: var(--wp--preset--color--surface);
	--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 20%, var(--wp--preset--color--border));
}

html[data-arc-theme="dark"] .arc-card {
	border-color: var(--arc-card-border);
}

html[data-arc-theme="dark"] .arc-home__intro {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface) 62%
	);
}

html[data-arc-theme="dark"] .arc-btn {
	box-shadow: var(--arc-shadow-xs);
}

/*
 * Dark tokens are applied to the same semantic roles used by every layout.
 * Visitor preference on <html> wins; body.arc-color-* reflects admin default only.
 */
html[data-arc-theme="dark"],
html[data-arc-theme="dark"] body.arc-theme {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--text);
}

@media (prefers-color-scheme: dark) {
	html[data-arc-theme="system"] {
		--arc-card-border: color-mix(in srgb, var(--wp--preset--color--brand) 22%, var(--wp--preset--color--border));
		--arc-card-fill: var(--wp--preset--color--surface);
		--arc-panel-border: color-mix(in srgb, var(--wp--preset--color--brand) 20%, var(--wp--preset--color--border));
	}

	html[data-arc-theme="system"] .arc-card {
		border-color: var(--arc-card-border);
	}

	html[data-arc-theme="system"] .arc-home__intro {
		background: linear-gradient(
			135deg,
			color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--wp--preset--color--surface)),
			var(--wp--preset--color--surface) 62%
		);
	}

	html[data-arc-theme="system"] .arc-btn {
		box-shadow: var(--arc-shadow-xs);
	}

	html[data-arc-theme="system"],
	html[data-arc-theme="system"] body.arc-theme {
		background-color: var(--wp--preset--color--background);
		color: var(--wp--preset--color--text);
	}
}

/*
 * Fifteen rules above this one dress the masthead as a panel: a tinted gradient
 * per preset, a brand or accent edge per palette, a radius, a darker gradient in
 * dark mode. They were written when it was a panel, and each of them is a
 * (0,2,1) selector, so the compact rule near the top of the file cannot reach
 * them. Rather than unpick fifteen preset identities -- the differentiation they
 * carry is real and it is tested -- the paint is retired in one place, after the
 * last of them, and the differentiation is left where it does not cost the first
 * screen: the serif headline on `press-insights` and `business-authority`, the
 * accent rule on `guide-lifestyle-hub` and `events-first`, the centred line on
 * `blank`. `daily-front-page` already drew this exact rule and needed no help.
 *
 * `html[data-arc-theme]` matches every page (the attribute is written by the
 * anti-FOUC boot script before paint, and defaults to the configured mode), which
 * is what makes it a (0,2,1) match for the dark-mode gradients without naming a
 * mode of its own. The `border-bottom` is restated because these rules set
 * `border-left` and `border` shorthands that would otherwise take it with them.
 */
html[data-arc-theme] .arc-home__intro {
	background: none;
	border: 0;
	border-bottom: 2px solid var(--wp--preset--color--brand);
	border-radius: 0;
	box-shadow: none;
	padding-block-start: var(--arc-card-inset);
	padding-block-end: clamp(0.5rem, 1.2vw, 0.75rem);
	padding-inline: var(--arc-card-inset);
}

html[data-arc-theme] body.arc-home-guide-lifestyle-hub .arc-home__intro,
html[data-arc-theme] body.arc-home-events-first .arc-home__intro {
	border-bottom-color: var(--wp--preset--color--accent);
}

.arc-hide-tags .arc-article__tags,
.arc-hide-published .arc-card__meta,
.arc-hide-published .arc-card .wp-block-post-date {
	display: none;
}

/*
 * This was a container query -- `@container (min-width: 34rem)` -- and it never
 * matched anything, on any preset, at any width. `container-type: inline-size` is
 * declared on `.arc-card`, and `.arc-card--horizontal` is the same element: the
 * renderer puts both classes on one article, and an element is not its own
 * container. So the horizontal card, which is the shape the whole variant exists
 * for, was never laid out horizontally by this rule.
 *
 * What made it survive review is that the fallback below it worked. Browsers
 * without container queries took the `@supports not` branch and got the layout;
 * browsers with them took this rule and got nothing. The feature test was
 * upside down, and the only machines it served correctly were the old ones.
 *
 * So the query is now the media rule its own fallback already was, and the
 * fallback is gone as a duplicate. Compositions that place horizontal cards
 * themselves -- the list section, the stack hero, the bento side column -- keep
 * their own more specific tracks; this is the shape for anywhere else that asks
 * for one.
 */
@media (min-width: 782px) {
	.arc-card--horizontal {
		display: grid;
		gap: var(--arc-space-40);
		grid-template-columns: minmax(10rem, 35%) 1fr;
	}

	.arc-card--horizontal.arc-card--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	.arc-card--horizontal > .arc-card__image {
		align-self: start;
		margin: 0;
	}

	.arc-card--horizontal > .arc-card__body {
		min-width: 0;
	}

	.arc-card--horizontal > .arc-card__image {
		grid-column: 1;
		grid-row: 1;
	}

	.arc-card--horizontal > .arc-card__body {
		grid-column: 2;
		grid-row: 1;
	}

	/*
	 * List / mosaic horizontal cards sized to a tall neighbour (or a 4:3
	 * thumbnail taller than the standfirst) pinned the dateline with
	 * margin-top:auto and opened the measured hollow between excerpt and
	 * meta. Iași's carousel already releases that pin; the same token on
	 * these variants. Title stays in the text column so a 35% track cannot
	 * hide it; meta keeps the full body width so "Echipa editorială" does
	 * not wrap into a sliver.
	 */
	.arc-category-section--list .arc-card--horizontal .arc-card__body,
	body.arc-home-magazine-mosaic .arc-card--horizontal .arc-card__body,
	body.arc-home-city-sections .arc-card--horizontal .arc-card__body {
		justify-content: flex-start;
		min-width: 0;
	}

	.arc-category-section--list .arc-card--horizontal .arc-card__title,
	body.arc-home-magazine-mosaic .arc-card--horizontal .arc-card__title,
	body.arc-home-city-sections .arc-card--horizontal .arc-card__title {
		-webkit-line-clamp: 3;
		min-height: 0;
	}

	.arc-category-section--list .arc-card--horizontal .arc-card__meta,
	body.arc-home-magazine-mosaic .arc-card--horizontal .arc-card__meta,
	body.arc-home-city-sections .arc-card--horizontal .arc-card__meta {
		flex-wrap: wrap;
		margin-top: var(--arc-space-25);
		min-width: 0;
		padding-top: var(--arc-space-20);
		width: 100%;
	}
}

@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
	.arc-site-header {
		background: color-mix(in srgb, var(--arc-header-background, var(--wp--preset--color--background)) 92%, transparent);
	}

	/*
	 * The blur lives on a pseudo-element: applied to the header itself it becomes
	 * the containing block for the fixed nav drawer and search overlay, trapping
	 * them inside the header box.
	 */
	.arc-site-header::before {
		-webkit-backdrop-filter: blur(1rem) saturate(150%);
		backdrop-filter: blur(1rem) saturate(150%);
		content: "";
		inset: 0;
		pointer-events: none;
		position: absolute;
		z-index: -1;
	}

	.arc-site-header.is-scrolled .arc-site-header__inner::after {
		background: color-mix(in srgb, var(--arc-header-background, var(--wp--preset--color--background)) 92%, transparent);
	}
}

@supports not (aspect-ratio: 4 / 3) {
	.arc-card__image,
	.arc-card .wp-block-post-featured-image {
		height: 15rem;
	}

	.arc-card--lead .arc-card__image {
		height: 24rem;
	}
}

@media (hover: hover) and (pointer: fine) {
	:where(.wp-element-button, .wp-block-button__link, .wp-block-search__button, input[type="submit"], input[type="button"]):not([disabled], [aria-disabled="true"]):hover {
		box-shadow: 0 10px 28px var(--arc-shadow-brand);
		transform: translateY(var(--arc-motion-distance));
	}

	.arc-btn:not([disabled], [aria-disabled="true"]):hover {
		background: var(--wp--preset--color--brand);
		border-color: var(--wp--preset--color--brand);
		box-shadow: 0 10px 28px var(--arc-shadow-brand);
		color: var(--arc-on-brand);
		transform: translateY(var(--arc-motion-distance));
	}

	.arc-btn:hover::after {
		transform: translateX(0.2rem);
	}

	.arc-topic-index__list .arc-btn:hover {
		color: var(--arc-on-brand);
	}

	.arc-post-navigation .wp-block-post-navigation-link:hover {
		background: var(--wp--preset--color--brand);
		border-color: var(--wp--preset--color--brand);
		box-shadow: 0 10px 28px var(--arc-shadow-brand);
		transform: translateY(var(--arc-motion-distance));
	}

	.arc-post-navigation .wp-block-post-navigation-link:hover a {
		color: var(--arc-on-brand);
	}

	/*
	 * The kicker and the arrows need naming separately: recolouring the anchor
	 * cannot reach them. Both declare a colour of their own -- the label is
	 * var(--wp--preset--color--muted), the arrows are the brand itself -- and an
	 * explicit declaration on a child beats inheritance from the parent no matter
	 * how specific the parent's rule is. On the brand fill that left the label at
	 * 1.08:1 and the arrows at exactly 1.00:1, invisible.
	 *
	 * Core emits the label with and without the block prefix, so both spellings
	 * have to be listed, as they are where the resting colour is set.
	 */
	.arc-post-navigation .wp-block-post-navigation-link:hover
		:where(.post-navigation-link__label, .wp-block-post-navigation-link__label) {
		/*
		 * 85% keeps the kicker subordinate to the title while clearing AA on every
		 * palette. The share is not cosmetic: on the teal palette it measures
		 * 4.36:1 at 78% and 4.47:1 at 80%, both short of AA. 82% is the first
		 * passing value across all 50 palette/scheme pairs; 85% leaves margin.
		 * Do not lower it to make the label quieter.
		 */
		color: color-mix(in srgb, var(--arc-on-brand) 85%, var(--wp--preset--color--brand));
	}

	.arc-post-navigation .wp-block-post-navigation-link:hover a::before,
	.arc-post-navigation .wp-block-post-navigation-link:hover a::after {
		color: var(--arc-on-brand);
	}

	.wp-block-query-pagination-numbers .page-numbers:not(.current):hover {
		background: var(--wp--preset--color--brand);
		border-color: var(--wp--preset--color--brand);
		box-shadow: 0 8px 22px var(--arc-shadow-brand);
		color: var(--arc-on-brand);
		transform: translateY(var(--arc-motion-distance));
	}

	.arc-color-toggle:hover {
		background: var(--wp--preset--color--brand);
		border-color: var(--wp--preset--color--brand);
		box-shadow: 0 8px 22px var(--arc-shadow-brand);
		color: var(--arc-on-brand);
		transform: translateY(var(--arc-motion-distance));
	}

	.arc-buttons-outline :where(.wp-element-button, .wp-block-button__link, .wp-block-search__button):hover,
	.arc-buttons-soft :where(.wp-element-button, .wp-block-button__link, .wp-block-search__button):hover {
		background: var(--wp--preset--color--brand);
		color: var(--arc-on-brand);
	}

	.arc-buttons-text .wp-block-button__link:hover {
		box-shadow: none;
	}

	.arc-buttons-text .wp-block-button__link:hover::after {
		transform: translateX(3px);
	}

	.arc-card:hover .arc-card__image img,
	.arc-card:hover .wp-block-post-featured-image img {
		transform: scale(1.015);
	}

	.arc-cards-elevated .arc-card:hover {
		box-shadow: 0 16px 38px var(--arc-shadow-brand);
		transform: translateY(var(--arc-motion-distance));
	}

	.arc-cards-bordered .arc-card:hover,
	.arc-hero .arc-card:hover,
	.arc-cards-soft .arc-card:hover {
		border-color: color-mix(in srgb, var(--wp--preset--color--brand) 42%, var(--wp--preset--color--border));
		box-shadow: 0 10px 28px var(--arc-shadow-brand);
	}
}

/*
 * 782px, not 768px, and that is the repair rather than a tidy-up.
 *
 * This theme's phone band is `@media (max-width: 781px)` -- fourteen at-rules in
 * main.css and premium.css use the 781/782 pair, which is WordPress's own
 * boundary. Four blocks were written against 768px instead, and since 768 is
 * inside `max-width: 781px`, everything from 768px to 781px was handed the phone
 * rules and the tablet rules at the same time. 768 is not an obscure corner of
 * that band: it is the width of a portrait iPad and the width every tablet check
 * is run at, so the overlap was permanently in view and never attributed.
 *
 * What it did, measured on the preset matrix at 768:
 *
 *   - The hero grid got `grid-template-columns: 1fr !important` from the phone
 *     block and `repeat(var(--arc-cols-tablet), minmax(0, 1fr))` from here. One
 *     explicit column won, but `grid-column: span 2` on the magazine and mosaic
 *     lead still asked for a second, so grid invented an implicit `auto` track
 *     beside it: the columns came out 581px and 118px. A headline in the 118px
 *     track wrapped to about a word a line and its card measured 2019px tall,
 *     with its row-mate stretched to match. That is where community-magazine's
 *     4356px hero and magazine-mosaic's 4164px came from -- 4.8 screens of a
 *     five-story hero, on a tablet.
 *   - Twelve of the seventeen presets held a vertical hole of 256px to 444px,
 *     all of them inside a category section, all of them gone at 782px.
 *   - The archive lead lost its span: the block below doubles the archive tracks
 *     from 768px up while the rule that widens the lead to match starts at 782px,
 *     so between the two the lead sat in one track of four.
 *
 * The band is 14px wide and every one of those numbers is reproducible at 768 and
 * absent at 782, which is the whole argument for moving the four.
 */
@media (min-width: 782px) {
	body.arc-cols-tablet-1 .arc-balanced-grid > * {
		--arc-balanced-basis: 100%;
	}

	body.arc-cols-tablet-2 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}

	body.arc-cols-tablet-3 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-cols-tablet-4 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(25% - var(--arc-balanced-gap));
	}

	.arc-home > .arc-ad-slot--home {
		width: calc((var(--arc-ad-home-track) - var(--arc-balanced-gap)) / 2);
	}

	.arc-carousel__slide .arc-card {
		align-items: stretch;
		display: grid;
		grid-template-columns: minmax(0, 1.55fr) minmax(20rem, 0.95fr);
		padding: 0;
	}

	.arc-carousel__slide .arc-card--no-image {
		grid-template-columns: 1fr;
	}

	/*
	 * Cover was tried here and rejected: it cropped the graphic ("Vin" off the
	 * top) and upscaled the LCP. The cell may be as tall as the copy; the
	 * photograph is not. It sits contained and centred, with a border so the
	 * card radius does not shave the artwork. Slack in the cell is the surface
	 * colour — that is the letterbox, not a hole to fill by cropping.
	 */
	.arc-carousel__slide .arc-card__image,
	body.arc-image-fit-contain .arc-carousel__slide .arc-card--lead .arc-card__image,
	body.arc-media-ratio-auto .arc-carousel__slide .arc-card--lead .arc-card__image {
		--arc-lead-media-cap: min(28rem, 45vh);
		align-items: center;
		align-self: stretch;
		aspect-ratio: auto;
		border-radius: var(--arc-card-radius) 0 0 var(--arc-card-radius);
		display: flex;
		height: auto;
		justify-content: center;
		margin: 0;
		max-height: none;
		max-width: 100%;
		min-height: 0;
		min-width: 0;
		overflow: visible;
		padding: var(--arc-space-30);
		width: 100%;
	}

	.arc-carousel__slide .arc-card__image img,
	body.arc-image-fit-contain .arc-carousel__slide .arc-card--lead .arc-card__image img,
	body.arc-media-ratio-auto .arc-carousel__slide .arc-card--lead .arc-card__image img {
		border: 1px solid var(--wp--preset--color--border);
		border-radius: var(--arc-card-radius);
		height: auto;
		max-height: var(--arc-lead-media-cap);
		max-width: 100%;
		object-fit: contain;
		object-position: center;
		width: auto;
	}

	.arc-carousel__slide .arc-card__body {
		align-self: stretch;
		background: var(--wp--preset--color--surface);
		display: flex;
		justify-content: center;
		min-width: 0;
		padding: clamp(1.5rem, 3vw, 3.25rem);
		position: relative;
		z-index: 1;
	}

	/*
	 * This slide is a photo beside a text column, and the column is as tall as the
	 * photo -- 641px at 1440, 1016px at 2560. The shared card rule pins the
	 * dateline to the bottom of whatever box it is in, which is right for a card
	 * in a grid row and wrong here: it drove the dateline away from the standfirst
	 * and left the measured 323px at 1440 and 716px at 2560 of nothing between
	 * them, inside a bordered card. The column above already asks for its content
	 * to be centred; releasing the dateline lets it, so kicker, headline,
	 * standfirst and dateline read as one block set against the photo, and the
	 * slack becomes symmetric margin rather than a hole that grows with the
	 * window.
	 */
	.arc-carousel__slide .arc-card__meta {
		margin-top: 0;
	}

	.arc-carousel__slide .arc-card__title {
		font-size: clamp(1.55rem, 2.35vw, 2.75rem);
		overflow-wrap: break-word;
	}

	.arc-hero__grid,
	.arc-post-grid,
	.arc-archive-grid {
		grid-template-columns: repeat(var(--arc-cols-tablet), minmax(0, 1fr));
	}

	.arc-hero__grid .arc-card--lead {
		grid-column: 1 / -1;
	}

	.arc-home--mosaic .arc-post-grid .arc-card:first-child,
	.arc-home--magazine .arc-post-grid .arc-card:first-child {
		grid-column: span 2;
	}

	.arc-category-section--list .arc-card--horizontal {
		display: grid;
		gap: var(--arc-space-40);
		grid-template-columns: minmax(10rem, 32%) 1fr;
	}

	.arc-category-section--list .arc-card--horizontal.arc-card--no-image {
		grid-template-columns: 1fr;
	}

	.arc-category-section--list .arc-card--horizontal .arc-card__image {
		margin: 0;
	}

	.arc-category-section--featured .arc-post-grid .arc-card:first-child {
		grid-column: span 2;
	}
}

@media (min-width: 782px) and (max-width: 1199px) {
	.arc-home--dense .arc-category-section--featured .arc-post-grid.arc-balanced-grid,
	body.arc-home-breaking-newsroom .arc-category-section--featured .arc-post-grid.arc-balanced-grid {
		--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

		display: flex;
		flex-wrap: wrap;
		gap: var(--arc-balanced-gap);
		justify-content: center;
	}

	.arc-home--dense .arc-category-section--featured .arc-card--lead,
	body.arc-home-breaking-newsroom .arc-category-section--featured .arc-card--lead {
		flex: 0 1 100%;
		grid-column: auto;
		max-width: 100%;
	}

	.arc-home--dense .arc-category-section--featured .arc-card--standard,
	body.arc-home-breaking-newsroom .arc-category-section--featured .arc-card--standard {
		flex: 0 1 calc(50% - var(--arc-balanced-gap));
		max-width: calc(50% - var(--arc-balanced-gap));
	}
}

@media (min-width: 1200px) {
	.arc-home > .arc-ad-slot--home {
		width: calc((var(--arc-ad-home-track) - (2 * var(--arc-balanced-gap))) / 3);
	}

	body.arc-cols-desktop-1 .arc-balanced-grid > * {
		--arc-balanced-basis: 100%;
	}

	body.arc-cols-desktop-2 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}

	body.arc-cols-desktop-3 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-cols-desktop-4 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(25% - var(--arc-balanced-gap));
	}

	body.arc-cols-desktop-5 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(20% - var(--arc-balanced-gap));
	}

	body.arc-cols-desktop-6 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(16.666% - var(--arc-balanced-gap));
	}

	.arc-navigation-more > .wp-block-navigation__submenu-container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
		left: auto;
		max-height: min(70vh, 42rem);
		min-width: min(44rem, calc(100vw - 2rem));
		overflow: auto;
		padding: var(--arc-space-15);
		right: 0;
	}

	.arc-navigation-more > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		border-radius: var(--arc-control-radius);
	}

	.arc-hero__grid,
	.arc-post-grid,
	.arc-archive-grid {
		grid-template-columns: repeat(var(--arc-cols-desktop), minmax(0, 1fr));
	}

	.arc-hero__grid {
		grid-template-columns: minmax(0, 1.65fr) repeat(2, minmax(0, 1fr));
	}

	.arc-hero__grid .arc-card--lead {
		grid-column: auto;
		grid-row: span 2;
	}

	.arc-home--front .arc-hero__grid,
	.arc-home--authority .arc-hero__grid,
	.arc-home--insights .arc-hero__grid {
		grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
	}

	.arc-home--front .arc-hero__grid .arc-card--lead,
	.arc-home--authority .arc-hero__grid .arc-card--lead,
	.arc-home--insights .arc-hero__grid .arc-card--lead {
		grid-row: span 3;
	}

	.arc-home--mosaic .arc-hero__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.arc-home--mosaic .arc-hero__grid .arc-card--lead {
		grid-column: span 2;
	}

	.arc-home--journal .arc-hero__grid,
	.arc-home--expert .arc-hero__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.arc-home--stream .arc-category-section .arc-card {
		align-items: start;
		display: grid;
		gap: clamp(1.25rem, 2.5vw, 2.5rem);
		grid-template-columns: minmax(18rem, 34%) minmax(0, 1fr);
	}

	.arc-home--stream .arc-category-section .arc-card--no-image {
		grid-template-columns: 1fr;
	}

	.arc-home--stream .arc-category-section .arc-card__image {
		margin: 0;
	}

	.arc-home--dense .arc-post-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	/*
	 * Featured stays on CSS grid (flex leftover-centering is `--grid` only),
	 * so a short last row parked left in the 4-col dense track. Flex + a 50%
	 * lead keeps card width; leftover 1 or 2 sit in the middle, not stretched.
	 */
	.arc-home--dense .arc-category-section--featured .arc-post-grid.arc-balanced-grid,
	body.arc-home-breaking-newsroom .arc-category-section--featured .arc-post-grid.arc-balanced-grid {
		--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

		display: flex;
		flex-wrap: wrap;
		gap: var(--arc-balanced-gap);
		justify-content: center;
	}

	.arc-home--dense .arc-category-section--featured .arc-card--lead,
	body.arc-home-breaking-newsroom .arc-category-section--featured .arc-card--lead {
		flex: 0 1 calc(50% - var(--arc-balanced-gap));
		grid-column: auto;
		max-width: calc(50% - var(--arc-balanced-gap));
	}

	.arc-home--dense .arc-category-section--featured .arc-card--standard,
	body.arc-home-breaking-newsroom .arc-category-section--featured .arc-card--standard {
		flex: 0 1 calc(25% - var(--arc-balanced-gap));
		max-width: calc(25% - var(--arc-balanced-gap));
	}

	.arc-page--sidebar .arc-single-grid,
	.arc-enable-article-sidebar .arc-single-grid,
	.arc-enable-page-sidebar .arc-page-grid {
		grid-template-columns: minmax(0, 1fr) minmax(16rem, 21rem);
	}

	.arc-page--sidebar .arc-single-grid > .wp-block-template-part,
	.arc-enable-article-sidebar .arc-single-grid > .wp-block-template-part,
	.arc-enable-page-sidebar .arc-page-grid > .wp-block-template-part {
		display: block;
	}

	.arc-enable-archive-sidebar .arc-content-sidebar-grid {
		grid-template-columns: minmax(0, 1fr) minmax(16rem, 21rem);
	}

	/*
	 * The archive toolbar is injected as an extra grid child by render_block, so
	 * auto-placement would push the post list into the sidebar column. Place every
	 * child explicitly instead of relying on source order.
	 */
	.arc-enable-archive-sidebar .arc-content-sidebar-grid > .arc-archive-toolbar {
		grid-column: 1 / -1;
	}

	.arc-enable-archive-sidebar .arc-content-sidebar-grid > .arc-archive-query {
		grid-column: 1;
	}

	.arc-enable-archive-sidebar .arc-content-sidebar-grid > .wp-block-template-part {
		grid-column: 2;
	}

	.arc-single-grid > .wp-block-template-part .arc-sidebar,
	.arc-content-sidebar-grid > .wp-block-template-part .arc-sidebar {
		position: sticky;
		top: 8.5rem;
	}

	/*
	 * The lead card spans two columns and two rows, which only balances when the
	 * remaining column has at least two cards to stack beside it. With one or two
	 * posts in the archive it left a third of the row blank, and a single post sat
	 * in two of three columns instead of being centred.
	 */
	.arc-archive-preset-featured-list .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)),
	.arc-archive-preset-magazine .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)) {
		grid-column: span 2;
		grid-row: span 2;
	}
}

/*
 * Featured-list / magazine archive cards are sibling blocks (image, kicker,
 * title, excerpt, meta) — not a `.arc-card__body` wrap. A 2-column horizontal
 * grid without placements parked the title under the thumb (overflow-hidden,
 * "missing") and smashed the byline into the 35% track. Desktop stays a
 * column. Cards size to content so a wide lead cannot stretch a neighbour
 * into a hollow well; leftover-row tracks are unchanged.
 */
body.arc-archive-preset-featured-list .arc-archive-grid .arc-card,
body.arc-archive-preset-magazine .arc-archive-grid .arc-card {
	height: auto;
}

/*
 * Banat archive leftover: designed 16:9 infographics (Redactare & Publicare)
 * were still asked as arc-4x3, so the side panels were already missing in the
 * file. PHP swaps those to arc-card and marks the figure. Contain + auto
 * ratio keeps all three panels; photos without the class stay 4:3 cover.
 */
.arc-archive-grid .wp-block-post-featured-image.arc-image--graphic {
	aspect-ratio: auto;
	background: transparent;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

.arc-archive-grid .wp-block-post-featured-image.arc-image--graphic picture {
	display: flex;
	height: auto;
	justify-content: center;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

.arc-archive-grid .wp-block-post-featured-image.arc-image--graphic img {
	box-sizing: border-box;
	display: block;
	height: auto;
	margin-inline: auto;
	max-height: min(28rem, 45vh);
	max-width: 100%;
	min-width: 0;
	object-fit: contain;
	width: auto;
}

.arc-archive-preset-featured-list .arc-archive-grid > li:first-child .wp-block-post-featured-image.arc-image--graphic img {
	max-height: min(28rem, 45vh);
}

@media (min-width: 782px) {
	.arc-archive-grid .arc-card--archive {
		display: flex;
		flex-direction: column;
	}

	.arc-archive-grid .arc-card--archive .wp-block-post-featured-image,
	.arc-archive-grid .arc-card--archive :where(.arc-card__categories, .wp-block-post-terms, .arc-card__title, .wp-block-post-title, .arc-card__excerpt, .wp-block-post-excerpt, .arc-card__meta, .wp-block-post-date) {
		grid-column: auto;
		grid-row: auto;
		min-width: 0;
		width: 100%;
	}

	.arc-archive-grid .arc-card--archive a.arc-kicker,
	.arc-archive-grid .arc-card--archive a.arc-card__category {
		width: fit-content;
	}

	.arc-archive-grid .arc-card--archive :where(.arc-card__title, .wp-block-post-title) {
		-webkit-line-clamp: 3;
		min-height: 0;
	}

	.arc-archive-grid .arc-card--archive :where(.arc-card__meta, .wp-block-post-date) {
		margin-top: var(--arc-space-25);
	}
}

@media (min-width: 1200px) {
	.arc-enable-archive-sidebar .arc-content-sidebar-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)) {
		grid-template-columns: minmax(0, 1fr);
	}

	.arc-enable-archive-sidebar .arc-content-sidebar-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)) > .wp-block-template-part {
		display: none;
	}

	/*
	 * editorial-side / community-magazine must not keep a 21rem track when
	 * the rail has nothing of its own (no leftover widget, no most-read,
	 * no sidebar ad). Same collapse as the empty archive sidebar.
	 */
	.arc-enable-article-sidebar .arc-single-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)),
	.arc-page--sidebar .arc-single-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)),
	.arc-enable-page-sidebar .arc-page-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)) {
		grid-template-columns: minmax(0, 1fr);
	}

	.arc-enable-article-sidebar .arc-single-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)) > .wp-block-template-part,
	.arc-page--sidebar .arc-single-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)) > .wp-block-template-part,
	.arc-enable-page-sidebar .arc-page-grid:not(:has(.arc-widget)):not(:has(.arc-most-read)):not(:has(.arc-ad-slot--sidebar)) > .wp-block-template-part {
		display: none;
	}
}

/*
 * Featured-list / magazine archives: the 2×2 lead span reserved a hole beside
 * a short first card (measured 650–1500px). Same tokens as the homepage
 * balanced grid — full-width lead, then three columns, leftover takes the row.
 * List view keeps the river. Editorial Hybrid's carousel is not these selectors.
 */
@media (min-width: 782px) {
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid,
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid.is-layout-grid,
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-search-list,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid.is-layout-grid {
		--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

		display: flex !important;
		flex-wrap: wrap;
		gap: var(--arc-balanced-gap);
		justify-content: center;
	}

	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li {
		flex: 0 1 calc(50% - var(--arc-balanced-gap));
		grid-column: auto;
		grid-row: auto;
		max-width: 100%;
		min-width: 0;
	}

	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:first-child,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:first-child {
		flex-basis: 100%;
	}
}

@media (min-width: 782px) and (max-width: 1199px) {
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:nth-child(even),
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:nth-child(even) {
		flex-basis: 100%;
	}
}

@media (min-width: 1200px) {
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li {
		flex-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:first-child,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:first-child {
		flex-basis: 100%;
	}

	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:nth-child(3n + 2),
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:nth-child(3n + 2) {
		flex-basis: 100%;
	}

	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:nth-last-child(2):nth-child(3n + 2),
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:nth-child(3n),
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:nth-last-child(2):nth-child(3n + 2),
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:nth-child(3n) {
		flex-basis: calc(50% - var(--arc-balanced-gap));
	}
}

@media (min-width: 1800px) {
	/*
	 * Same well as home cards. Do not grow the archive wrapper to the
	 * 107rem TOC cluster — that left-anchored the pair beside an empty rail.
	 */
	.arc-main.arc-archive.alignwide,
	.arc-main.arc-search.alignwide,
	.arc-main.arc-author.alignwide,
	.arc-main.arc-404.alignwide {
		max-width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter))) !important;
	}
}

/* Match the track count to what is actually in the list, so a short archive
 * fills its row instead of trailing off into empty columns. */
.arc-archive-grid:has(> li:last-child:nth-child(2)) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.arc-archive-grid:has(> li:only-child) {
	grid-template-columns: minmax(0, 1fr);
}

.arc-archive-grid > li:only-child {
	justify-self: center;
	max-width: 38rem;
	width: 100%;
}

/*
 * Centring an incomplete last row.
 *
 * Grid places a short last row from track 1 and leaves the slack on the right,
 * so ten posts across three columns ended with one card alone on the left and
 * two thirds of the row empty. Flexbox centres such a row on its own, but these
 * layouts need the lead card to span two rows, which flex cannot express.
 *
 * The way out is to run twice as many tracks as there are columns and let every
 * card span two of them. That buys a half-column offset, which is exactly what
 * centring a short row needs: of three columns, a single leftover card starts at
 * track 3, and a leftover pair starts at track 2.
 *
 * Which track that is depends on how many cards are left over, so the rules are
 * written per column count -- two and three, the counts these layouts are drawn
 * for. Wider configurations keep the plain left-aligned last row.
 */
body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid,
body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid {
	grid-template-columns: repeat(calc(var(--arc-cols-mobile) * 2), minmax(0, 1fr));
}

body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li,
body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li {
	grid-column: span 2;
}

body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid:has(> li:last-child:nth-child(2)),
body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid:has(> li:last-child:nth-child(2)) {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid:has(> li:only-child),
body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid:has(> li:only-child) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 782px so the doubled tracks and the lead's span over four of them start at the
 * same width. See the note on the grid block above. */
@media (min-width: 782px) {
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid {
		grid-template-columns: repeat(calc(var(--arc-cols-tablet) * 2), minmax(0, 1fr));
	}
}

@media (min-width: 782px) {
	/* The lead now covers four of the doubled tracks rather than two. */
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)),
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)) {
		grid-column: span 4;
		grid-row: span 2;
	}

}

/*
 * Bounded above as well as below: the tablet column count is a body class, which
 * is set whatever the window is doing, so without the ceiling this rule also
 * fired on desktop and pushed a second leftover card onto a row of its own.
 *
 * The lead occupies four cells where a card occupies one, so it adds three to the
 * cell count: with two columns a leftover card is left when the post count is
 * even, and it belongs in the second of the two columns.
 */
@media (min-width: 782px) and (max-width: 1023px) {
	body.arc-cols-tablet-2.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(2n),
	body.arc-cols-tablet-2.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(2n) {
		grid-column: 2 / span 2;
	}
}

@media (min-width: 1024px) {
	body.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid,
	body.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid {
		grid-template-columns: repeat(calc(var(--arc-cols-desktop) * 2), minmax(0, 1fr));
	}

	/*
	 * Adding three cells to the count leaves the same remainder as the count
	 * itself once three columns divide it, so the first card of a short row is
	 * always the one at 3n + 1 whether or not a lead is present.
	 */
	body.arc-cols-desktop-3.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(3n + 1),
	body.arc-cols-desktop-3.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(3n + 1) {
		grid-column: 3 / span 2;
	}

	body.arc-cols-desktop-3.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:nth-last-child(2):not(:first-child):nth-child(3n + 1),
	body.arc-cols-desktop-3.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:nth-last-child(2):not(:first-child):nth-child(3n + 1) {
		grid-column: 2 / span 2;
	}
}

/*
 * Magazine Mosaic archives inherit the home floor plan. Editorial Hybrid
 * (Iași) keeps the featured-list full-width lead above. Mosaic (Cluj) puts
 * a lead beside a two-card stack, then a denser 3-up magazine grid, so the
 * first screen is not a 1:1 copy of the Hybrid archive. List view is
 * excluded: those rows stay full width (premium.css).
 */
@media (min-width: 782px) {
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid.is-layout-grid,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid {
		--arc-balanced-gap: clamp(0.85rem, 1.6vw, 1.25rem);

		align-items: start;
		display: grid !important;
		flex-wrap: unset;
		gap: var(--arc-balanced-gap);
		grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
		justify-content: stretch;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li {
		flex: none;
		flex-basis: auto;
		grid-column: auto;
		grid-row: auto;
		max-width: 100%;
		width: auto;
	}

	body.arc-preset-magazine-mosaic.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)),
	body.arc-preset-magazine-mosaic.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)) {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(2),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(3) {
		grid-column: 2;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:only-child {
		grid-column: 1 / -1;
		margin-inline: auto;
		max-width: 38rem;
		width: 100%;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:first-child .arc-card {
		background: transparent;
		border: 0;
		padding: 0;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(2) .arc-card--archive,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(3) .arc-card--archive {
		align-items: start;
		column-gap: 0.85rem;
		display: grid;
		grid-template-columns: minmax(7.5rem, min(38%, 12rem)) minmax(0, 1fr);
		grid-template-rows: auto auto 1fr auto;
		row-gap: var(--arc-space-10);
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(2) .arc-card--archive > .wp-block-post-featured-image,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(3) .arc-card--archive > .wp-block-post-featured-image {
		grid-column: 1;
		grid-row: 1 / span 4;
		margin: 0;
		max-height: 9rem;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(2) .arc-card--archive > :not(.wp-block-post-featured-image),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(3) .arc-card--archive > :not(.wp-block-post-featured-image) {
		grid-column: 2;
		margin: 0;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(2) .arc-card--archive :where(.arc-card__excerpt, .wp-block-post-excerpt),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(3) .arc-card--archive :where(.arc-card__excerpt, .wp-block-post-excerpt) {
		display: none;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(2) .arc-card--archive:not(:has(.wp-block-post-featured-image)),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(3) .arc-card--archive:not(:has(.wp-block-post-featured-image)) {
		grid-template-columns: minmax(0, 1fr);
	}

	body.arc-preset-magazine-mosaic.arc-cols-tablet-2.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(2n),
	body.arc-preset-magazine-mosaic.arc-cols-tablet-2.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(2n) {
		grid-column: 2;
		grid-row: auto;
	}
}

@media (min-width: 1200px) {
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid.is-layout-grid,
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid.arc-balanced-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	body.arc-preset-magazine-mosaic.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)),
	body.arc-preset-magazine-mosaic.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:first-child:not(:nth-last-child(-n + 2)) {
		grid-column: 1 / span 4;
		grid-row: 1 / span 2;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(2),
	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(3) {
		grid-column: 5 / span 2;
	}

	body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid > li:nth-child(n + 4) {
		grid-column: span 2;
		grid-row: auto;
	}

	body.arc-preset-magazine-mosaic.arc-cols-desktop-3.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(3n + 1),
	body.arc-preset-magazine-mosaic.arc-cols-desktop-3.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:last-child:not(:only-child):nth-child(3n + 1),
	body.arc-preset-magazine-mosaic.arc-cols-desktop-3.arc-archive-preset-featured-list:not(.arc-archive-view-list) .arc-archive-grid > li:nth-last-child(2):not(:first-child):nth-child(3n + 1),
	body.arc-preset-magazine-mosaic.arc-cols-desktop-3.arc-archive-preset-magazine:not(.arc-archive-view-list) .arc-archive-grid > li:nth-last-child(2):not(:first-child):nth-child(3n + 1) {
		grid-column: span 2;
		grid-row: auto;
	}
}

@media (min-width: 1024px) {
	.arc-content-sidebar-grid {
		column-gap: clamp(1.5rem, 3vw, 2.75rem);
	}

	.arc-hero__grid {
		grid-template-columns: minmax(0, 1.75fr) repeat(2, minmax(0, 1fr));
	}

	.arc-archive-grid {
		grid-template-columns: repeat(var(--arc-cols-desktop), minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {
	.arc-site-header__inner {
		max-width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
	}

	.arc-hero__grid {
		grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr));
	}

	.arc-home--mosaic .arc-hero__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1440px) {
	.arc-site-header__inner,
	.arc-footer-widgets {
		column-gap: clamp(2rem, 3vw, 4rem);
	}

	/*
	 * The section rhythm stops growing here, and this is the width where it had to.
	 *
	 * `--arc-section-gap` is `5vw`, so it is 72px at 1440 and holds at its 5rem
	 * ceiling from 1600 up. Every section boundary then costs that gap plus the
	 * 40px of padding each section carries on its own, which is 152px of pure
	 * separation before any content is involved -- the grid gap and the section
	 * padding are two ways of saying the same thing, and both were being paid.
	 * Measured from the last dateline of one section to the next section's heading:
	 * 154-176px at 1440 with nothing between them, and 200-236px wherever an
	 * editorial interstitial or an ad slot falls between, because those bring their
	 * own top padding on top of it.
	 *
	 * 2.5rem is `--arc-space-65`, a step the theme's own scale already carries; the
	 * WordPress scale in theme.json jumps 2rem to 3rem, and the half-steps between
	 * its rungs are exactly what that extension is for. Nothing here is a new
	 * number.
	 *
	 * The compact density comes down with it. Its clamp reaches 43.2px at this
	 * width, so left alone it would have been airier than balanced -- the scale
	 * would have read backwards for anyone who had chosen the tighter of the two.
	 * Airy keeps its own 100.8px: a reader who asks for room is asking for this.
	 *
	 * Below 1440 nothing changes, which is deliberate. The gap is 51px at 1024 and
	 * 64px at 1280, both of which are already proportionate to the page; it is only
	 * once the ramp tops out that the separation stops being proportional to
	 * anything. bin/verify-responsive.php holds the step down.
	 */
	:root {
		--arc-section-gap: var(--arc-space-65);
	}

	.arc-density-compact {
		--arc-section-gap: var(--arc-space-60);
	}

}

/*
 * Wide-screen step. 2560 is a width the theme is designed for, not one it
 * tolerates: on a 1600px track a 2560 screen is a third content and two thirds
 * margin, every fluid ramp has been sitting on its ceiling since somewhere
 * between 1090 and 1650px, and a three-card row paints 700px cards. The extra
 * room is spent on another card and on lifting the ceilings, not on stretching
 * what is already there. It opens at 1800 so 1600 and 1680 screens keep exactly
 * today's layout, and the track stops growing at 2160 so 3440 centres instead
 * of running the rows out to arm's length.
 */
@media (min-width: 1800px) {
	:root {
		--arc-page-gutter: clamp(2.5rem, 4vw, 5rem);
		--arc-wide-width: 2160px;
	}

	/*
	 * Descriptive text keeps running the full track, but a full track up here is
	 * a 177-character line at 1800 and 240 at 2560 -- measured. Two columns bring
	 * that back to about 100 and 123, without handing the width back and without
	 * leaving a tinted band half empty, which is what a centred measure did. PHP
	 * adds the class only to text past 400 characters, which is where there is
	 * enough of it to give both columns two lines; a shorter one never splits.
	 */
	.arc-text-columns {
		column-gap: calc(var(--arc-card-inset) * 2);
		columns: 2;
	}

	/*
	 * Editorial archives (Iași) stay one column even when a cached page still
	 * carries .arc-text-columns. Scoped to the archive lede so home section
	 * intros can still split. Higher specificity than the rule above.
	 */
	body.arc-archive-intro-editorial .arc-archive__description,
	body.arc-archive-intro-editorial .wp-block-term-description,
	body.arc-archive-intro-city .arc-archive__description,
	body.arc-archive-intro-city .wp-block-term-description,
	body.arc-archive-intro-ledger .arc-archive__description,
	body.arc-archive-intro-ledger .wp-block-term-description {
		column-count: 1;
		column-gap: 0;
		columns: 1;
	}

	/*
	 * Type ceilings. Body text stopped growing at 1090px and card titles at
	 * 1493px, so from there to 2560 the page scaled while its text did not,
	 * which is what makes a wide layout read as a magnified one.
	 */
	body.arc-theme {
		font-size: clamp(1.0625rem, 0.26vw + 0.77rem, 1.1875rem);
	}

	.arc-section__header h2 {
		font-size: clamp(2.65rem, 2.2vw, 3.05rem);
	}

	.arc-card__title,
	.arc-card .wp-block-post-title {
		font-size: clamp(1.4rem, 1.3vw, 1.6rem);
	}

	/*
	 * Only the measure changes here. The size is the `large` step and that step is
	 * fluid, so it has already reached its 36px ceiling by this width -- the hand
	 * rolled clamp that used to sit here was an exception to the scale that bought
	 * nothing, and before that the line ran 76-88px: the site's own name, set
	 * larger than any headline under it.
	 */
	.arc-home__intro h1 {
		max-width: none;
	}

	/*
	 * One more card per row rather than the same cards made wider: at a 2160px
	 * track three columns paint ~700px cards and four paint ~520px, which is the
	 * width the card is drawn for. Only the flex grids take the extra column.
	 * The two archive presets that centre a short row do it with doubled tracks
	 * and placement arithmetic pinned to the column count, and a featured
	 * section spends two of its first row's tracks on the lead card, so both
	 * keep the configured count until that arithmetic is generalised.
	 */
	body.arc-cols-desktop-2 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-cols-desktop-3 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(25% - var(--arc-balanced-gap));
	}

	body.arc-cols-desktop-4 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(20% - var(--arc-balanced-gap));
	}

	body.arc-cols-desktop-5 .arc-balanced-grid > * {
		--arc-balanced-basis: calc(16.666% - var(--arc-balanced-gap));
	}

	/*
	 * The sidebar was capped at 21rem, so the wider the screen the thinner it
	 * read: 29% of the track at 1440 and 16% at 2160, which is the point where
	 * it stops looking like a column and starts looking like a leftover.
	 */
	.arc-page--sidebar .arc-single-grid,
	.arc-enable-article-sidebar .arc-single-grid,
	.arc-enable-page-sidebar .arc-page-grid,
	.arc-enable-archive-sidebar .arc-content-sidebar-grid {
		grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem);
	}
}

/*
 * The contents rail. It lives in the slack beside the article card, not at the page
 * edge, which belongs to the page gutter. It floats, so the reading measure never
 * moves, and the float sits entirely left of the card, so no line wraps around it.
 * The class only lands when the script runs, so a closed list never gets laid out as
 * a rail.
 *
 * The slack is the auto margin core leaves between the article and its content card,
 * and it is what sets the threshold: 266px at 2100, 316px at 2200, 376px at 2560,
 * against a rail of 224px plus a 32px gap to the card's border, so 256px. 2100 is the
 * first width where that fits, with 10px to spare -- which is tight, and worth
 * knowing before anyone widens the rail or the gap. Measure before changing either;
 * the numbers above come from the article template with the sidebar on.
 */
/*
 * The SEO rail uses the same left margin the contents list occupies at 2100px.
 * It is display:none everywhere else, so an article that has no TOC does not
 * grow a second callout in the reading column on a laptop.
 */
.arc-seo-rail {
	display: none;
}

@media (min-width: 2100px) {
	.arc-toc--rail,
	.arc-seo-rail {
		--arc-toc-rail: 14rem;
		--arc-toc-gap: 2rem;
		/*
		 * What the rail has to climb over to get out of the article, and the reason
		 * the first fix was not enough.
		 *
		 * .arc-article .wp-block-post-content is a bordered card: `border: 1px solid`
		 * plus `padding: clamp(1.1rem, 3.5vw, 3rem)`. A negative margin on a child is
		 * measured from the parent's *padding* box, so pulling back only the rail
		 * width and the gap lands the rail's right edge 17px inside the card, past its
		 * left border and onto its surface. Nothing overlapped the text -- the gap to
		 * the first character was the designed 2rem -- but the card's hairline ran
		 * vertically through the rail, and every list item long enough to fill the rail
		 * spilled over the border onto the card. On a guide with twelve entries and
		 * titles that wrap, that is most of them.
		 *
		 * So the pull has to clear the padding and the border too. 3rem is written as a
		 * constant rather than repeating the clamp because the clamp is saturated here:
		 * 3.5vw passes 3rem at 1372px and the rail does not exist below 2100px, so the
		 * padding is 48px everywhere this rule applies. If that padding expression ever
		 * changes, this has to change with it -- there is no way to read a parent's
		 * padding from CSS, which is exactly why it is called out here.
		 */
		--arc-toc-card: calc(3rem + 1px);

		background: transparent;
		border-left: 1px solid var(--wp--preset--color--border);
		float: left;
		margin-block: 0 var(--arc-space-50);
		/*
		 * !important, and not out of laziness: core owns this property here.
		 * .wp-block-post-content is a constrained-layout block, so core ships
		 *
		 *   .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		 *     margin-left: auto !important; margin-right: auto !important;
		 *   }
		 *
		 * which matches this nav and beat the pull-out margin no matter how the theme
		 * wrote it -- a shorthand, a longhand, even an inline style all computed to
		 * margin-left: 0. The rail therefore never left the text column: it stayed
		 * inside the reading measure as a sticky float and painted the list over the
		 * headings, the paragraphs and the images, at every scroll position. Anything
		 * without !important is decorative here.
		 *
		 * The theme already answers this exact core rule the same way for cards, at
		 * `.arc-card.is-layout-constrained > *`. Written as margin-inline because core
		 * sets both sides and both have to go.
		 */
		margin-inline: calc(-1 * (var(--arc-toc-rail) + var(--arc-toc-gap) + var(--arc-toc-card))) 0 !important;
		/*
		 * No inner scrollport. A max-height plus overflow-y: auto/scroll paints
		 * a classic Windows gutter (arrows and all) between the rail and the
		 * article, and “thin” / overlay scrollbar CSS does not hide that on
		 * Windows. The rail is sticky under the header and grows with its
		 * list. If it is taller than the leftover viewport, sticky stops at
		 * the bottom of the article and the *page* scrolls — no rail gutter.
		 */
		overflow: visible;
		padding: 0 0.35rem 0 0.9rem;
		position: sticky;
		/*
		 * The measured token is what the parked header actually covers, and it is
		 * the right number whenever it exists. The fallback is 9.5rem rather than
		 * the 5.5rem used elsewhere because this rule only ever applies above
		 * 2100px, where the header measures 150px: a fallback has to match the
		 * width it falls back at, or the rail parks under the bar.
		 */
		top: calc(var(--arc-header-h, 9.5rem) + 1.5rem);
		width: var(--arc-toc-rail);
	}

	.arc-seo-rail {
		display: block;
	}

	.arc-main:has(.arc-toc--rail) .arc-seo-rail {
		display: none;
	}

	/*
	 * In the margin the list is a rail, not a callout, so it drops the accordion
	 * card and its plus/minus and keeps a hairline instead. Three classes because
	 * the accordion rules it overrides are themselves two classes and a type.
	 */
	.arc-toc.arc-toc--rail .arc-toc__panel {
		background: transparent;
		border: 0;
		border-radius: 0;
		margin: 0;
	}

	.arc-toc.arc-toc--rail .arc-toc__summary {
		font-size: calc(var(--arc-text-xs) + 1px);
		font-weight: 800;
		hyphens: none;
		letter-spacing: 0.12em;
		line-height: 1.25;
		overflow-wrap: normal;
		padding: 0 0 var(--arc-space-15);
		text-transform: uppercase;
		word-break: normal;
	}

	.arc-toc.arc-toc--rail .arc-toc__summary::after {
		content: none;
	}

	/*
	 * Same specificity fight as the SEO rail title: the accordion h2 is inside
	 * .wp-block-post-content, so `.arc-article .wp-block-post-content h2`
	 * (clamp 1.65–2.55rem) beats a two-class rail rule. Prefix the content
	 * path so the rail label stays a sibling of “Pe scurt”, not a display H2.
	 */
	.arc-article .wp-block-post-content .arc-toc.arc-toc--rail .arc-toc__summary h2,
	.arc-page .wp-block-post-content .arc-toc.arc-toc--rail .arc-toc__summary h2,
	.arc-toc.arc-toc--rail .arc-toc__summary h2 {
		border: 0;
		display: inline;
		font-size: inherit;
		hyphens: none;
		letter-spacing: inherit;
		line-height: inherit;
		margin: 0;
		overflow-wrap: normal;
		padding: 0;
		word-break: normal;
	}

	.arc-toc.arc-toc--rail .arc-toc__panel > ol {
		font-size: var(--arc-text-s);
		gap: var(--arc-space-20);
		line-height: 1.35;
		margin-inline: 0;
		padding-left: 1.1rem;
	}

	/*
	 * “În acest articol” is an h2 inside the article card. Without the
	 * .wp-block-post-content prefix, `.arc-article .wp-block-post-content h2`
	 * wins (0,2,1 vs 0,2,0): ~2.55rem uppercase + 0.12em tracking in a 14rem
	 * rail, body overflow-wrap:break-word, and ARTICOL splits to ARTICO / L.
	 * “Pe scurt” is an h3 and already beat its sibling rule (0,3,1). Title is
	 * 1px above that label; wrap only at spaces, two lines max in practice.
	 */
	.arc-article .wp-block-post-content .arc-seo-rail .arc-seo-rail__title,
	.arc-page .wp-block-post-content .arc-seo-rail .arc-seo-rail__title,
	.arc-seo-rail .arc-seo-rail__title {
		border: 0;
		font-size: calc(var(--arc-text-xs) + 1px);
		font-weight: 800;
		hyphens: none;
		letter-spacing: 0.12em;
		line-height: 1.25;
		margin: 0 0 var(--arc-space-15);
		overflow-wrap: normal;
		padding: 0;
		text-transform: uppercase;
		word-break: normal;
	}

	.arc-article .wp-block-post-content .arc-seo-rail .arc-seo-rail__block h3,
	.arc-page .wp-block-post-content .arc-seo-rail .arc-seo-rail__block h3,
	.arc-seo-rail .arc-seo-rail__block h3 {
		border: 0;
		font-size: var(--arc-text-xs);
		font-weight: 800;
		hyphens: none;
		letter-spacing: 0.12em;
		line-height: 1.25;
		margin: 0 0 var(--arc-space-15);
		overflow-wrap: normal;
		padding: 0;
		text-transform: uppercase;
		word-break: normal;
	}

	.arc-seo-rail .arc-seo-rail__block {
		margin-block: 0 var(--arc-space-40);
	}

	.arc-seo-rail .arc-seo-rail__block:last-child {
		margin-bottom: 0;
	}

	.arc-seo-rail ul,
	.arc-seo-rail dl {
		font-size: var(--arc-text-s);
		line-height: 1.35;
		margin: 0;
		padding-left: 1.1rem;
	}

	.arc-seo-rail li + li,
	.arc-seo-rail dt + dt,
	.arc-seo-rail dd + dt {
		margin-top: var(--arc-space-20);
	}

	.arc-seo-rail dt {
		font-weight: 700;
		padding-left: 0;
	}

	.arc-seo-rail dd {
		margin: 0.25rem 0 0;
		padding-left: 0;
	}

	.arc-seo-rail a {
		color: inherit;
		text-decoration: underline;
		text-underline-offset: 0.12em;
	}
}

@media (min-width: 782px) {
	.arc-brand {
		min-width: 12rem;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
		width: auto;
	}

	.arc-article > .wp-block-post-title,
	.arc-article__categories,
	.arc-article__lead,
	.arc-article__tags {
		text-align: center;
	}

	.arc-ad-banner__image {
		height: auto;
		max-height: none;
		width: auto;
	}

	/*
	 * Deliberately not the rule above: an article centres its own header because
	 * it opens onto a single column of prose, while an archive opens onto a
	 * breadcrumb, a term description banded to the left edge and a grid, all
	 * anchored to the same left margin. A centred title there has nothing to line
	 * up with. Two selectors for category and tag used to sit in this list to
	 * out-specify a centring rule elsewhere in the file; both are gone.
	 */
	.arc-archive > .wp-block-query-title,
	.arc-search > .wp-block-query-title,
	.arc-author > .wp-block-query-title {
		text-align: inherit;
	}

	body.arc-article-reading-focus .arc-post-meta {
		justify-content: center;
	}

	.arc-share:not(.arc-share--desktop-sticky) {
		text-align: center;
	}

	.arc-share:not(.arc-share--desktop-sticky) ul {
		justify-content: center;
	}

	.arc-header-search-panel {
		padding-top: 7rem;
	}

	.arc-header-search-panel .arc-header-search {
		max-width: 40rem;
	}

	.arc-carousel__dots {
		display: none;
	}
}

@media (min-width: 782px) and (max-width: 1199px) {
	:is(.arc-post-grid, .arc-archive-grid, .arc-hero__grid, .arc-balanced-grid) {
		min-width: 0;
	}

	.arc-balanced-grid > * {
		min-width: 0;
	}

	.arc-card,
	.arc-card__body {
		max-width: 100%;
		min-width: 0;
	}

	body.arc-cols-tablet-1 :is(.arc-post-grid, .arc-archive-grid) {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 781px) {
	:root {
		--arc-page-gutter: clamp(0.875rem, 4.2vw, 1.15rem);
		--arc-section-gap: clamp(1.35rem, 5vw, 2.25rem);
		--arc-panel-radius: 0.85rem;
		--arc-river-thumb: clamp(5.25rem, 24vw, 6.75rem);
		--arc-river-gap: 0.65rem;
		--arc-river-pad-y: 0.85rem;
	}

	.arc-site-header {
		max-width: 100%;
		overflow-x: clip;
	}

	body.arc-theme {
		max-width: 100%;
		overflow-x: clip;
	}

	.arc-main {
		padding-block: clamp(1.15rem, 4vw, 1.85rem);
	}

	/* Same measured pin as the desktop rule; the 46px is only the fallback for
	 * the narrow admin bar, kept because it is what this breakpoint used to
	 * hardcode. Left as a literal, the header parked 14px off whatever mobile.js
	 * measured and every anchor jump inherited the difference. */
	.admin-bar .arc-site-header {
		top: var(--arc-header-pin, 46px);
	}

	.arc-site-header__inner {
		flex-wrap: nowrap !important;
		gap: var(--arc-space-20);
		min-height: 3.35rem;
		padding-block: var(--arc-space-25);
		width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
	}

	.arc-brand {
		flex: 1 1 auto;
		gap: var(--arc-space-20);
		margin-right: 0;
		min-width: 0;
	}

	.arc-brand .wp-block-site-logo img {
		height: auto;
		max-width: 40px;
	}

	.arc-site-title {
		font-size: clamp(0.95rem, 4.6vw, 1.15rem);
		line-height: 1.1;
		overflow-wrap: anywhere;
	}

	.arc-site-tagline {
		display: none;
	}

	.arc-header-search {
		display: none;
	}

	.arc-header-search-toggle {
		display: inline-flex;
		min-height: 2.75rem;
		min-width: 2.75rem;
	}

	.arc-header-search-panel {
		background: color-mix(in srgb, var(--wp--preset--color--background) 96%, transparent);
		display: none;
		inset: 0;
		padding: calc(env(safe-area-inset-top, 0px) + 4.5rem) var(--arc-page-gutter) var(--arc-page-gutter);
		position: fixed;
		z-index: 100002;
	}

	@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
		.arc-header-search-panel {
			-webkit-backdrop-filter: blur(12px);
			backdrop-filter: blur(12px);
		}
	}

	.arc-header-search-panel.is-open {
		display: flex;
		flex-direction: column;
	}

	.arc-header-search-close {
		align-self: flex-end;
		display: inline-flex;
		margin-bottom: var(--arc-space-25);
		min-height: 2.75rem;
		min-width: 2.75rem;
	}

	.arc-header-search-panel .arc-header-search {
		display: block;
		margin-inline: auto;
		max-width: 36rem;
		width: 100%;
	}

	.arc-header-search-panel .wp-block-search__inside-wrapper {
		max-width: none;
	}

	.arc-site-header {
		padding-top: env(safe-area-inset-top, 0);
		transition:
			box-shadow var(--arc-motion-duration) var(--arc-ease),
			border-color var(--arc-motion-duration) var(--arc-ease);
	}

	.arc-site-header.is-scrolled {
		box-shadow: 0 8px 24px color-mix(in srgb, var(--wp--preset--color--text) 8%, transparent);
	}

	.arc-site-header.is-scrolled .arc-site-header__inner {
		min-height: 3rem;
		padding-block: var(--arc-space-20);
	}

	.arc-site-header.is-scrolled .arc-brand .wp-block-site-logo img {
		max-width: 34px;
	}

	.arc-reading-progress {
		display: block;
	}

	/*
	 * `content-visibility: auto` used to be here, with `contain-intrinsic-size:
	 * auto 1500px` under it. It is gone, and the reason is worth keeping, because
	 * two rounds of tuning the number had already been spent on it.
	 *
	 * A reservation is a claim about a height, and a category section is a grid of
	 * three auto rows -- header, description, cards. While the section is skipped
	 * the claim is what sizes it, and `align-content` is `normal`, so the
	 * difference between the claim and the content is not held at the bottom of
	 * the section: it is divided equally between the three rows. Measured on
	 * city-sections, section three, at 390px: the rows want 55 + 220 + 494px and
	 * were given 285 + 450 + 724px. Each row was handed 227.86px it had no content
	 * for -- a hole under the heading, a hole under the standfirst, a hole inside
	 * the card list -- and that is one section of six.
	 *
	 * That is the whole of the vertical-gap family the geometry probe reports below
	 * 782px: 200-320px on twelve of the seventeen presets, at every width in the
	 * phone band, always in threes, always about the same size. Releasing the
	 * property in the browser closes every one of them and takes the home page from
	 * 15037px to 11629px at 390 and from 15187px to 10913px at 768. The document
	 * was a third longer than the page, which is also why it shortened under the
	 * reader as sections came into view.
	 *
	 * Earlier notes here recorded the other end of the same problem: a 560px guess
	 * understated the sections, the document went short, and 98 card text boxes
	 * ended up below their own section's bottom edge with 11 in the footer's band,
	 * which is where PageSpeed's phantom "1.59:1, #17603a on #253b2d" came from.
	 * The conclusion drawn was that the guess needed to be bigger. It did not: a
	 * single number cannot be right for a section that measures 613px on one preset
	 * and 1590px on another, so every value picked is either short enough to spill
	 * boxes or long enough to open holes, and 1500px was long enough on nearly all
	 * of them.
	 *
	 * What it bought is real but small, and it is priced. Median of three cold
	 * loads at 390 with a 4x CPU penalty, before and after: LCP 784ms against
	 * 756ms, which is inside the run-to-run spread; a forced reflow of the whole
	 * document 108ms against 185ms, which is not -- skipping five sections did save
	 * that layout, about 19ms of it at phone speed. That is the price, once, for a
	 * full-document reflow. Against it: a document 3408px longer than its own page
	 * on the phone and 4274px longer at 768, three holes in every section on twelve
	 * of the seventeen presets, and geometry that no tool reading the DOM can
	 * believe. Six sections of a news home page are not enough rendering work to
	 * buy that.
	 */

	/* Force single-column archive on mobile (781px still matched tablet balanced grid). */
	.arc-archive-grid,
	.arc-archive-grid.arc-balanced-grid {
		grid-template-columns: 1fr !important;
	}

	.arc-archive-grid.arc-balanced-grid > li,
	.arc-archive-grid.arc-balanced-grid > * {
		--arc-balanced-basis: 100%;
		flex: 1 1 100%;
		max-width: 100%;
	}

	/* Premium river feed — Foxiz/Jannah-style compact rows. */
	.arc-post-grid,
	.arc-archive-grid {
		gap: 0;
	}

	.arc-post-grid .arc-card--standard,
	.arc-archive-grid .arc-card--standard,
	.arc-category-section--grid .arc-post-grid .arc-card--standard,
	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) {
		align-items: start;
		background: transparent;
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--border);
		border-radius: 0;
		box-shadow: none;
		display: grid;
		gap: var(--arc-space-30);
		grid-template-columns: 6.75rem minmax(0, 1fr);
		padding: var(--arc-space-35) 0;
	}

	.arc-post-grid .arc-card--standard:last-child,
	.arc-archive-grid .arc-card--standard:last-child,
	.arc-category-section--grid .arc-post-grid .arc-card--standard:last-child {
		border-bottom: 0;
	}

	.arc-post-grid .arc-card--standard .arc-card__image,
	.arc-archive-grid .arc-card--standard .arc-card__image,
	.arc-category-section--grid .arc-post-grid .arc-card--standard .arc-card__image,
	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) .arc-card__image {
		align-self: start;
		aspect-ratio: var(--arc-card-media-ratio, 4 / 3);
		grid-column: 1;
		grid-row: 1 / span 4;
		margin: 0;
		max-height: 5.25rem;
		width: 100%;
	}

	.arc-post-grid .arc-card--standard .arc-card__body,
	.arc-archive-grid .arc-card--standard .arc-card__body,
	.arc-category-section--grid .arc-post-grid .arc-card--standard .arc-card__body,
	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) .arc-card__body {
		grid-column: 2;
		min-width: 0;
		padding: 0;
	}

	.arc-post-grid .arc-card--standard .arc-card__excerpt,
	.arc-archive-grid .arc-card--standard .arc-card__excerpt,
	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) .arc-card__excerpt {
		display: none;
	}

	.arc-post-grid .arc-card--standard .arc-card__title,
	.arc-archive-grid .arc-card--standard .arc-card__title,
	.arc-hero__stack .arc-card--horizontal:not(.arc-card--lead) .arc-card__title {
		/*
		 * Off the scale, and measured: this title sits beside a 5.25rem thumbnail, so it
		 * has about 17 characters of width to work with. `m` is 1rem, only 4.8% down, but
		 * that is enough to pull a fourth line up into the third and the card then shrinks
		 * out of step with its neighbours -- two titles did exactly that when this was
		 * aligned. The step above, `ml`, is 7.1% up and pushes the other way. There is no
		 * step at 16.8px because no other size in the theme wants one; this box does.
		 */
		font-size: 1.05rem;
		line-height: 1.28;
	}

	.arc-post-grid .arc-card--standard .arc-kicker,
	.arc-post-grid .arc-card--standard .arc-card__category,
	.arc-archive-grid .arc-card--standard .arc-kicker,
	.arc-archive-grid .arc-card--standard .arc-card__category {
		font-size: var(--arc-text-3xs);
		margin-bottom: var(--arc-space-15);
	}

	.arc-post-grid .arc-card--standard .arc-card__meta,
	.arc-archive-grid .arc-card--standard .arc-card__meta {
		font-size: var(--arc-text-2xs);
		padding-top: var(--arc-space-15);
	}

	/* River feed — block template cards (archive, search, author). */
	.arc-archive-grid .arc-card--archive,
	.arc-search-list .arc-card--archive {
		align-items: start;
		background: transparent;
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--border);
		border-radius: 0;
		box-shadow: none;
		display: grid;
		gap: var(--arc-space-15) 0.75rem;
		grid-template-columns: 6.75rem minmax(0, 1fr);
		padding: var(--arc-space-35) 0;
	}

	.arc-archive-grid .arc-card--archive:last-child,
	.arc-search-list .arc-card--archive:last-child {
		border-bottom: 0;
	}

	/*
	 * Hardcoding 4/3 here ignored the site's media-ratio setting, so with the
	 * "don't crop" option the image kept object-fit: contain and letterboxed
	 * inside the forced box -- up to 20px of dead background per thumbnail, and a
	 * different amount on every card. Desktop already follows the variable.
	 */
	.arc-archive-grid .arc-card--archive .wp-block-post-featured-image,
	.arc-search-list .arc-card--archive .wp-block-post-featured-image {
		align-self: start;
		aspect-ratio: var(--arc-card-media-ratio, 4 / 3);
		grid-column: 1;
		grid-row: 1 / span 3;
		margin: 0;
		max-height: 5.25rem;
		overflow: hidden;
		width: 100%;
	}

	.arc-archive-grid .arc-card--archive .wp-block-post-featured-image img,
	.arc-search-list .arc-card--archive .wp-block-post-featured-image img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.arc-archive-grid .arc-card--archive .wp-block-post-featured-image.arc-image--graphic {
		aspect-ratio: auto;
		max-height: 5.25rem;
	}

	.arc-archive-grid .arc-card--archive .wp-block-post-featured-image.arc-image--graphic img {
		height: auto;
		max-height: 5.25rem;
		object-fit: contain;
	}

	.arc-archive-grid .arc-card--archive :where(.arc-card__categories, .wp-block-post-terms),
	.arc-search-list .arc-card--archive :where(.arc-card__categories, .wp-block-post-terms) {
		font-size: var(--arc-text-3xs);
		grid-column: 2;
		grid-row: 1;
		margin: 0;
	}

	.arc-archive-grid .arc-card--archive a.arc-kicker,
	.arc-archive-grid .arc-card--archive a.arc-card__category,
	.arc-search-list .arc-card--archive a.arc-kicker,
	.arc-search-list .arc-card--archive a.arc-card__category {
		width: fit-content;
	}

	.arc-archive-grid .arc-card--archive :where(.arc-card__title, .wp-block-post-title),
	.arc-search-list .arc-card--archive :where(.arc-card__title, .wp-block-post-title) {
		/* Same measured box as the compact grid title above, same reason to stay off the scale. */
		font-size: 1.05rem;
		grid-column: 2;
		grid-row: 2;
		line-height: 1.28;
		margin: 0;
	}

	.arc-archive-grid .arc-card--archive :where(.arc-card__excerpt, .wp-block-post-excerpt),
	.arc-search-list .arc-card--archive :where(.arc-card__excerpt, .wp-block-post-excerpt) {
		display: none;
	}

	/*
	 * A post with no thumbnail still reserved the media column, so its kicker,
	 * title and date sat indented by ~104px on a 390px screen against a blank
	 * strip. Desktop already collapses these to one column.
	 */
	.arc-archive-grid .arc-card--archive:not(:has(.wp-block-post-featured-image)),
	.arc-search-list .arc-card--archive:not(:has(.wp-block-post-featured-image)) {
		grid-template-columns: minmax(0, 1fr);
	}

	.arc-archive-grid .arc-card--archive:not(:has(.wp-block-post-featured-image)) > *,
	.arc-search-list .arc-card--archive:not(:has(.wp-block-post-featured-image)) > * {
		grid-column: 1;
	}

	.arc-archive-grid .arc-card--archive :where(.arc-card__meta, .wp-block-post-date),
	.arc-search-list .arc-card--archive :where(.arc-card__meta, .wp-block-post-date) {
		font-size: var(--arc-text-2xs);
		grid-column: 2;
		grid-row: 3;
		margin: 0;
		padding-top: var(--arc-space-5);
	}

	/* Prevent container queries from overriding river rows on mobile. */
	.arc-card--horizontal:not(.arc-card--lead):not(.arc-card--no-image) {
		display: grid !important;
		grid-template-columns: 6.75rem minmax(0, 1fr) !important;
	}

	/* Compact single-line ticker — never stack all headlines in the header. */
	.arc-breaking-ticker__inner {
		align-items: center;
		flex-direction: row;
		gap: var(--arc-space-25);
		max-height: 2.35rem;
		min-height: 2.35rem;
		/* The row is height-capped, so the links own the vertical padding; keeping
		   it here too would push the tap target past max-height and clip the text. */
		padding-block: 0;
		padding-inline: var(--arc-page-gutter);
	}

	.arc-breaking-ticker__track {
		flex: 1 1 auto;
		mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
		min-width: 0;
		overflow: hidden;
		width: 100%;
	}

	.arc-breaking-ticker__list {
		animation: arc-ticker-scroll 32s linear infinite;
		display: flex;
		flex-wrap: nowrap;
		gap: var(--arc-space-60);
		margin: 0;
		padding: 0;
		white-space: nowrap;
		width: max-content;
	}

	.arc-breaking-ticker__list li {
		border-bottom: 0;
		flex: 0 0 auto;
		padding-bottom: 0;
	}

	/*
	 * No max-width and no ellipsis. A band with 3096px of track and a 265px window
	 * has unlimited room along its own axis, so capping each headline at 281px
	 * bought nothing and cost the headline: a 108-character title arrived as 33
	 * characters and a row of dots, which is the one thing a headline cannot be.
	 */
	.arc-breaking-ticker__list a {
		display: inline-block;
		font-size: var(--arc-text-xs);
		line-height: 1.35;
		padding-block: var(--arc-space-25);
		vertical-align: bottom;
		white-space: nowrap;
	}

	.arc-carousel__dots {
		display: flex;
	}

	.arc-carousel__track {
		display: flex !important;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.arc-carousel__slide {
		flex: 0 0 min(88%, calc(100% - 1.5rem));
		max-width: min(88%, calc(100vw - var(--arc-page-gutter) - var(--arc-page-gutter)));
	}

	.arc-carousel__viewport {
		margin-inline: calc(-1 * var(--arc-page-gutter));
		max-width: 100%;
		overflow-x: auto;
		padding-inline: var(--arc-page-gutter);
		scroll-padding-inline: var(--arc-page-gutter);
		width: 100%;
	}

	.arc-carousel {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		overflow-x: clip;
		width: 100%;
	}

	.arc-carousel__viewport {
		order: 1;
	}

	.arc-hero {
		max-width: 100%;
		overflow-x: clip;
	}

	/*
	 * Swiping is the gesture people already use here, so the arrows only bought a
	 * 44px row with two buttons pinned to opposite edges and a counter stranded
	 * between them. Dots and the pause toggle say the same thing in one line,
	 * placed under the slides where a position indicator is expected.
	 */
	.arc-carousel__controls {
		gap: var(--arc-space-20);
		justify-content: center;
		margin-bottom: 0;
		margin-top: var(--arc-space-25);
		order: 2;
		position: relative;
	}

	.arc-carousel__controls .arc-carousel__button:not(.arc-carousel__playpause) {
		display: none;
	}

	/* Parked out of flow so the dots stay centred on the page, not on the pair. */
	.arc-carousel__playpause {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.arc-carousel__status {
		clip-path: inset(50%);
		height: 1px;
		min-width: 0;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}

	.arc-section__header {
		border-bottom: 1px solid var(--wp--preset--color--border);
		margin-bottom: var(--arc-space-5);
		padding-bottom: var(--arc-space-20);
	}

	.arc-section__header::after {
		display: none;
	}

	.arc-section__header h2 {
		font-family: var(--wp--preset--font-family--sans);
		font-size: var(--arc-text-xs);
		font-weight: 800;
		letter-spacing: 0.12em;
		text-transform: uppercase;
	}

	body.arc-theme {
		font-size: 1.0625rem;
	}

	.arc-article .wp-block-post-content {
		font-size: 1.0625rem;
		line-height: 1.72;
		max-width: 42rem;
	}

	.arc-article .wp-block-post-content p {
		margin-block: 0 var(--arc-space-40);
	}

	.arc-main {
		padding-bottom: calc(clamp(1.15rem, 4vw, 1.85rem) + env(safe-area-inset-bottom, 0px));
	}

	.arc-primary-navigation {
		flex: 0 0 auto;
		position: relative;
		z-index: 4;
	}

	/* WP shows inline nav from 600px; ARC keeps overlay menu through 781px. */
	.arc-primary-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: inline-flex !important;
		position: relative;
		touch-action: manipulation;
		z-index: 2;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container-close {
		touch-action: manipulation;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.arc-color-toggle {
		flex: 0 0 auto;
		min-height: 2.5rem;
		min-width: 2.5rem;
		padding: var(--arc-space-15);
	}

	.arc-secondary-navigation {
		display: none;
	}

	/* Below the header: the drawer renders inside it and must stay on top. */
	.arc-nav-backdrop {
		background: color-mix(in srgb, var(--wp--preset--color--text) 52%, transparent);
		border: 0;
		cursor: pointer;
		inset: 0;
		position: fixed;
		z-index: 99;
	}

	@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
		.arc-nav-backdrop {
			-webkit-backdrop-filter: blur(4px);
			backdrop-filter: blur(4px);
			background: color-mix(in srgb, var(--wp--preset--color--text) 38%, transparent);
		}
	}

	body.arc-nav-open {
		overflow: hidden;
	}

	body.arc-nav-open .arc-bottom-nav,
	body.arc-nav-open .arc-back-to-top {
		display: none !important;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
		background: var(--wp--preset--color--background) !important;
		color: var(--wp--preset--color--text);
		display: flex !important;
		flex-direction: column;
		inset: 0;
		min-height: 100vh;
		/*
		 * The drawer is two zones -- a fixed head and a scrolling list -- so the
		 * shell itself must not scroll. Core leaves `overflow: auto` here, which
		 * made the whole dialog the scrollport and left the head to hold the line
		 * on z-index alone; it lost to the menu list and the headings slid over
		 * the site name and the close button.
		 */
		overflow: hidden;
		padding: 0 !important;
		position: fixed;
		z-index: 100003;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		height: 100%;
		min-height: 0;
		width: 100%;
	}

	@supports (height: 100dvh) {
		.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
			min-height: 100dvh;
		}
	}

	/*
	 * A flex item of the dialog, not a sticky overlay on top of a scrolling one:
	 * the list scrolls inside its own box below, so nothing can reach this band.
	 * The opaque palette background and the z-index above the menu list's own
	 * (which core relatively-positions at 4) are the second line of defence.
	 */
	.arc-mobile-nav-drawer-head {
		align-items: center;
		background: var(--wp--preset--color--background);
		border-bottom: 1px solid var(--wp--preset--color--border);
		display: flex;
		flex: 0 0 auto;
		gap: var(--arc-space-30);
		justify-content: space-between;
		padding: calc(env(safe-area-inset-top, 0px) + 0.65rem) var(--arc-page-gutter) var(--arc-space-25);
		position: relative;
		z-index: 10;
	}

	.arc-mobile-nav-drawer-head__brand {
		display: grid;
		gap: var(--arc-space-5);
		min-width: 0;
		padding-right: 3.5rem;
	}

	.arc-mobile-nav-drawer-head__kicker {
		color: var(--wp--preset--color--muted);
		font-size: var(--arc-text-2xs);
		font-weight: 800;
		letter-spacing: 0.12em;
		text-transform: uppercase;
	}

	.arc-mobile-nav-drawer-head__label {
		font-family: var(--wp--preset--font-family--serif);
		font-size: var(--arc-text-m);
		font-weight: 700;
		line-height: 1.15;
		overflow-wrap: anywhere;
	}

	.arc-mobile-nav-drawer-head .wp-block-navigation__responsive-container-close {
		background: color-mix(in srgb, var(--wp--preset--color--surface) 88%, transparent);
		border: 1px solid var(--wp--preset--color--border);
		flex: 0 0 auto;
		margin: 0;
		position: static;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container-content {
		align-items: stretch !important;
		flex: 1 1 auto;
		padding: var(--arc-space-15) var(--arc-page-gutter) calc(1.5rem + env(safe-area-inset-bottom, 0px)) !important;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}

	/*
	 * This is the drawer's only scrollport. Core sets `overflow: visible` here at
	 * the same specificity and later in the cascade, so the compound with
	 * `.is-menu-open` is what actually carries it; `min-height: 0` is what lets a
	 * column flex item shrink below its content and scroll at all.
	 */
	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		align-items: stretch;
		gap: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	/*
	 * Core stacks overlay items in a column flex box, so the cross axis is the
	 * width: anything but `stretch` shrinks rows to their text width.
	 */
	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		align-items: stretch;
		border-bottom: 1px solid var(--wp--preset--color--border);
		display: flex;
		flex-direction: column;
		margin: 0;
		width: 100%;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		align-items: center;
		display: flex;
		flex: 1 1 auto;
		font-size: var(--arc-text-m);
		font-weight: 650;
		justify-content: space-between;
		min-height: 3.1rem;
		min-width: 0;
		padding: var(--arc-space-30) 0;
	}

	/* The overlay always renders submenus expanded, so the chevron is inert. */
	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
		display: none !important;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		background: transparent !important;
		border: 0 !important;
		border-left: 2px solid color-mix(in srgb, var(--wp--preset--color--brand) 45%, transparent) !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		flex: 1 1 100%;
		inset: auto;
		margin: 0 0 var(--arc-space-20) 0.2rem;
		min-width: 0 !important;
		opacity: 1;
		padding: 0 0 0 0.9rem;
		position: static !important;
		visibility: visible;
		width: auto !important;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item,
	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:last-child {
		border-bottom: 0;
	}

	.arc-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		color: var(--wp--preset--color--muted);
		font-size: 0.94rem;
		font-weight: 600;
		min-height: 2.6rem;
		padding: var(--arc-space-20) 0;
	}

	.arc-mobile-nav-secondary {
		border-top: 1px solid var(--wp--preset--color--border);
		margin-top: var(--arc-space-40);
		padding-top: var(--arc-space-40);
	}

	/*
	 * Only the shortcuts are centred. The menu items above them stay ranged left:
	 * they are full-width rows with a rule under each, and centring their labels
	 * would break the column the eye reads down.
	 */
	.arc-mobile-nav-secondary__label {
		color: var(--wp--preset--color--muted);
		font-size: var(--arc-text-2xs);
		font-weight: 800;
		letter-spacing: 0.1em;
		margin: 0 0 var(--arc-space-25);
		text-align: center;
		text-transform: uppercase;
	}

	.arc-mobile-nav-secondary .arc-secondary-navigation__list {
		background: transparent;
		/* The header strip blurs its backdrop; inside the drawer there is nothing
		 * behind it to blur, only a stacking context nobody asked for. */
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		border: 0;
		display: flex;
		flex-wrap: wrap;
		gap: var(--arc-space-15);
		justify-content: center;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.arc-mobile-nav-secondary .arc-secondary-navigation__list > li {
		margin: 0;
		max-width: 100%;
	}

	.arc-mobile-nav-secondary .arc-secondary-navigation__list a {
		background: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
		border: 1px solid var(--wp--preset--color--border);
		border-radius: 999px;
		display: inline-flex;
		font-size: var(--arc-text-xs);
		font-weight: 650;
		min-height: 2.35rem;
		padding: var(--arc-space-20) 0.85rem;
		white-space: normal;
	}

	.arc-home__intro h1 {
		font-size: var(--arc-text-l);
		letter-spacing: -0.02em;
		line-height: 1.15;
	}

	/*
	 * Dropped, not shrunk. Measured at 390px it was 73px on three lines, and it
	 * sat between the site's own name and the first news headline -- the two
	 * things the reader came for and already knows. The tagline is still in the
	 * <title>, the meta description, the footer and the desktop header; what it
	 * was buying here was a quarter of the only screen the news has to reach.
	 */
	.arc-home__intro p {
		display: none;
	}

	/*
	 * Stacking put the "see all" link on a row of its own, where it shrinks to a
	 * bare 44px arrow with no label -- a lone circle under the heading that reads
	 * as an orphan. Side by side it costs 44px instead of 76px and stays legible.
	 */
	.arc-section__header {
		align-items: center;
		gap: var(--arc-space-20);
	}

	.arc-section__header h2 {
		min-width: 0;
	}

	.arc-card__title,
	.arc-card .wp-block-post-title {
		font-size: clamp(1rem, 4.1vw, 1.18rem);
		line-height: 1.28;
	}

	.arc-card--lead .arc-card__title {
		font-size: clamp(1.2rem, 5.4vw, 1.55rem);
		line-height: 1.14;
	}

	/*
	 * Mobile CLS 0.103 / 0.109 sat on the first carousel lead body
	 * (Recomandări / electrician). Four reserved lines covered the unthrottled
	 * local run; PSI Slow 4G + Source Serif 4 swap still flipped 4↔5 and the
	 * whole .arc-card__body moved (~0.109, Agentic 2/3). Reserve the tall
	 * state. Desktop is unchanged.
	 */
	.arc-card--lead .arc-card__title,
	.arc-card--lead .wp-block-post-title {
		display: -webkit-box;
		min-height: calc(1.14em * 5);
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}

	/*
	 * The phone releases the lead-media ceiling, deliberately and in one place.
	 *
	 * Three caps used to be written for this band -- `min(16rem, 52vw)` on the
	 * lead, `min(14rem, 48vw)` on the carousel slide, `min(42vw, 13.5rem)` on the
	 * bento lead -- and all three were dead for the same reason the shared one
	 * was. They are gone rather than revived, because measuring them switched on
	 * showed there is nothing here for a ceiling to buy. Every preset's hero is
	 * between 0.6 and 1.4 screens at 390 with no cap at all, so the band was never
	 * the problem; and the caps were written as a height on a full-width box,
	 * which only composes with a picture that may be cropped. Under the shipped
	 * `contain` the same numbers turn a 337px-wide lead photograph into a 270px
	 * one with 33px of empty card either side of it, to save 50px of height on the
	 * one layout where the column is already the width of the screen.
	 *
	 * So one column keeps a full-width picture at its own height, and the ceiling
	 * starts at 782px where a card can be much wider than its photograph needs.
	 */
	body.arc-theme .arc-card--lead .arc-card__image {
		--arc-lead-media-cap: none;
		margin-inline: 0;
		max-width: 100%;
	}

	.arc-carousel__slide .arc-card {
		display: flex !important;
		flex-direction: column;
		grid-template-columns: 1fr !important;
		height: auto;
		max-width: 100%;
	}

	.arc-carousel__slide .arc-card__image,
	body.arc-image-fit-contain .arc-carousel__slide .arc-card--lead .arc-card__image,
	body.arc-media-ratio-auto .arc-carousel__slide .arc-card--lead .arc-card__image {
		--arc-lead-media-cap: min(16rem, 52vw);
		align-items: center;
		aspect-ratio: auto;
		border-radius: var(--arc-card-radius) var(--arc-card-radius) 0 0;
		display: flex;
		height: auto;
		justify-content: center;
		max-height: none;
		overflow: visible;
		padding: var(--arc-space-25);
		width: 100%;
	}

	.arc-carousel__slide .arc-card__image img,
	body.arc-image-fit-contain .arc-carousel__slide .arc-card--lead .arc-card__image img,
	body.arc-media-ratio-auto .arc-carousel__slide .arc-card--lead .arc-card__image img {
		border: 1px solid var(--wp--preset--color--border);
		border-radius: var(--arc-card-radius);
		height: auto;
		max-height: var(--arc-lead-media-cap);
		max-width: 100%;
		object-fit: contain;
		object-position: center;
		width: auto;
	}

	.arc-carousel__slide .arc-card__body {
		padding: var(--arc-space-35) 0.95rem var(--arc-space-40);
	}

	.arc-carousel__slide .arc-card__title {
		font-size: clamp(1.15rem, 5vw, 1.45rem);
		line-height: 1.18;
		min-height: calc(1.18em * 4);
	}

	/*
	 * The bento used to repeat the hero here, so it was hidden. It now draws from
	 * the shared registry and repeats nothing, and hiding it would strand its six
	 * stories: they are marked as shown, so no later section picks them up.
	 */
	.arc-hero ~ .arc-bento .arc-bento__grid {
		gap: var(--arc-space-40);
	}

	.arc-category-section--list .arc-card--horizontal,
	.arc-category-section--list .arc-card--horizontal:not(.arc-card--lead) {
		align-items: start;
		background: transparent;
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--border);
		border-radius: 0;
		box-shadow: none;
		display: grid;
		gap: var(--arc-space-30);
		grid-template-columns: 6.75rem minmax(0, 1fr);
		padding: var(--arc-space-35) 0;
	}

	.arc-category-section--list .arc-card--horizontal .arc-card__image {
		align-self: start;
		aspect-ratio: 4 / 3;
		grid-column: 1;
		grid-row: 1 / span 4;
		margin: 0;
		max-height: 5.25rem;
		max-width: none;
		width: 100%;
	}

	.arc-category-section--list .arc-card--horizontal .arc-card__body {
		grid-column: 2;
		min-width: 0;
		padding: 0;
	}

	.arc-category-section--list .arc-card--horizontal .arc-card__excerpt {
		display: none;
	}

	body.arc-cols-mobile-2 .arc-balanced-grid > * {
		--arc-balanced-basis: 100%;
	}

	.arc-cards-bordered .arc-card,
	.arc-cards-soft .arc-card,
	.arc-hero .arc-card {
		padding: var(--arc-space-30);
	}

	body.arc-home-local-pulse .arc-hero__grid,
	body.arc-home-local-pulse .arc-category-section--grid .arc-post-grid,
	body.arc-home-editorial-hybrid .arc-hero__grid,
	body.arc-home-breaking-newsroom .arc-hero__grid {
		border: 0;
		gap: var(--arc-space-30);
	}

	body.arc-home-local-pulse .arc-hero__grid > .arc-card,
	body.arc-home-local-pulse .arc-category-section--grid .arc-post-grid > .arc-card--lead,
	body.arc-home-editorial-hybrid .arc-hero__grid > .arc-card,
	body.arc-home-breaking-newsroom .arc-hero__grid > .arc-card {
		border: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
		border-radius: var(--arc-card-radius);
	}

	body.arc-home-local-pulse .arc-category-section--grid .arc-post-grid > .arc-card--standard {
		border: 0;
		border-bottom: 1px solid var(--arc-card-border, var(--wp--preset--color--border));
		border-radius: 0;
	}

	.arc-breadcrumbs {
		font-size: var(--arc-text-2xs);
		gap: var(--arc-space-15);
		margin-bottom: var(--arc-space-40);
	}

	.arc-single-grid {
		gap: var(--arc-space-50);
	}

	.arc-article > .wp-block-post-title {
		font-size: clamp(1.55rem, 6.5vw, 2rem) !important;
		letter-spacing: -0.032em;
		line-height: 1.1;
		margin-bottom: var(--arc-space-30);
		text-align: center;
	}

	.arc-article__categories,
	.arc-article__tags {
		text-align: center;
	}

	.arc-article__lead {
		font-size: var(--arc-text-m);
		line-height: 1.52;
		text-align: center;
	}

	.arc-post-meta {
		font-size: var(--arc-text-xs);
		gap: var(--arc-space-15) 0.65rem;
		justify-content: center;
		margin-block: var(--arc-space-40) var(--arc-space-45);
	}

	.arc-post-meta > span + span::before {
		margin-inline: 0.35rem;
	}

	.arc-article .wp-block-post-content {
		/*
		 * Off the scale on purpose, like the 1.375rem of the wide tier: this is the reading
		 * size on a phone, and the scale has no step at 16.32px -- `m` is 16px and `ml` is
		 * 18px. Rounding it down to `m` costs 0.32px of type, which nobody sees, but eight
		 * paragraphs of a measured article lost a whole line each and the body came out
		 * 389px shorter, so the refactor was reflowing the most-read text on the site as a
		 * side effect. A reading size is an editorial decision and it gets to keep its own
		 * number.
		 *
		 * There is an unresolved disagreement above this: the earlier mobile block asks for
		 * 1.0625rem on the same selector, 17px, and loses only because this rule comes
		 * later in the file. Two different sizes were chosen for the same text and neither
		 * knows about the other.
		 */
		font-size: 1.02rem;
		line-height: 1.72;
		padding: clamp(0.85rem, 3.5vw, 1.1rem);
	}

	.arc-article .wp-block-post-content h2 {
		font-size: clamp(1.35rem, 5.5vw, 1.75rem);
		margin-block: var(--arc-space-60) var(--arc-space-35);
		padding-top: var(--arc-space-35);
	}

	/*
	 * The row wraps soonest here, so this is where left alignment hurt most: four
	 * buttons on the first line and a lone fifth one hard against the left edge
	 * with the rest of the line empty. Centring splits the leftover space evenly
	 * on both sides of whatever ends up on the last line.
	 */
	.arc-share:not(.arc-share--desktop-sticky) {
		padding: var(--arc-space-35);
	}

	body.arc-article-reading-focus .arc-post-meta {
		justify-content: center;
		max-width: 100% !important;
		width: fit-content;
	}

	.arc-archive > .wp-block-query-title,
	.arc-search > .wp-block-query-title,
	.arc-author > .wp-block-query-title {
		font-size: clamp(1.45rem, 6.2vw, 1.85rem) !important;
		line-height: 1.12;
		text-align: left;
	}

	body.arc-home-local-pulse .arc-category-section:nth-of-type(even) {
		padding-block: var(--arc-space-45);
	}

	.arc-ad-slot {
		padding: var(--arc-space-25);
	}

	.arc-ad-banner__image {
		height: auto !important;
		max-height: min(32vw, 110px);
		width: 100% !important;
	}

	.arc-ad-slot--home .arc-ad-banner__image,
	.arc-ad-slot--article .arc-ad-banner__image {
		max-height: none !important;
	}

	.arc-post-navigation {
		grid-template-columns: 1fr;
		padding: var(--arc-space-25);
	}

	/* Ragged-right body text is easier to scan than right-aligned in one column. */
	.arc-post-navigation .post-navigation-link-next a,
	.arc-post-navigation .wp-block-post-navigation-link--next a {
		align-items: flex-start;
		text-align: left;
	}

	.arc-footer-columns .arc-site-footer__grid {
		grid-template-columns: 1fr;
	}

	.arc-site-footer__grid,
	.arc-footer-widgets {
		grid-template-columns: 1fr !important;
		text-align: center;
	}

	.arc-site-footer__grid > :last-child {
		text-align: center;
	}

	.arc-site-footer :where(.wp-block-site-logo, .wp-block-site-title) {
		margin-inline: auto;
	}

	/* Universal mobile river feed — bento, tabs, hero grid, related, etc. */
	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__grid,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts
	) {
		gap: 0;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__grid,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts
	) :is(.arc-balanced-grid) {
		display: block !important;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__grid,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts
	) :is(.arc-balanced-grid) > * {
		flex: none !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	) {
		align-items: start;
		background: transparent;
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--border);
		border-radius: 0;
		box-shadow: none;
		display: grid !important;
		gap: var(--arc-river-gap);
		grid-template-columns: var(--arc-river-thumb) minmax(0, 1fr) !important;
		padding: var(--arc-river-pad-y) 0;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	):last-child {
		border-bottom: 0;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	) :is(.arc-card__image, .wp-block-post-featured-image) {
		align-self: start;
		aspect-ratio: var(--arc-card-media-ratio, 4 / 3);
		grid-column: 1;
		grid-row: 1 / span 4;
		margin: 0;
		max-height: calc(var(--arc-river-thumb) * 0.78);
		width: 100%;
	}

	/*
	 * The rule above reserves a thumbnail column with !important, which a card
	 * that has no image still paid for: its title started ~104px in, next to a
	 * blank strip.
	 */
	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	).arc-card--no-image {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	).arc-card--no-image .arc-card__body {
		grid-column: 1;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	) .arc-card__body {
		grid-column: 2;
		min-width: 0;
		padding: 0;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	) :is(.arc-card__excerpt, .wp-block-post-excerpt) {
		display: none;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	) :is(.arc-card__title, .wp-block-post-title) {
		font-size: clamp(0.98rem, 4vw, 1.08rem);
		line-height: 1.3;
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	) :is(.arc-kicker, .arc-card__category, .wp-block-post-terms) {
		font-size: var(--arc-text-3xs);
		margin-bottom: var(--arc-space-10);
	}

	:is(
		.arc-post-grid,
		.arc-archive-grid,
		.arc-search-list,
		.arc-bento__row,
		.arc-bento__side,
		.arc-hero__grid,
		.arc-related-posts,
		.arc-tabbed-posts .arc-post-grid
	) :is(
		.arc-card--standard,
		.arc-card--horizontal:not(.arc-card--lead)
	) :is(.arc-card__meta, .wp-block-post-date) {
		font-size: var(--arc-text-2xs);
		padding-top: var(--arc-space-10);
	}

	/* Bento lead — compact featured, not full magazine stack. */
	.arc-bento__lead .arc-card--lead {
		background: transparent;
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--border);
		border-radius: 0;
		box-shadow: none;
		display: block;
		margin-bottom: var(--arc-space-10);
		padding: 0 0 var(--arc-space-35);
	}

	/* The 13.5rem ceiling that used to be here is released with the other two --
	 * see the note on the lead media box above. The 16/9 ratio it was paired with
	 * is what actually keeps this lead compact, and that has always worked. */
	.arc-bento__lead .arc-card--lead .arc-card__image {
		aspect-ratio: 16 / 9;
		margin-bottom: var(--arc-space-25);
	}

	.arc-bento__lead .arc-card--lead .arc-card__excerpt {
		display: none;
	}

	.arc-bento__lead .arc-card--lead .arc-card__title {
		font-size: clamp(1.08rem, 4.8vw, 1.28rem);
		line-height: 1.22;
	}

	/* Archive / search layout stack. */
	.arc-content-sidebar-grid {
		display: flex;
		flex-direction: column;
		gap: var(--arc-space-50);
	}

	.arc-content-sidebar-grid > .wp-block-template-part {
		display: block;
		order: 2;
		width: 100%;
	}

	.arc-content-sidebar-grid > .arc-archive-query {
		order: 1;
		width: 100%;
	}

	.arc-archive-toolbar {
		justify-content: flex-start;
		margin-bottom: var(--arc-space-30);
	}

	/* Single + page article polish. */
	.arc-page__article > .wp-block-post-title,
	.arc-page--wide > .wp-block-post-title {
		font-size: clamp(1.45rem, 6vw, 1.85rem) !important;
		line-height: 1.12;
		text-align: left;
	}

	.arc-page__article > .wp-block-post-featured-image,
	.arc-page--wide > .wp-block-post-featured-image {
		margin-block: var(--arc-space-35) var(--arc-space-45);
		max-height: min(52vw, 16rem);
		overflow: hidden;
	}

	.arc-page__article > .wp-block-post-featured-image img,
	.arc-page--wide > .wp-block-post-featured-image img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.arc-page .wp-block-post-content,
	.arc-page__article > .wp-block-post-content {
		padding-inline: 0;
	}

	.arc-article__featured {
		margin-block: var(--arc-space-35) var(--arc-space-45);
		max-height: min(56vw, 18rem);
		overflow: hidden;
	}

	.arc-article__featured img {
		height: 100%;
		object-fit: cover !important;
		width: 100%;
	}

	.arc-single-grid .arc-sidebar,
	.arc-content-sidebar-grid .arc-sidebar {
		border-top: 1px solid var(--wp--preset--color--border);
		padding-top: var(--arc-space-40);
	}

	/* Layout containment — cards must not bleed outside viewport. */
	:where(.arc-main, .arc-home, .arc-section, .arc-bento, .arc-tabbed-posts, .arc-content-sidebar-grid, .arc-hero) {
		max-width: 100%;
		min-width: 0;
	}

	:is(.arc-post-grid, .arc-archive-grid, .arc-hero__grid, .arc-bento__grid, .arc-bento__row, .arc-bento__side, .arc-search-list) {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.arc-card,
	.arc-card__body,
	.arc-card--archive,
	.arc-card__title,
	.arc-card__title a {
		max-width: 100%;
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.arc-card__image,
	.arc-card .wp-block-post-featured-image,
	.arc-card__image img,
	.arc-card .wp-block-post-featured-image img {
		max-width: 100%;
	}

	body.arc-home-local-pulse :where(.arc-hero__grid, .arc-category-section--grid .arc-post-grid) > .arc-card {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.arc-tabbed-posts .arc-post-grid {
		grid-template-columns: 1fr !important;
	}

	.arc-hero__grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 420px) {
	:root {
		--arc-page-gutter: 0.8rem;
	}

	.arc-hero__grid,
	.arc-post-grid,
	.arc-archive-grid {
		gap: var(--arc-space-30);
		grid-template-columns: 1fr;
	}

	.arc-site-header__inner {
		min-height: 3rem;
	}

	.arc-brand .wp-block-site-logo img {
		max-width: 34px;
	}

	.arc-site-title {
		font-size: var(--arc-text-s);
	}

	.arc-card__content,
	.arc-sidebar,
	.arc-author-box {
		padding: var(--arc-space-35);
	}

	.arc-author-box {
		grid-template-columns: 1fr;
	}

	.arc-home__intro h1 {
		font-size: var(--arc-text-ml);
	}

	.arc-card--lead .arc-card__image {
		max-height: min(14rem, 58vw);
	}

	.arc-ad-banner__image {
		max-height: min(36vw, 96px);
	}

	.arc-section__header > .arc-btn {
		flex: 0 0 auto;
		font-size: 0;
		height: 2.75rem;
		padding: 0;
		width: 2.75rem;
	}

	.arc-section__header > .arc-btn::after {
		font-size: var(--arc-text-m);
	}

	.arc-article-context__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.arc-article-context__cta {
		width: 100%;
	}

	.arc-article > .wp-block-post-navigation-link {
		display: flex;
		max-width: 100% !important;
		width: 100%;
	}

	.arc-article table {
		font-size: var(--arc-text-s);
	}
}

@media (max-width: 374px) {
	.arc-article > .wp-block-post-title,
	.arc-page__article > .wp-block-post-title,
	.arc-page--wide > .wp-block-post-title {
		font-size: clamp(1.3rem, 7vw, 1.55rem) !important;
		letter-spacing: -0.03em;
		line-height: 1.12;
		text-align: left;
	}

	.arc-archive > .wp-block-query-title,
	.arc-search > .wp-block-query-title,
	.arc-author-profile .wp-block-query-title,
	.arc-error-shell h1 {
		font-size: clamp(1.35rem, 7vw, 1.65rem) !important;
		line-height: 1.12;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Article context rail, search/author polish, magazine overlay hero. */
.arc-article-context {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-left: 0.35rem solid var(--wp--preset--color--brand);
	display: grid;
	gap: clamp(1.35rem, 2.8vw, 2rem);
	margin-block: clamp(2rem, 4vw, 3.5rem);
	padding: clamp(1.35rem, 3vw, 2.25rem);
}

.arc-article-context__head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-30) 1rem;
	justify-content: space-between;
}

.arc-article-context__head h2 {
	flex: 1 1 12rem;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	font-weight: 700;
	line-height: 1.12;
	margin: 0;
}

.arc-article-context__cta {
	flex: 0 0 auto;
	font-size: var(--arc-text-xs);
	min-height: 2.5rem;
	padding-inline: 1rem;
	white-space: nowrap;
}

.arc-article-context__hub {
	display: grid;
	gap: var(--arc-space-20);
}

.arc-article-context__latest,
.arc-article-context__related {
	border-top: 1px solid var(--wp--preset--color--border);
	padding-top: clamp(1rem, 2vw, 1.35rem);
}

.arc-article-context h3 {
	color: var(--wp--preset--color--muted);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	letter-spacing: 0.06em;
	margin: 0 0 var(--arc-space-35);
	text-transform: none;
}

.arc-article-context__hub p {
	color: var(--wp--preset--color--muted);
	font-size: var(--arc-text-m);
	line-height: 1.6;
	margin: 0;
}

.arc-article-context__list,
.arc-article-context__chips {
	display: grid;
	gap: var(--arc-space-30);
	list-style: none;
	margin: 0;
	padding: 0;
}

.arc-article-context__list a {
	color: var(--wp--preset--color--text);
	display: block;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1rem, 1.35vw, 1.125rem);
	font-weight: 650;
	line-height: 1.35;
	text-decoration: none;
}

.arc-article-context__list a:hover,
.arc-article-context__list a:focus-visible {
	color: var(--wp--preset--color--brand);
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.arc-article-context__chips {
	gap: var(--arc-space-20);
	grid-template-columns: repeat(auto-fit, minmax(8.5rem, max-content));
}

.arc-search .arc-search-form,
.arc-search .wp-block-search {
	margin-block: var(--arc-space-40) var(--arc-space-60);
	max-width: 36rem;
}

.arc-search-list > li {
	border-radius: 0;
}

.arc-author-profile {
	align-items: flex-start;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-left: 0.35rem solid var(--wp--preset--color--brand);
	gap: clamp(1rem, 2.5vw, 1.75rem);
	margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
	padding: clamp(1.25rem, 3vw, 2.25rem);
}

.arc-author-profile .wp-block-post-author-biography {
	color: var(--wp--preset--color--muted);
	font-size: var(--arc-text-m);
	line-height: 1.65;
}

.arc-author-profile .wp-block-avatar img {
	border-radius: 50%;
}

/*
 * Overlay hero: the lead card's text sits on the photograph rather than under it.
 *
 * Every selector below carries :has(.arc-card__image img), because the treatment is
 * only legible over a photograph. Without that guard the light text stayed while the
 * image it was written for did not: on the real archive 22 of 91 posts have no image,
 * and the hero title measured 1.03:1 in light mode and 1.79:1 in dark.
 *
 * The requirement is stated positively -- the card must contain a picture -- rather
 * than as :not(.arc-card--no-image). That negative form covered only one of the two
 * ways a lead story arrives without a photograph: `missing_image_behavior => hide`
 * marks the card, but `placeholder` draws a branded panel instead and marks nothing,
 * so the overlay stayed and measured 1.01:1 in light mode over a near-white
 * placeholder. Asking for the picture rules out every no-picture state at once,
 * including any added later.
 *
 * bin/verify-hero-overlay.php holds this scoping in place, over both settings.
 */
body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) {
	display: grid;
	grid-template-columns: 1fr;
}

body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__image {
	margin: 0;
	max-height: min(36rem, 68vh);
}

/*
 * The cap above had the same half-a-rule problem the lead cap had: it bounded the
 * box and nothing bounded the picture, so with `image_fit: contain` the image was
 * drawn 1182px tall inside a 576px box and the card ran to 1314px at 2560.
 *
 * This is the one lead composition that cannot take the shared treatment. The
 * shared rule bounds the box to the picture and centres it, which works because
 * the headline sits underneath; here the headline is absolutely positioned to the
 * card, so a narrower box would leave the light text and its gradient hanging
 * over background instead of over the photograph. The box therefore keeps the
 * full width of the card, and the picture has to fill it -- which is `cover`, not
 * `contain`. Text painted on a photograph is the one place where a bounded
 * uncropped picture is not an option, and the selector is already scoped to cards
 * that have a photograph to paint on.
 *
 * The ratio gives the box a definite height so `height: 100%` on the image has
 * something to resolve against; `max-height` above then clamps it, and 16/9 keeps
 * the crop shallow rather than taking a square out of the middle.
 */
body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__image {
	--arc-lead-media-cap: min(36rem, 68vh);
	aspect-ratio: 16 / 9;
	max-width: 100%;
	overflow: hidden;
}

body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__body {
	background: linear-gradient(
		180deg,
		transparent 0,
		color-mix(in srgb, var(--wp--preset--color--text) 72%, transparent) 100%
	);
	bottom: 0;
	color: var(--arc-on-brand);
	left: 0;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	position: absolute;
	right: 0;
	z-index: 2;
}

/*
 * The card must end where its photograph ends. The text is positioned to the card,
 * the picture is capped at min(36rem, 68vh), and the row stretches the card to the
 * side stack beside it -- so at 1440px the card ran 932px against a 558px picture
 * and the headline landed in the 374px below it, painting light-on-light text over
 * the card background: measured 1.01:1 in light mode and 1.50:1 in dark on every
 * palette, with or without a featured image. Under 1200px the columns stack and the
 * card already matched its picture, which is why this only ever looked right on a
 * phone. Filling the card with the picture instead was tried and collapses it to 2px
 * below 1200px, where the cap no longer applies.
 */
body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) {
	align-self: start;
	overflow: hidden;
	padding: 0;
	position: relative;
}

body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-kicker,
body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__category {
	color: color-mix(in srgb, var(--arc-on-brand) 88%, var(--wp--preset--color--brand));
}

body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__title a,
body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__excerpt {
	color: var(--arc-on-brand);
}

body.arc-home-magazine-mosaic .arc-hero__grid .arc-card--lead:has(.arc-card__image img) .arc-card__meta {
	color: color-mix(in srgb, var(--arc-on-brand) 82%, transparent);
}

/*
 * Magazine Mosaic geometry — Iași craft, different floor plan.
 *
 * The 3-track / 4-track bento (`span 2` rows, `align-self: start` overlay)
 * left a measured hole: 348px lead beside two 465px cards at 1440, then a
 * detached pair on row two. City Sections already solved this with the
 * carousel's tokens: a 2-column well, lead | compact stack, leftover rows
 * centred, no fourth column at 1800. Mosaic keeps the overlay lead and the
 * five-story hero; it reuses that packing. Editorial Hybrid / `.arc-hero--carousel`
 * is not in these selectors.
 */
body.arc-home-magazine-mosaic .arc-home > .alignwide,
body.arc-home-magazine-mosaic .arc-section.alignwide,
body.arc-home-city-sections .arc-home > .alignwide,
body.arc-home-city-sections .arc-section.alignwide {
	margin-inline: auto;
	max-width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter))) !important;
	width: min(var(--arc-wide-width), calc(100% - var(--arc-page-gutter) - var(--arc-page-gutter)));
}

body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid,
body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid,
body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid {
	--arc-balanced-gap: clamp(1rem, 2.5vw, 1.75rem);

	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-balanced-gap);
	justify-content: center;
}

body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card,
body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card {
	flex: 0 1 var(--arc-balanced-basis, 100%);
	height: auto;
	max-width: 100%;
	min-width: 0;
}

body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid > .arc-card {
	flex: 0 1 var(--arc-balanced-basis, 100%);
	grid-column: auto;
	grid-row: auto;
	height: auto;
	max-width: 100%;
	min-width: 0;
}

@media (min-width: 782px) {
	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card--lead,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card.arc-card--lead,
	body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid > .arc-card:first-child {
		flex-basis: 100%;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead),
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead),
	body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child) {
		--arc-balanced-basis: calc(50% - var(--arc-balanced-gap));
	}

	body.arc-home-magazine-mosaic .arc-category-section--list .arc-post-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.arc-home-magazine-mosaic .arc-category-section--list .arc-post-grid > .arc-card {
		grid-column: auto;
		grid-row: auto;
	}

	body.arc-home-magazine-mosaic .arc-breaking-ticker,
	body.arc-home-magazine-mosaic .arc-breaking-ticker__list {
		max-width: 100%;
	}

	body.arc-home-magazine-mosaic .arc-breaking-ticker {
		overflow: hidden;
	}
}

@media (min-width: 1200px) {
	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid {
		align-items: stretch;
		display: grid;
		grid-template-areas:
			"lead one"
			"lead two"
			"lead three"
			"lead four";
		grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 1fr);
		grid-template-rows: repeat(4, minmax(0, auto));
		justify-content: stretch;
	}

	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card.arc-card--lead,
	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card--lead {
		align-self: stretch;
		flex: none;
		grid-area: lead;
		grid-column-end: 2;
		grid-column-start: 1;
		grid-row-end: -1;
		grid-row-start: 1;
		height: auto;
		min-height: 0;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:nth-child(2),
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:nth-child(2) {
		grid-area: one;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:nth-child(3),
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:nth-child(3) {
		grid-area: two;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:nth-child(4),
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:nth-child(4) {
		grid-area: three;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:nth-child(5),
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:nth-child(5) {
		grid-area: four;
	}

	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card.arc-card--lead:has(.arc-card__image img),
	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card--lead:has(.arc-card__image img) {
		align-self: stretch;
	}

	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card.arc-card--lead:has(.arc-card__image img) .arc-card__image,
	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card--lead:has(.arc-card__image img) .arc-card__image {
		aspect-ratio: auto;
		height: 100%;
		max-height: none;
		min-height: 100%;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead),
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead) {
		align-items: start;
		display: grid;
		flex: none;
		gap: clamp(0.85rem, 1.5vw, 1.25rem);
		grid-template-columns: minmax(0, min(38%, 11rem)) minmax(0, 1fr);
		height: auto;
		--arc-balanced-basis: auto;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead).arc-card--no-image,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead).arc-card--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__image,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__image {
		aspect-ratio: 4 / 3;
		grid-column: 1;
		grid-row: 1;
		margin: 0;
		max-height: 8.5rem;
		overflow: hidden;
		width: 100%;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__image img,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__image img {
		height: 100%;
		max-height: 8.5rem;
		object-fit: cover;
		width: 100%;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__body,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__body {
		display: flex;
		flex-direction: column;
		grid-column: 2;
		grid-row: 1;
		justify-content: center;
		min-width: 0;
		padding: 0;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__title,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__title {
		-webkit-line-clamp: 3;
		min-height: 0;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__excerpt,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__excerpt {
		display: none;
	}

	body.arc-home-magazine-mosaic .arc-hero--grid .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__meta,
	body.arc-home-magazine-mosaic .arc-home--mosaic .arc-hero__grid > .arc-card:not(.arc-card--lead) .arc-card__meta {
		flex-wrap: wrap;
		margin-top: var(--arc-space-15);
		min-width: 0;
		padding-top: var(--arc-space-10);
		width: 100%;
	}

	body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child) {
		--arc-balanced-basis: calc(33.333% - var(--arc-balanced-gap));
	}

	body.arc-home-magazine-mosaic .arc-category-section--grid .arc-post-grid .arc-card:first-child {
		grid-column: auto;
		grid-row: auto;
	}

	body.arc-home-community-magazine .arc-hero__grid .arc-card:not(.arc-card--lead) .arc-card__image {
		max-height: min(12rem, 22vh);
		overflow: hidden;
	}

	body.arc-home-community-magazine .arc-hero__grid .arc-card:not(.arc-card--lead) .arc-card__image img {
		height: 100%;
		max-height: min(12rem, 22vh);
		object-fit: cover;
		width: 100%;
	}
}

/*
 * Section cards on mosaic / city-sections: do not stretch a short card to its
 * neighbour and pin the dateline — that is the 269–316px hollow inside a
 * bordered card. Size to content; leftover last cards take the row so a
 * 500–900px well does not sit empty beside one tile.
 */
body.arc-home-magazine-mosaic .arc-category-section .arc-post-grid > .arc-card,
body.arc-home-city-sections .arc-category-section .arc-post-grid > .arc-card {
	align-self: start;
	height: auto;
}

body.arc-home-magazine-mosaic .arc-category-section .arc-card__meta,
body.arc-home-city-sections .arc-category-section .arc-card__meta {
	margin-top: var(--arc-space-25);
}

@media (min-width: 782px) and (max-width: 1199px) {
	body.arc-home-magazine-mosaic .arc-category-section--grid .arc-balanced-grid > .arc-card:last-child:nth-child(odd),
	body.arc-home-city-sections .arc-category-section--grid .arc-balanced-grid > .arc-card:last-child:nth-child(odd) {
		--arc-balanced-basis: 100%;
		flex-basis: 100%;
	}
}

@media (min-width: 1200px) {
	body.arc-home-magazine-mosaic .arc-category-section--grid .arc-balanced-grid > .arc-card:last-child:nth-child(3n + 1),
	body.arc-home-city-sections .arc-category-section--grid .arc-balanced-grid > .arc-card:last-child:nth-child(3n + 1),
	body.arc-home-magazine-mosaic .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child):last-child:nth-child(3n + 2),
	body.arc-home-city-sections .arc-category-section--featured .arc-post-grid > .arc-card:not(:first-child):last-child:nth-child(3n + 2) {
		--arc-balanced-basis: 100%;
		flex-basis: 100%;
	}
}

@media (prefers-reduced-motion: no-preference) {
	@keyframes arc-reveal {
		from {
			opacity: 0;
			transform: translateY(0.65rem);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/*
	 * The same entrance without the invisible first frame, for the parts of the page
	 * that are already on screen when it loads.
	 *
	 * arc-reveal starts at opacity 0 with `both`, so the element is not painted until
	 * the animation runs. For anything in the first screenful that includes whatever
	 * wins Largest Contentful Paint, so the metric was being charged for a decorative
	 * fade -- and a reveal is pointless there anyway: nothing is being revealed, the
	 * reader is already looking at it.
	 *
	 * Only the fade is dropped, not the movement. A translated element still counts
	 * as painted, so the lift survives and LCP does not wait for it.
	 */
	@keyframes arc-rise {
		from {
			transform: translateY(0.5rem);
		}
		to {
			transform: translateY(0);
		}
	}

	.arc-motion-subtle :where(.arc-section, .arc-archive-query) {
		animation: arc-reveal 360ms var(--arc-ease) both;
	}

	.arc-motion-expressive :where(.arc-section, .arc-archive-query) {
		animation: arc-reveal 520ms var(--arc-ease) both;
	}

	.arc-motion-subtle :where(.arc-home__intro, .arc-article > .wp-block-post-title) {
		animation: arc-rise 360ms var(--arc-ease) both;
	}

	.arc-motion-expressive :where(.arc-home__intro, .arc-article > .wp-block-post-title) {
		animation: arc-rise 520ms var(--arc-ease) both;
	}

	/*
	 * The first section sits directly under the hero and is partly in view on load on
	 * every layout, so it is first-screenful too.
	 */
	.arc-motion-subtle .arc-section:first-of-type,
	.arc-motion-expressive .arc-section:first-of-type {
		animation-name: arc-rise;
	}

	.arc-motion-expressive .arc-section:nth-of-type(2) {
		animation-delay: 70ms;
	}

	.arc-motion-expressive .arc-section:nth-of-type(3) {
		animation-delay: 120ms;
	}

	.arc-motion-expressive .arc-section:nth-of-type(4) {
		animation-delay: 170ms;
	}

	.arc-motion-expressive .arc-section:nth-of-type(n+5) {
		animation-delay: 220ms;
	}

	.arc-motion-expressive .arc-card:hover {
		/*
		 * --arc-shadow-brand is a colour, not a shadow: inc/palette-color.php sets it
		 * to color-mix(in srgb, brand N%, transparent), which the other shadow tokens
		 * use as the *colour part* of a shadow. Handed to box-shadow on its own the
		 * declaration is invalid and the browser drops it, so the expressive motion
		 * setting has been promising a lift on hover and painting nothing. It fails
		 * silently -- there is no warning anywhere -- which is why
		 * bin/verify-token-types.php now checks this class of mistake.
		 *
		 * The lengths match the resting shadows on the same cards, one step deeper.
		 */
		box-shadow: 0 14px 34px var(--arc-shadow-brand);
		transform: translateY(var(--arc-motion-distance));
	}
}

/*
 * Bento: the secondary column decides the height of the module, and it was
 * deciding wrong.
 *
 * Measured intrinsic heights on the pilot, lead card against side column:
 * 607/910 at 1024, 754/1090 at 1440, 876/1114 at 1920, 1010/1055 at 2560. The
 * side column won at every width, so the lead card -- stretched to the row to
 * keep its outer edge honest -- carried the difference as empty space inside its
 * own border: the 336px measured at 1440.
 *
 * The reason the column was that tall is that its two cards were rendering as
 * full-width cards with 288-320px photos in a 530px track, each one taller than
 * it is wide. They are marked `--horizontal` and were never laid out that way at
 * these widths: the only rule that would have done it is a container query on
 * `.arc-card--horizontal` written against `container-type` declared on
 * `.arc-card` itself, and an element is not its own container, so that query has
 * never matched anything. (Left alone here -- rewiring the card container scale
 * is not this repair.)
 *
 * So the fix is the composition the markup already describes: the secondary
 * stack becomes thumbnail-beside-headline rows, the same shape the archive river
 * and the mobile bento already use. Four of them instead of two, because at
 * ~150px each the column would otherwise fall well short of the lead and hand
 * the slack straight back -- and because two more headlines on the front page is
 * the version of "fill the space" that is worth having. What is left over is
 * distributed between the rows rather than pooled at one end, so the column
 * reads as a list set against the lead story instead of a stack with a gap.
 *
 * The lead keeps `height: 100%`: it is the taller of the two now, so the rule
 * costs nothing, and it stays the backstop for a day when a side headline runs
 * long.
 */
/*
 * Below 1024px the two-column bento gives the secondary column ~290px, which is
 * not enough for a thumbnail and a headline beside it: the headlines wrapped to
 * five lines and the column grew taller than the lead again. premium.css already
 * treats 1024px as the real threshold -- that is where it goes to `1.5fr 1fr` --
 * so the tablet band gets the same single column the phone does.
 */
@media (min-width: 782px) and (max-width: 1023px) {
	.arc-bento .arc-bento__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 1024px) {
	.arc-bento .arc-bento__side {
		align-content: space-between;
	}

	/*
	 * A share of the column rather than a fixed 9rem: at 1024px the column is
	 * 379px wide and a 144px thumbnail left 219px for the headline, which wrapped
	 * to four lines and undid the height saving it was there to make.
	 */
	.arc-bento__side > .arc-card--horizontal {
		align-items: start;
		display: grid;
		gap: var(--arc-space-35);
		grid-template-columns: minmax(0, 30%) minmax(0, 1fr);
	}

	.arc-bento__side > .arc-card--horizontal.arc-card--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	.arc-bento__side .arc-card--horizontal .arc-card__image {
		align-self: start;
		aspect-ratio: var(--arc-card-media-ratio, 4 / 3);
		grid-column: 1;
		grid-row: 1 / span 4;
		margin: 0;
		width: 100%;
	}

	.arc-bento__side .arc-card--horizontal .arc-card__body {
		grid-column: 2;
		min-width: 0;
		padding: 0;
	}

	/* A standfirst belongs to the lead; beside a thumbnail it is filler. */
	.arc-bento__side .arc-card--horizontal .arc-card__excerpt {
		display: none;
	}

	.arc-bento__side .arc-card--horizontal .arc-card__title {
		font-size: clamp(1.02rem, 1.1vw, 1.2rem);
		line-height: 1.28;
	}

	/*
	 * Between 1024 and ~1400 the secondary column is still a little taller than
	 * the lead, so the lead is stretched and something has to absorb the
	 * difference. `margin-top: auto` made the dateline absorb it, opening a hole
	 * between the standfirst and the dateline; the lead is alone in its grid area,
	 * so it has no neighbour to align its dateline with and nothing is gained by
	 * pinning it. Released, the remainder falls below the dateline, where it reads
	 * as the card's bottom padding. The extra class outranks the pin in
	 * premium.css, which loads after this file.
	 */
	.arc-bento .arc-bento__lead > .arc-card .arc-card__meta {
		margin-top: 0;
	}
}

/*
 * Clean + terracotta tiles paint the card. River (phone), bento-side and
 * list strips then zero `.arc-card__body`, so the title sits on the ink —
 * flush left of the text column and flush right of the brown tile. Restore
 * the same `--arc-card-inset` featured/discover already use. Hero is
 * excluded: `.arc-hero .arc-card` already has that inset on the tile.
 * Bordered / elevated / soft / magazine / mosaic stay on the reset above.
 */
.arc-cards-clean .arc-home > :not(.arc-hero) :is(.arc-card--lead, .arc-card--standard, .arc-card--horizontal) .arc-card__body,
.arc-cards-clean .arc-archive-grid .arc-card__body {
	padding: var(--arc-card-inset);
}

/* WP core blocks: enforce semantic tokens site-wide */
.arc-theme .wp-block-navigation:not(.has-text-color) :where(.wp-block-navigation-item__content, .wp-block-navigation-submenu__toggle) {
	color: var(--wp--preset--color--text);
}

/* Desktop only: inside the mobile overlay these turn submenus into floating panels. */
@media (min-width: 782px) {
	.arc-theme .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container,
	.arc-primary-navigation .wp-block-navigation__submenu-container {
		background-color: var(--arc-header-elevated, var(--arc-card-fill, var(--wp--preset--color--surface))) !important;
		border: 1px solid var(--wp--preset--color--border) !important;
		border-radius: var(--arc-panel-radius);
		box-shadow: var(--arc-shadow);
		color: var(--wp--preset--color--text) !important;
		overflow: hidden;
		padding: var(--arc-space-15);
	}
}

.arc-theme .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	border-radius: var(--arc-control-radius);
}

.arc-theme .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.arc-theme .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background: color-mix(in srgb, var(--wp--preset--color--brand) 12%, var(--wp--preset--color--surface));
	color: var(--wp--preset--color--brand);
}

.arc-theme .wp-block-query-pagination :where(a, .page-numbers) {
	color: var(--wp--preset--color--text);
}

.arc-theme .wp-block-query-pagination :where(a:hover, a:focus-visible, .page-numbers.current) {
	color: var(--wp--preset--color--brand);
}

.arc-theme .wp-block-post-navigation-link a {
	color: var(--wp--preset--color--text);
}

/*
 * Wrapped in :where() like the pagination rule above, and for the same reason.
 * Written as a plain `a:hover` this landed at (0,3,1) -- the same specificity as
 * the on-brand rule in the hover block, but later in the file, so it won than on
 * source order and painted the title in var(--wp--preset--color--brand) on the
 * background that rule had just painted var(--wp--preset--color--brand). Not low
 * contrast: the same colour front and back, 1.00:1 on all 25 palettes in both
 * schemes, and the title vanished. :where() takes this to (0,2,0) so the card's
 * own hover ink wins.
 */
.arc-theme .wp-block-post-navigation-link :where(a:hover, a:focus-visible) {
	color: var(--wp--preset--color--brand);
}

.arc-theme :where(.arc-sidebar, .arc-search) .wp-block-search__input,
.arc-theme :where(.arc-sidebar, .arc-search) .wp-block-search__inside-wrapper {
	background-color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--border);
	color: var(--wp--preset--color--text);
}

/*
 * The tablet step: cap the reading column where there is no sidebar to absorb the width.
 *
 * Between 782 and 1199 the article is a single column, so the card runs to its 58rem
 * ceiling with nothing beside it: 854px of text at 18.24px, which is 103 characters a line
 * at 1024. The static page is worse -- it has no cap at all below 1200 and its body is
 * still the sans face here, whose glyphs are narrower, so 889px of text came to 116
 * characters. Those are the two longest lines on the site, longer than the 1440 case that
 * prompted this work, and there is no sidebar to hand the surplus to.
 *
 * 47rem, and where it comes from: this serif at the 1024 reading size advances 8.29px per
 * character, measured by counting characters into line boxes rather than dividing a width.
 * Eighty characters is therefore 663px of text, and the card carries a 3.5vw inset each
 * side, 35.8px at 1024 -- so 735 to 752px of card. 47rem is 752px, which lands the text at
 * 680px and the line at 82 characters, and it holds 76 to 84 across the whole range as the
 * body's clamp grows from 17.6px to 18.7px.
 *
 * Not `em`, though `em` was the first instinct and would self-normalise: the cap has to
 * land on the lead and the dateline as well as the body, those three share one edge under
 * the reading-focus preset, and each has its own font-size -- the lead's is a 1.15-1.5rem
 * clamp. In `em` they would fan out into three different widths, which is the opposite of
 * what the cap is for. A shared edge needs a shared unit.
 *
 * The freed width becomes symmetrical margin, not a hole: core's is-layout-constrained
 * rule auto-centres any child that carries a max-width, which is the same mechanism that
 * already centres the 58rem card inside the 963px track.
 *
 * The static page also gets the serif treatment the 1200 step gives it, because a measure
 * cannot be fixed without knowing the typeface it is measured in -- capping the page while
 * it is still set in sans leaves it at 89 characters. It also removes a face change the
 * page performs at 1200 today. This is a visible change on static pages at tablet widths,
 * and the only one in this task.
 *
 * The upper bound is fractional so it meets `min-width: 1200px` exactly. At an integer
 * 1199px a viewport of 1199.5, which browser zoom produces routinely, matches neither
 * block and the column loses its cap for half a pixel of width.
 */
@media (min-width: 782px) and (max-width: 1199.98px) {
	/*
	 * The prefixes are not decoration. The preset's cap is written
	 * `body.arc-article-reading-focus .arc-article > .wp-block-post-content` -- three
	 * classes and one element -- and carries !important, so it wins on specificity
	 * however late a shorter selector appears. Three classes alone ties on the class
	 * count and then loses on the element count, which is how the first attempt at this
	 * rule left the card at 928px while the page next to it capped correctly. `body`
	 * brings the element count level, and source order decides from there.
	 */
	body .arc-single-grid .arc-article > .wp-block-post-content,
	.arc-single-grid .arc-article .arc-article__lead,
	.arc-page__article > .wp-block-post-content {
		max-width: 47rem !important;
	}

	/* Mirrors the 1200 step's rule, which the comment there asks to be kept in step. */
	.arc-page__article > .wp-block-post-content {
		font-family: var(--wp--preset--font-family--serif);
		font-size: clamp(1.06rem, 0.98rem + 0.25vw, 1.2rem);
		line-height: 1.78;
	}
}

/*
 * Wide-screen dead space, in three steps.
 *
 * The reading measure is fixed: contentSize is 920px and the article card is
 * capped at 58rem. The article track, though, is `1fr`, so at 2560 it is handed
 * 1680px it cannot spend, and core's is-layout-constrained rule centres the card
 * inside it. That leaves 376px of slack on each side, and the right-hand 376 plus
 * the 64px grid gap is the hole between the article and the sidebar: measured at
 * 188px at 1800, 243 at 1920, 330 at 2100 and 440 from 2400 up, against an outer
 * page margin of only 72 to 200px. A page that breathes on the inside instead of
 * at its edges reads as unfinished, whatever the type is doing.
 *
 * So the column stops being handed width it cannot use. The surplus goes to the
 * sidebar, to the contents rail, or to a symmetrical outer margin -- never into a
 * pool between the two columns. The gap lands on a flat 48px at every width.
 *
 * --arc-block-width is the sum of the tracks at each step. The grid, the
 * breadcrumbs and the related strip all read it, so the page has one left edge
 * and one right edge instead of three.
 *
 * Ordered A -> B -> C, and placed after every other width rule touching these
 * selectors: all three match at 2100 and up, so the later one has to win on
 * source order. The front page and the archive content track are deliberately
 * left out -- see the notes on each.
 */
@media (min-width: 1200px) {
	.arc-main {
		/* 58rem measure + 4rem gap + 21rem sidebar */
		--arc-block-width: 83rem;
	}

	.arc-page--sidebar .arc-single-grid,
	.arc-enable-article-sidebar .arc-single-grid,
	.arc-enable-page-sidebar .arc-page-grid {
		grid-template-columns: minmax(0, 58rem) minmax(16rem, 21rem);
		justify-content: center;
	}

	/*
	 * One well with home cards: --arc-wide-width, margin-inline auto.
	 * --arc-block-width is only the track sum (83/91rem). Using it as the
	 * wrapper, then reserving 74rem for a missing TOC, left-anchored the
	 * visible (main + sidebar) pair — 160–200px on the left at 2560, a
	 * huge gutter on the other side. The pair centres inside the home well.
	 */
	.arc-single-grid,
	.arc-page-grid,
	.arc-content-sidebar-grid,
	.arc-single > .arc-breadcrumbs,
	.arc-page > .arc-breadcrumbs,
	.arc-single .arc-related {
		justify-content: center;
		margin-inline: auto;
		max-width: var(--arc-wide-width) !important;
		width: 100%;
	}

	.arc-archive > .arc-archive__intro,
	.arc-search > .arc-archive__intro,
	.arc-archive > .arc-breadcrumbs,
	.arc-archive > .wp-block-query-title,
	.arc-archive > .arc-archive__description,
	.arc-archive > .wp-block-term-description,
	.arc-search > .arc-breadcrumbs,
	.arc-search > .wp-block-query-title,
	.arc-author > .arc-breadcrumbs,
	.arc-author > .wp-block-query-title,
	.arc-404 .arc-error,
	.arc-404 .arc-404__recent {
		margin-inline: auto;
		max-width: var(--arc-wide-width) !important;
		width: 100%;
	}

	/*
	 * Chrome stays on the reading measure, not the 74rem TOC cluster.
	 * max-width:100% made H1 as wide as rail+card, so the title centred
	 * in 1184px while the lede sat in 928px flush-right — a left-shifted
	 * headline next to an empty gutter that read as a leftover sidebar
	 * (Brașov editorial-side at 2560). Kicker / H1 / lede / meta share
	 * one well; featured and in-flow ads keep the card edge.
	 */
	.arc-single-grid .arc-article > .wp-block-post-title,
	.arc-single-grid .arc-article > .arc-article__categories,
	.arc-single-grid .arc-article > .arc-article__lead,
	.arc-single-grid .arc-article > .arc-post-meta {
		max-width: var(--arc-reading-width, 58rem) !important;
	}

	/*
	 * Meta is a compact chip card, not a 58rem bar. The TOC flush-right
	 * (`margin-right: 0` on the 74rem track) and constrained `max-width: 58rem`
	 * packed the chips to the right while H1/lede stayed centred. Keep the
	 * pill shrink-wrapped and centred in the main column.
	 */
	.arc-single-grid .arc-article > .arc-post-meta,
	.arc-page-grid .arc-page__article > .arc-post-meta,
	.arc-article > .arc-post-meta {
		justify-content: center !important;
		justify-self: center;
		margin-inline: auto !important;
		max-width: 100% !important;
		width: fit-content !important;
	}

	/*
	 * One right edge for the column. The card is capped at 58rem by the
	 * reading-focus preset while these siblings are capped at 57.5rem by core's
	 * contentSize, so each one sat 4px inside the card at every width: invisible
	 * taken alone, a wavering edge down the length of the page taken together.
	 */
	.arc-single-grid .arc-article > .arc-article__featured,
	.arc-single-grid .arc-article > .arc-share,
	.arc-single-grid .arc-article > .arc-post-navigation,
	.arc-single-grid .arc-article > .arc-ad-slot,
	.arc-single-grid .arc-article > .arc-article-context,
	.arc-single-grid .arc-article > .arc-article__tags {
		max-width: 100% !important;
	}

	/*
	 * The reading-focus preset caps the article card, but it never covered the
	 * static page, whose body therefore ran the full track: 159 characters a line
	 * at 1920 and 174 at 2560 -- measured, and more than twice the readable limit.
	 * The cap has to land on the card rather than on the article, because
	 * `.arc-enable-page-sidebar .arc-page-grid .arc-page__article` carries
	 * `max-width: none !important` further up. Family, size and leading mirror
	 * .arc-article .wp-block-post-content so that a page reads like an article;
	 * keep the two in step if either one moves.
	 */
	.arc-page__article > .wp-block-post-content {
		font-family: var(--wp--preset--font-family--serif);
		font-size: clamp(1.06rem, 0.98rem + 0.25vw, 1.2rem);
		line-height: 1.78;
		max-width: 58rem !important;
	}

	/*
	 * No unused sidebar column: drop it from --arc-block-width. The 83rem
	 * sum above is measure + gap + sidebar; without that column the grid
	 * stayed 83rem, the card sat in 58rem, and at the rail step
	 * `margin-right: 0` flushed TOC + card to the right — a phantom left
	 * gutter (~40% empty). The cluster is the measure, centred.
	 *
	 * A page that still paints a sidebar must keep the sums. page.html
	 * uses `.arc-single-grid.arc-page-grid`, so show_article_sidebar
	 * (`.arc-enable-article-sidebar .arc-single-grid`) turns the rail on
	 * for pages as well as posts. The first page gate looked only for
	 * `body.arc-enable-page-sidebar` and `body.arc-page--sidebar`;
	 * `arc-page--sidebar` lives on <main>, never on <body>, and Iași
	 * has article-sidebar on / page-sidebar off. The page kept the
	 * two-column tracks and stuffed them into 58rem: 400px of title
	 * beside a 480px rail at 1920, 52% empty L/R. Same exclusions as
	 * the post rule, plus page-sidebar, and `:not(.arc-page--sidebar)`
	 * on main. Do not add a second @media (min-width: 1200px):
	 * verify-deadspace keys steps by width.
	 */
	body:not(.arc-enable-article-sidebar) .arc-main.arc-single,
	body:not(.arc-enable-article-sidebar):not(.arc-enable-page-sidebar) .arc-main.arc-page:not(.arc-page--sidebar),
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-archive,
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-search,
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-author,
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-404 {
		--arc-block-width: 58rem;
	}
}

/*
 * The reading size, moved down from 1800 to here.
 *
 * Measure is the ratio between column width and body size, not a width. The column
 * reaches its 58rem ceiling at 1440 and does not grow again -- the text box is 830px at
 * 1440, at 1680, at 2560, identical -- while the body's clamp saturated at 19.2px back at
 * 1408. So 1440 and 1680 were reading the widest column the theme ever builds at the
 * smallest size it ever pairs with it: 95-97 characters on an article, 96 on a static
 * page, measured by counting line boxes rather than dividing.
 *
 * The step existed already and was simply gated 360px too high. Since the geometry above
 * 1440 is constant, moving it down gives 1440 and 1680 exactly the numbers 1800 already
 * had -- 83 characters on an article, 78 on a page -- and changes nothing at 1800 and up.
 * No new value is introduced.
 *
 * 1.375rem is not a step of the theme.json scale, and both steps either side fail when
 * measured rather than reasoned about. `large` (1.25rem) leaves the article at 92
 * characters, so it does not fix the defect at all. `x-large` is fluid and already
 * saturated to 2rem at this width -- 60 characters, a stutter -- and even its 1.5rem floor
 * drops the static page to 59. 22px is the only value where the article and the page both
 * land inside 60-85. Reading sizes here have never been on the preset scale anyway: the
 * card is clamp(1.06rem, ..., 1.2rem) and the body clamp(1.0625rem, ..., 1.1875rem),
 * because the scale has no step between 20px and 32px, which is the whole range a body
 * size can occupy.
 *
 * Held from both sides: bin/probe-reading-measure.mjs counts characters into line boxes at
 * ten widths on an article and a static page and fails outside 60-90, and
 * bin/verify-reading-measure.php checks statically that this step is gated no later than
 * 1440 and that the tablet cap below is still there.
 */
@media (min-width: 1440px) {
	.arc-article .wp-block-post-content,
	.arc-page__article > .wp-block-post-content {
		font-size: 1.375rem;
		line-height: 1.72;
	}
}

@media (min-width: 1800px) {
	.arc-main {
		/* 58rem measure + 3rem gap + 30rem sidebar */
		--arc-block-width: 91rem;
	}

	.arc-page--sidebar .arc-single-grid,
	.arc-enable-article-sidebar .arc-single-grid,
	.arc-enable-page-sidebar .arc-page-grid {
		grid-template-columns: minmax(0, 58rem) minmax(22rem, 30rem);
		justify-content: center;
	}

	/*
	 * The archive keeps a `1fr` content track. Capping it to the reading measure
	 * would cost a card per row, and its gap is already 44px -- it has no hole to
	 * close. Only the sidebar grows, for the reason given at the 26rem rule above.
	 */
	.arc-enable-archive-sidebar .arc-content-sidebar-grid {
		grid-template-columns: minmax(0, 1fr) minmax(22rem, 30rem);
	}

	.arc-page--sidebar .arc-single-grid,
	.arc-enable-article-sidebar .arc-single-grid,
	.arc-enable-page-sidebar .arc-page-grid,
	.arc-enable-archive-sidebar .arc-content-sidebar-grid {
		column-gap: var(--wp--preset--spacing--70);
	}

}

/*
 * 2100+ used to grow the well to 107rem / 74rem for a TOC rail. That
 * reserved 16rem even when the rail was empty or floated out, and the
 * visible (main + sidebar) pair sat 128px right of the viewport centre.
 * The rail stays a float in the page margin (see .arc-toc--rail). The
 * cluster stays the 1800 sum, centred in --arc-wide-width.
 */
@media (min-width: 2100px) {
	.arc-main {
		/* 58rem measure + 3rem gap + 30rem sidebar — no empty TOC column */
		--arc-block-width: 91rem;
	}

	.arc-page--sidebar .arc-single-grid,
	.arc-enable-article-sidebar .arc-single-grid,
	.arc-enable-page-sidebar .arc-page-grid {
		grid-template-columns: minmax(0, 58rem) minmax(22rem, 30rem);
		justify-content: center;
	}

	body:not(.arc-enable-article-sidebar) .arc-main.arc-single,
	body:not(.arc-enable-article-sidebar):not(.arc-enable-page-sidebar) .arc-main.arc-page:not(.arc-page--sidebar),
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-archive,
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-search,
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-author,
	body:not(.arc-enable-archive-sidebar) .arc-main.arc-404 {
		--arc-block-width: 58rem;
	}
}

.arc-trust-navigation a,
.arc-footer-email {
	color: inherit;
}

.arc-social-links__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--arc-space-15);
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.arc-social-links__item {
	align-items: center;
	color: inherit;
	display: inline-flex;
	justify-content: center;
	min-height: 2.25rem;
	min-width: 2.25rem;
	text-decoration: none;
}

.arc-social-links__item .arc-icon {
	display: block;
	height: 1.15rem;
	width: 1.15rem;
}

.arc-secondary-navigation .arc-social-links__item {
	min-width: 2.25rem;
	padding-inline: 0.55rem;
}

.arc-social-links--secondary {
	margin-inline: 0.35rem;
}

.arc-secondary-navigation .arc-social-links--secondary {
	align-items: center;
	display: flex;
	justify-content: center;
}

.arc-social-links--footer {
	display: flex;
	justify-content: center;
	margin-top: 0.15rem;
	width: 100%;
}

.arc-consent {
	align-items: center;
	bottom: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	left: 0;
	padding: max(0.5rem, env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-right)) max(0.5rem, env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-left));
	pointer-events: none;
	position: fixed;
	right: 0;
	z-index: 99999;
}

@media (max-width: 781px) {
	.arc-consent {
		bottom: 4.25rem;
		padding: 0.35rem 0.5rem;
	}

	.arc-consent__inner {
		padding: 0.5rem 0.65rem;
	}

	.arc-consent__title {
		font-size: var(--arc-text-xs, 0.785rem);
		margin: 0 0 0.15rem;
	}

	.arc-consent__text {
		font-size: var(--arc-text-2xs, 0.705rem);
		line-height: 1.35;
		margin: 0 0 0.4rem;
	}

	.arc-consent__btn {
		min-height: 2rem;
		padding: 0.25rem 0.55rem;
	}

	.arc-consent__btn--accept {
		min-height: 2.5rem;
		min-width: 6.5rem;
		padding: 0.4rem 0.9rem;
	}
}

.arc-consent[hidden] {
	display: none !important;
}

.arc-consent__inner {
	align-items: center;
	background: var(--arc-footer-background, var(--wp--preset--color--contrast, #122033));
	border: 1px solid color-mix(in srgb, var(--arc-footer-text, #f4f7fa) 22%, transparent);
	border-radius: var(--arc-radius, 0.5rem);
	box-shadow: 0 10px 28px rgb(15 23 42 / 22%);
	box-sizing: border-box;
	color: var(--arc-footer-text, #f4f7fa);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	max-width: min(52rem, 100%);
	padding: 0.75rem 1rem;
	pointer-events: auto;
	text-align: center;
	width: 100%;
}

.arc-consent__title {
	font-size: var(--arc-text-s, 0.875rem);
	font-weight: 700;
	margin: 0 0 0.25rem;
	text-align: center;
}

.arc-consent__text {
	font-size: var(--arc-text-xs, 0.785rem);
	line-height: 1.45;
	margin: 0 0 0.65rem;
	text-align: center;
}

.arc-consent__text a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.arc-consent__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	justify-content: center;
}

.arc-consent__btn {
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--arc-footer-text, #f4f7fa) 55%, transparent);
	border-radius: var(--arc-control-radius, 0.35rem);
	color: inherit;
	cursor: pointer;
	font: inherit;
	font-size: var(--arc-text-xs, 0.785rem);
	font-weight: 700;
	min-height: 2.25rem;
	padding: 0.35rem 0.75rem;
}

.arc-consent__btn--accept {
	background: var(--arc-footer-text, #f4f7fa);
	border-color: var(--arc-footer-text, #f4f7fa);
	color: var(--arc-footer-background, #122033);
	font-size: var(--arc-text-s, 0.875rem);
	min-height: 2.5rem;
	min-width: 6.75rem;
	padding: 0.45rem 1rem;
}

.arc-consent__prefs {
	align-items: center;
	border: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.4rem 1.25rem;
	justify-content: center;
	margin: 0.65rem 0 0;
	padding: 0.65rem 0 0;
	border-top: 1px solid color-mix(in srgb, var(--arc-footer-text, #f4f7fa) 18%, transparent);
	text-align: center;
	width: 100%;
}

.arc-consent__prefs .arc-consent__btn {
	flex: 1 0 100%;
}

.arc-consent__prefs[hidden] {
	display: none !important;
}

.arc-consent__wp-notice {
	font-size: var(--arc-text-2xs, 0.705rem);
	line-height: 1.35;
	margin: 0.35rem 0 0;
	opacity: 0.92;
}

.arc-consent__wp-notice[hidden] {
	display: none !important;
}

.arc-consent__prefs label {
	align-items: center;
	display: flex;
	font-size: var(--arc-text-xs, 0.785rem);
	gap: 0.45rem;
	justify-content: center;
}

.arc-consent .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.arc-consent-reopen.wp-element-button {
	cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
	.arc-consent,
	.arc-consent__btn,
	.arc-social-links__item {
		animation: none !important;
		transition: none !important;
	}
}

@media print {
	.arc-site-header,
	.arc-site-footer,
	.arc-breadcrumbs,
	.arc-related,
	.arc-seo-rail,
	.arc-sidebar,
	.arc-consent {
		display: none !important;
	}

	body {
		color: var(--wp--preset--color--text);
		font-size: 11pt;
	}

	a {
		color: var(--wp--preset--color--text);
		text-decoration: none;
	}
}

/*
 * Sparse-state cascade lock. Kept at the end because legacy preset rules use
 * positional selectors (`:first-child:not(:nth-last-child(...))`). Count classes
 * are the source of truth and must win those older lead assumptions.
 */
@media (min-width: 782px) {
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse,
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse.is-layout-grid,
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse.arc-balanced-grid {
		display: flex !important;
		flex-wrap: wrap !important;
		grid-template-columns: none !important;
		justify-content: center !important;
	}

	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse > li,
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse > li:first-child,
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse > li:last-child {
		flex: 0 1 calc(50% - var(--arc-balanced-gap)) !important;
		grid-column: auto !important;
		grid-row: auto !important;
		max-width: none;
		min-width: min(100%, 17.5rem);
		width: auto !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse .arc-card--archive {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--sparse .arc-card--archive > * {
		grid-column: auto !important;
		grid-row: auto !important;
		width: auto;
	}

	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-1 > li,
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-1 > li:first-child {
		flex-basis: 100% !important;
		min-width: 0;
		width: 100% !important;
	}
}

@container arc-archive (min-width: 58rem) {
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-3 > li,
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-3 > li:first-child,
	html body:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-3 > li:last-child {
		flex-basis: calc(33.333% - var(--arc-balanced-gap)) !important;
	}
}

/*
 * Universal card contract — every current and future preset inherits this.
 *
 * 1. Sibling cards never merge: ordinary grids use 8–16px; balanced layouts
 *    keep their own larger gap but cannot fall below 2px.
 * 2. Copy uses the 13–20px card inset. The card shell itself has no padding,
 *    which prevents double insets and keeps media intentionally full bleed.
 * 3. Core archive cards have no body wrapper, so their text children receive
 *    the same inset directly.
 */
:where(
	.arc-hero__grid,
	.arc-post-grid,
	.arc-archive-grid,
	.arc-balanced-grid,
	.arc-bento__grid,
	.arc-bento__side,
	.arc-bento__row,
	.arc-related__grid,
	.arc-tabbed-posts__panel .arc-post-grid
) {
	gap: max(2px, var(--arc-balanced-gap, var(--arc-card-grid-gap))) !important;
}

:where(
	.arc-cards-bordered,
	.arc-cards-elevated,
	.arc-cards-soft,
	.arc-cards-clean,
	.arc-cards-editorial
) .arc-card {
	padding: 0 !important;
}

.arc-card > .arc-card__body {
	padding: var(--arc-card-text-inset) !important;
}

html body.arc-theme .arc-archive-grid .arc-card--archive > :where(
	.arc-card__categories,
	.wp-block-post-terms,
	.arc-card__title,
	.wp-block-post-title,
	.arc-card__excerpt,
	.wp-block-post-excerpt,
	.arc-card__meta,
	.wp-block-post-date
) {
	box-sizing: border-box;
	margin-inline: var(--arc-card-text-inset) !important;
	max-width: calc(100% - (2 * var(--arc-card-text-inset))) !important;
	width: calc(100% - (2 * var(--arc-card-text-inset))) !important;
}

html body.arc-theme .arc-archive-grid .arc-card--archive > :where(.arc-card__categories, .wp-block-post-terms):first-child,
html body.arc-theme .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image + :where(.arc-card__categories, .wp-block-post-terms) {
	margin-top: var(--arc-card-text-inset) !important;
}

html body.arc-theme .arc-archive-grid .arc-card--archive > :where(.arc-card__meta, .wp-block-post-date):last-child {
	margin-bottom: var(--arc-card-text-inset) !important;
}

/*
 * Compact river rows still use a media/text split. Their outer card is a
 * divider rather than a coloured panel, but the text body keeps an 8px floor
 * while the row-to-row separation remains visible.
 */
@media (max-width: 781px) {
	:where(.arc-post-grid, .arc-archive-grid, .arc-bento__row, .arc-related__grid) {
		gap: max(2px, var(--arc-space-10)) !important;
	}

	.arc-card > .arc-card__body {
		padding: max(0.5rem, var(--arc-space-20)) !important;
	}

	html body.arc-theme .arc-archive-grid .arc-card--archive > :where(
		.arc-card__categories,
		.wp-block-post-terms,
		.arc-card__title,
		.wp-block-post-title,
		.arc-card__excerpt,
		.wp-block-post-excerpt,
		.arc-card__meta,
		.wp-block-post-date
	) {
		margin-left: max(0.5rem, var(--arc-space-20)) !important;
		margin-right: max(0.5rem, var(--arc-space-20)) !important;
		max-width: calc(100% - 1rem) !important;
		width: calc(100% - 1rem) !important;
	}
}

/*
 * Universal media contract. A border is never allowed to sit directly against
 * image pixels: every card media wrapper is 2px inside the shell. The wrapper,
 * not the img, owns the inset, so there is only one offset and intrinsic
 * width/height attributes continue to reserve the image area for CLS.
 */
html body.arc-theme .arc-card > :where(
	.arc-card__image,
	.wp-block-post-featured-image,
	.arc-card__video
) {
	border-radius: max(0px, calc(var(--arc-card-radius) - var(--arc-card-media-inset))) !important;
	margin-left: var(--arc-card-media-inset) !important;
	margin-right: var(--arc-card-media-inset) !important;
	margin-top: var(--arc-card-media-inset) !important;
	max-width: calc(100% - (2 * var(--arc-card-media-inset))) !important;
	overflow: hidden !important;
	width: calc(100% - (2 * var(--arc-card-media-inset))) !important;
}

html body.arc-theme .arc-card > :where(
	.arc-card__image,
	.wp-block-post-featured-image,
	.arc-card__video
) :where(picture, img, iframe) {
	border-radius: inherit;
	max-width: 100%;
}

html body.arc-theme .arc-card > :where(
	.arc-card__image--graphic,
	.wp-block-post-featured-image.arc-image--graphic
) img {
	height: auto !important;
	object-fit: contain !important;
	width: 100%;
}

/*
 * Container-aware Mosaic lock. Viewport rules from the legacy preset are not
 * allowed to activate its lead/rail floor plan inside a sidebar-reduced main
 * column. Below 62rem of actual query width this is a centred two-card deck.
 */
@container arc-archive (min-width: 48.875rem) and (max-width: 61.999rem) {
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: var(--arc-balanced-gap) !important;
		justify-content: center !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many > li,
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many > li:first-child,
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many > li:nth-child(n) {
		flex: 0 1 calc(50% - var(--arc-balanced-gap)) !important;
		grid-column: auto !important;
		grid-row: auto !important;
		max-width: 38rem;
		min-width: min(100%, 17.5rem);
		width: auto !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many .arc-card--archive {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many .arc-card--archive > * {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}

@container arc-archive (min-width: 62rem) {
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many {
		align-items: start;
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many > li:nth-child(n) {
		flex: none !important;
		grid-column: span 2 !important;
		grid-row: auto !important;
		max-width: none;
		min-width: 0;
		width: auto !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many > li:first-child {
		grid-column: span 4 !important;
		grid-row: span 2 !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-exact-5 > li:nth-child(4) {
		grid-column: 2 / span 2 !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-exact-5 > li:nth-child(5) {
		grid-column: 4 / span 2 !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many .arc-card--archive {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many .arc-card--archive > * {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}

/*
 * `gap` has no physical effect on display:block. Several phone presets changed
 * balanced card collections to block after declaring a gap, so their bordered
 * article boxes still touched. Keep the river one-column, but make it flex so
 * the universal gap is an actual measured separation.
 */
@media (max-width: 781px) {
	html body.arc-theme :where(.arc-post-grid, .arc-archive-grid, .arc-related__grid, .arc-bento__side, .arc-bento__row).arc-balanced-grid {
		display: flex !important;
		flex-direction: column;
		flex-wrap: nowrap !important;
		height: auto !important;
	}

	html body.arc-theme :where(.arc-post-grid, .arc-archive-grid, .arc-related__grid, .arc-bento__side, .arc-bento__row).arc-balanced-grid > * {
		flex: none !important;
		height: auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	html body.arc-theme :where(.arc-post-grid, .arc-archive-grid, .arc-related__grid, .arc-bento__side, .arc-bento__row):not(.arc-balanced-grid) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/*
 * 768–781 is a real tablet canvas for this preset. The universal mobile river
 * deliberately owns every other preset through 781px, so restore the modular
 * two-up cluster only here; below 768 the stream remains one column.
 */
@media (min-width: 768px) and (max-width: 781px) {
	html body.arc-theme.arc-home-clean-news-stream .arc-category-section .arc-post-grid.arc-balanced-grid {
		flex-direction: row;
		flex-wrap: wrap !important;
		gap: var(--arc-stream-gap);
	}

	html body.arc-theme.arc-home-clean-news-stream .arc-category-section .arc-post-grid.arc-balanced-grid > .arc-card {
		flex: 0 1 calc((100% - var(--arc-stream-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-stream-gap)) / 2) !important;
		width: calc((100% - var(--arc-stream-gap)) / 2) !important;
	}

	html body.arc-theme.arc-home-clean-news-stream :is(
		.arc-category-section--stream-feature,
		.arc-category-section--stream-highlight
	) .arc-post-grid.arc-balanced-grid > .arc-card--lead {
		flex: 0 1 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section .arc-post-grid.arc-balanced-grid {
		flex-direction: row;
		flex-wrap: wrap !important;
		gap: var(--arc-journal-gap);
	}
}

@media (min-width: 782px) {
	html body.arc-theme .arc-home .arc-card > .arc-card__image {
		max-height: 720px !important;
	}

	html body.arc-theme .arc-home :where(.arc-card--lead, .arc-card--horizontal) > .arc-card__image {
		max-height: min(720px, calc(100% - (2 * var(--arc-card-media-inset)) - 2px)) !important;
	}
}

/*
 * Universal card caption contract. Attachment captions are editorial content;
 * alt remains an img attribute and is never printed by CSS or duplicated here.
 * The colour tokens resolve against every palette and its dark-mode values.
 */
html body.arc-theme .arc-card :where(
	figcaption,
	.wp-element-caption,
	.wp-caption-text,
	.arc-card__caption,
	.arc-card__credit,
	.arc-image-credit
) {
	background: var(--arc-card-caption-fill) !important;
	border-block-start: 1px solid var(--arc-card-caption-border) !important;
	box-sizing: border-box;
	color: var(--arc-card-caption-text) !important;
	display: block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-style: normal;
	font-weight: 500;
	line-height: 1.45;
	margin: 0 !important;
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
	padding: max(8px, var(--arc-space-20)) max(8px, var(--arc-space-30)) !important;
	text-align: center !important;
	text-transform: none !important;
	width: 100%;
}

/*
 * One page-wide alignment contract. Presets may change colours and internal
 * rhythm, but not silently expand one section beyond its neighbours at 2K.
 */
html body.arc-theme {
	--arc-page-well: 1600px;
	--arc-wide-width: var(--arc-page-well);
}

html body.arc-theme .arc-bento__row {
	--arc-balanced-gap: var(--arc-card-grid-gap);

	align-items: stretch;
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 17.5rem), 1fr)) !important;
}

html body.arc-theme .arc-bento__row > .arc-card,
html body.arc-theme .arc-bento__row > .arc-card:nth-child(n) {
	align-self: stretch;
	display: flex !important;
	flex-direction: column;
	height: 100%;
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme .arc-bento__row > .arc-card > .arc-card__image {
	aspect-ratio: var(--arc-card-media-ratio, 4 / 3);
	flex: 0 0 auto;
	height: auto !important;
}

html body.arc-theme .arc-bento__row > .arc-card > .arc-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

html body.arc-theme .arc-bento__row > .arc-card > .arc-card__body > .arc-card__meta {
	margin-top: auto;
}

/*
 * Palette media surface. Contained graphics letterbox against the site's own
 * colour system in both modes; photographs cover it without changing pixels.
 */
html body.arc-theme .arc-card {
	background-color: var(--arc-card-fill) !important;
}

html body.arc-theme .arc-card > .arc-card__body {
	background-color: var(--arc-card-fill) !important;
}

html body.arc-theme .arc-card > :where(
	.arc-card__image,
	.wp-block-post-featured-image,
	.arc-card__video
),
html body.arc-theme .arc-card > :where(
	.arc-card__image,
	.wp-block-post-featured-image,
	.arc-card__video
) > picture {
	background-color: var(--arc-card-media-fill) !important;
}

html body.arc-theme .arc-card > :where(
	.arc-card__image,
	.wp-block-post-featured-image,
	.arc-card__video
) {
	margin: var(--arc-card-media-inset) !important;
	min-height: 0 !important;
}

@media (min-width: 640px) and (max-width: 781px) {
	html body.arc-theme .arc-bento__row > .arc-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: calc((100% - max(2px, var(--arc-space-10))) / 2) !important;
	}
}

@media (max-width: 639px) {
	html body.arc-theme .arc-bento__row {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card {
		grid-column: auto !important;
		grid-row: auto !important;
		max-width: none !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / span 6 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 7 / span 3 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 10 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(n + 4) {
		grid-column: span 4 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card:only-child {
		grid-column: 1 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:first-child {
		grid-column: 1 / span 8 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:nth-child(2) {
		grid-column: 9 / -1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card {
		max-width: none !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / span 7 !important;
		grid-row: 1 / span 2 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 8 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 8 / -1 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(n + 4) {
		grid-column: span 4 !important;
		grid-row: 3 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card:only-child {
		grid-column: 1 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts.arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(n + 7) {
		grid-row: 4 !important;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section.arc-category-section--insights-press-reel,
		.arc-tabbed-posts.arc-tabbed-posts
	) .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section.arc-category-section--insights-press-reel,
		.arc-tabbed-posts.arc-tabbed-posts
	) .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7) {
		grid-column: 5 / span 4 !important;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section.arc-category-section--insights-press-reel,
		.arc-tabbed-posts.arc-tabbed-posts
	) .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section.arc-category-section--insights-press-reel,
		.arc-tabbed-posts.arc-tabbed-posts
	) .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(7) {
		grid-column: 3 / span 4 !important;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section.arc-category-section--insights-press-reel,
		.arc-tabbed-posts.arc-tabbed-posts
	) .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(5),
	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section.arc-category-section--insights-press-reel,
		.arc-tabbed-posts.arc-tabbed-posts
	) .arc-post-grid.arc-balanced-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(8) {
		grid-column: 7 / span 4 !important;
	}
}

/*
 * A real editorial caption cannot fit inside an 84px thumbnail rail. Captioned
 * cards become a vertical semantic card so the complete text remains in bounds.
 */
html body.arc-theme .arc-card:has(> .wp-block-post-featured-image figcaption) {
	display: flex !important;
	flex-direction: column;
}

html body.arc-theme .arc-card:has(> .wp-block-post-featured-image figcaption) > .wp-block-post-featured-image {
	aspect-ratio: auto !important;
	flex: 0 0 auto !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	width: calc(100% - (2 * var(--arc-card-media-inset))) !important;
}

html body.arc-theme .arc-card:has(> .wp-block-post-featured-image figcaption) > .wp-block-post-featured-image img {
	display: block;
	height: auto !important;
	max-height: 36rem;
	object-fit: contain;
	width: 100%;
}

/*
 * A genuinely narrow sidebar-reduced archive well below 58rem uses two tracks.
 * Viewport width is irrelevant here: the named query container is the usable
 * main column after the sidebar and its gap have already been deducted.
 */
@container arc-archive (min-width: 36rem) and (max-width: 57.999rem) {
	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: var(--arc-balanced-gap) !important;
		justify-content: center !important;
	}

	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-query .arc-archive-grid--count-many > li:nth-child(n) {
		flex: 0 1 calc(50% - var(--arc-balanced-gap)) !important;
		grid-column: auto !important;
		grid-row: auto !important;
		max-width: 38rem;
		min-width: min(100%, 17.5rem);
		width: auto !important;
	}
}

@container arc-archive (min-width: 58rem) {
	html body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(n) {
		flex-basis: calc(33.333% - var(--arc-balanced-gap)) !important;
		max-width: 38rem;
		min-width: 17.5rem;
	}

	html body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:first-child {
		flex-basis: calc(66.666% - var(--arc-balanced-gap)) !important;
		max-width: 66rem;
	}

	html body.arc-preset-community-magazine:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(n) {
		flex-basis: calc(33.333% - var(--arc-balanced-gap)) !important;
		max-width: 38rem;
		min-width: 17.5rem;
	}

	html body.arc-preset-community-magazine:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:first-child {
		flex-basis: 100% !important;
		max-width: 60rem;
	}

	html body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li,
	html body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:first-child,
	html body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:last-child {
		flex: 0 1 calc(33.333% - var(--arc-balanced-gap)) !important;
		max-width: none !important;
		min-width: 17.5rem;
		width: auto !important;
	}

	html body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(n) {
		flex: 0 1 calc(33.333% - var(--arc-balanced-gap)) !important;
		max-width: 34rem;
		min-width: 17.5rem;
		width: auto !important;
	}

	html body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-3 {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-preset-editorial-hybrid:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:first-child {
		grid-column: 1 / -1 !important;
		max-width: 66rem;
		justify-self: center;
		width: 100% !important;
	}

	html body.arc-preset-community-magazine:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:first-child {
		flex-basis: 100% !important;
		max-width: 60rem;
	}

	html body.arc-preset-city-sections:not(.arc-archive-view-list) .arc-archive-grid--count-4 > li {
		flex-basis: calc(50% - var(--arc-balanced-gap)) !important;
	}
}

@container arc-archive (min-width: 62rem) {
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-3 {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(0, 2fr) minmax(17.5rem, 1fr) !important;
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:first-child {
		grid-column: 1 !important;
		grid-row: 1 / span 2 !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:nth-child(n + 2) {
		grid-column: 2 !important;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2),
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) {
		align-self: stretch;
	}

	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2) .arc-card--archive,
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) .arc-card--archive {
		height: 100%;
	}
}

@container arc-archive (min-width: 72rem) {
	html body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-4 > li {
		flex-basis: calc(25% - var(--arc-balanced-gap)) !important;
	}
}

@container arc-archive (min-width: 82rem) {
	html body.arc-preset-breaking-newsroom:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(n) {
		flex-basis: calc(25% - var(--arc-balanced-gap)) !important;
	}
}

@media (min-width: 782px) {
	html body.error404.arc-view-404 .arc-404__recent .arc-archive-grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)) !important;
	}
}

/*
 * Archive excerpt policy is role-based, never dependent on a manually entered
 * excerpt. Core's post-excerpt block already calls get_the_excerpt(), so it
 * preserves manual copy and generates the content fallback server-side.
 */
html body.arc-theme:not(.arc-archive-preset-compact) .arc-archive-grid .arc-card--archive :where(
	.arc-card__excerpt,
	.wp-block-post-excerpt
) {
	display: flow-root !important;
}

/*
 * Only the two compact support cards in a true, wide Mosaic opener omit copy.
 * Sparse/fallback grids and list view always show it and reserve no empty box.
 */
@container arc-archive (min-width: 62rem) {
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2) .arc-card--archive :where(
		.arc-card__excerpt,
		.wp-block-post-excerpt
	),
	html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) .arc-card--archive :where(
		.arc-card__excerpt,
		.wp-block-post-excerpt
	) {
		display: none !important;
		min-height: 0 !important;
	}
}

html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive :where(
	.arc-card__excerpt,
	.wp-block-post-excerpt
) {
	display: flow-root !important;
}

/*
 * Archive media slots are selected by card role, never by the source bitmap's
 * intrinsic ratio. The figure is the slot when there is no caption; with a
 * caption, its image link is the reserved slot and the caption flows below it.
 */
html body.arc-theme .arc-archive-grid .arc-card--archive {
	--arc-archive-media-cap: 32rem;
	--arc-archive-media-ratio: 4 / 3;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid > li:first-child .arc-card--archive {
	--arc-archive-media-cap: 34rem;
	--arc-archive-media-ratio: 4 / 3;
}

html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-4 > li:nth-child(n + 2) .arc-card--archive,
html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-3 > li:nth-child(n + 2) .arc-card--archive,
html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(2) .arc-card--archive,
html body.arc-preset-magazine-mosaic:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(3) .arc-card--archive {
	--arc-archive-media-cap: 18rem;
	--arc-archive-media-ratio: 16 / 9;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:not(:has(figcaption)) {
	aspect-ratio: var(--arc-archive-media-ratio) !important;
	height: auto !important;
	max-height: var(--arc-archive-media-cap) !important;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:has(figcaption) {
	aspect-ratio: auto !important;
	height: auto !important;
	max-height: none !important;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:has(figcaption) > a {
	aspect-ratio: var(--arc-archive-media-ratio);
	display: block;
	height: auto !important;
	max-height: var(--arc-archive-media-cap);
	overflow: hidden;
	position: relative;
	width: 100%;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:not(:has(figcaption)) > :where(a, picture),
html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:has(figcaption) > a > picture {
	display: block;
	height: 100%;
	width: 100%;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:has(figcaption) > a > picture {
	inset: 0;
	position: absolute;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image img {
	height: 100% !important;
	object-fit: cover !important;
	width: 100% !important;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image.arc-image--graphic img {
	object-fit: contain !important;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid > li {
	align-self: stretch;
	display: flex;
}

html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid > li > .arc-card--archive {
	height: auto;
	width: 100%;
}

@media (min-width: 782px) {
	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid > li > .arc-card--archive {
		height: 100%;
	}
}

@media (max-width: 781px) {
	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid > li {
		align-self: auto;
		display: block;
	}

	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid > li:has(.arc-card--archive figcaption) {
		min-height: max-content;
	}

	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid--count-many {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}
}

@media (min-width: 36rem) and (max-width: 781px) {
	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid--count-many {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme:not(.arc-archive-view-list) .arc-archive-grid--count-many > li:nth-child(n) {
		max-width: none !important;
		min-width: 0 !important;
		width: auto !important;
	}
}

/*
 * List is its own compact thumbnail role. Captioned media keeps the same 4:3
 * image slot and lets only the caption increase the figure's block height.
 */
html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive,
html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive:has(> .wp-block-post-featured-image figcaption) {
	display: grid !important;
}

html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image {
	aspect-ratio: 4 / 3 !important;
	height: auto !important;
	max-height: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:has(figcaption) {
	aspect-ratio: auto !important;
}

html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:has(figcaption) > a {
	aspect-ratio: 4 / 3;
	display: block;
	height: auto !important;
	overflow: hidden;
	position: relative;
	width: 100%;
}

html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image:has(figcaption) > a > picture {
	inset: 0;
	position: absolute;
}

html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image img {
	height: 100% !important;
	object-fit: cover !important;
	width: 100% !important;
}

html body.arc-theme.arc-archive-view-list .arc-archive-grid .arc-card--archive > .wp-block-post-featured-image.arc-image--graphic img {
	object-fit: contain !important;
}

/*
 * Corporate Journal v2 — unmistakable financial-newspaper silhouette.
 * One dominant briefing sits beside a numbered, text-first ledger. Continuation
 * modules deliberately switch between a lead/rail dossier, a ruled headline
 * band, an analysis desk, and slim dispatch rows. DOM order remains visual order.
 */
html body.arc-theme.arc-home-corporate-journal .arc-home__intro {
	border-block: 1px solid var(--wp--preset--color--brand);
	border-left: 0;
	padding-block: clamp(1rem, 2.5vw, 1.75rem);
	text-align: center;
}

html body.arc-theme.arc-home-corporate-journal .arc-home__intro h1 {
	font-size: clamp(2rem, 4vw, 4rem);
	font-variant: small-caps;
	letter-spacing: 0.035em;
}

html body.arc-theme.arc-home-corporate-journal .arc-hero--journal {
	border-block: 4px double var(--wp--preset--color--brand);
	padding-block: clamp(1rem, 2vw, 1.75rem);
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing {
	display: grid;
	gap: clamp(1rem, 2vw, 2rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__lead > .arc-card {
	border: 0;
	border-radius: 0;
	border-block-end: 1px solid var(--wp--preset--color--brand);
	height: 100%;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__lead .arc-card__title {
	font-size: clamp(1.75rem, 3vw, 3.6rem);
	line-height: 1.02;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger {
	border-block: 1px solid var(--wp--preset--color--border);
	padding-block: 0.75rem;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger > h3 {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-s);
	letter-spacing: 0.12em;
	margin: 0 0 0.5rem;
	text-transform: uppercase;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger > ol {
	list-style: decimal-leading-zero;
	margin: 0;
	padding-inline-start: 2.5rem;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger > ol > li {
	border-block-start: 1px solid var(--wp--preset--color--border);
	padding-block: 0.65rem;
	padding-inline-start: 0.35rem;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger > ol > li::marker {
	color: var(--wp--preset--color--brand);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger .arc-card {
	background: transparent;
	border: 0;
	border-radius: 0;
	display: block !important;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger :is(
	.arc-card__image,
	.arc-card__excerpt,
	.arc-card__categories
) {
	display: none !important;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger .arc-card__body {
	gap: 0.35rem;
	padding: 0;
}

html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__ledger .arc-card__title {
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	line-height: 1.15;
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section[class*="arc-category-section--journal-"] {
	border-block-start: 3px double var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section[class*="arc-category-section--journal-"] .arc-section__header {
	border-block-end: 1px solid var(--wp--preset--color--text);
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section[class*="arc-category-section--journal-"] .arc-card {
	border-radius: 0;
	box-shadow: none;
}

html body.arc-theme.arc-home-corporate-journal :is(
	.arc-category-section--journal-briefing .arc-card:not(.arc-card--lead),
	.arc-category-section--journal-analysis .arc-card:not(.arc-card--lead),
	.arc-category-section--journal-ledger .arc-card
) .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-corporate-journal :is(
	.arc-category-section--journal-briefing .arc-card:not(.arc-card--lead),
	.arc-category-section--journal-analysis .arc-card:not(.arc-card--lead),
	.arc-category-section--journal-ledger .arc-card
) .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-post-grid {
	border-block: 1px solid var(--wp--preset--color--text);
	counter-reset: arc-journal-ledger;
	max-width: none;
	width: 100% !important;
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-card {
	background: transparent;
	border: 0;
	border-block-end: 1px solid var(--wp--preset--color--border);
	counter-increment: arc-journal-ledger;
	display: grid !important;
	grid-template-columns: 2.25rem minmax(0, 1fr);
	padding-block: 0.75rem;
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: counter(arc-journal-ledger, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	padding-block-start: var(--arc-card-inset);
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-card__body {
	padding-inline-start: 0;
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-dispatches .arc-post-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	margin-inline: auto;
	max-width: 72rem;
	width: 100%;
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section.arc-category-section--journal-dispatches .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal {
	align-items: stretch;
	border: 0;
	border-block-end: 1px solid var(--wp--preset--color--border);
	display: grid !important;
	flex: none !important;
	gap: clamp(0.75rem, 2vw, 1.5rem);
	grid-template-columns: minmax(7rem, 24%) minmax(0, 1fr);
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-dispatches .arc-card__image {
	margin: 0;
}

@container (min-width: 640px) {
	html body.arc-theme.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-post-grid {
		display: flex !important;
	}

	html body.arc-theme.arc-home-corporate-journal :is(
		.arc-category-section--journal-briefing,
		.arc-category-section--journal-analysis
	) .arc-post-grid > .arc-card:not(.arc-card--lead) {
		flex: 0 1 calc((100% - var(--arc-journal-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-journal-gap)) / 2) !important;
		width: calc((100% - var(--arc-journal-gap)) / 2) !important;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-post-grid {
		display: grid !important;
		gap: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-card {
		border-inline-end: 1px solid var(--wp--preset--color--border);
	}
}

@container (min-width: 920px) {
	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-briefing .arc-post-grid,
	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-analysis .arc-post-grid {
		align-items: stretch;
		display: grid !important;
		gap: 0 clamp(1.25rem, 2.5cqi, 2.5rem);
		grid-auto-rows: minmax(0, auto);
		grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 0.72fr);
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-briefing .arc-post-grid > .arc-card--lead,
	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-analysis .arc-post-grid > .arc-card--lead {
		grid-column: 1;
		grid-row: 1 / span 7;
		max-width: 100% !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-briefing .arc-post-grid > .arc-card:not(.arc-card--lead),
	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-analysis .arc-post-grid > .arc-card:not(.arc-card--lead) {
		background: transparent;
		border: 0;
		border-block-start: 1px solid var(--wp--preset--color--border);
		display: block !important;
		grid-column: 2;
		max-width: 100% !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-briefing .arc-post-grid > .arc-card--lead:only-child,
	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-analysis .arc-post-grid > .arc-card--lead:only-child {
		grid-column: 1 / -1;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-category-section--journal-ledger .arc-post-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 960px) {
	html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing {
		align-items: stretch;
		grid-template-columns: minmax(0, 1.85fr) minmax(18rem, 0.72fr);
	}

	html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__lead .arc-card {
		display: grid !important;
		grid-template-rows: minmax(22rem, 1fr) auto;
	}

	html body.arc-theme.arc-home-corporate-journal .arc-journal-briefing__lead .arc-card__image {
		height: 100%;
		margin: 0;
		max-height: min(38rem, 60vh) !important;
	}
}

/*
 * Events First — marquee, ticket strip, timeline and poster wall.
 * Its opening is an inverted-T rather than another lead/rail or equal-card grid.
 * Continuation follows chronological DOM order through a staggered agenda lane,
 * then deliberately changes rhythm for posters, spotlight and compact agenda.
 */
html body.arc-theme.arc-home-events-first .arc-home__intro {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 9%, var(--wp--preset--color--surface));
	border: 1px solid var(--wp--preset--color--accent);
	border-inline-start-width: clamp(0.4rem, 1vw, 0.8rem);
}

html body.arc-theme.arc-home-events-first .arc-home__intro h1 {
	font-size: clamp(2rem, 4vw, 4.5rem);
	letter-spacing: -0.045em;
}

html body.arc-theme.arc-home-events-first .arc-hero--events {
	border-block: 1px solid var(--wp--preset--color--accent);
	padding-block: clamp(1rem, 2.5vw, 2rem);
}

html body.arc-theme.arc-home-events-first .arc-events-marquee {
	display: grid;
	gap: clamp(0.75rem, 1.8vw, 1.5rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-events-first .arc-events-marquee__lead > .arc-card {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: grid !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-events-first .arc-events-marquee__lead .arc-card__image {
	aspect-ratio: 16 / 10;
	margin: 0;
}

html body.arc-theme.arc-home-events-first .arc-events-marquee__lead .arc-card__title {
	font-size: clamp(1.7rem, 3.5vw, 4rem);
	line-height: 1.02;
}

html body.arc-theme.arc-home-events-first .arc-events-marquee__tickets {
	display: grid;
	gap: clamp(0.75rem, 1.8vw, 1.5rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-events-first .arc-events-marquee__ticket {
	min-width: 0;
}

html body.arc-theme.arc-home-events-first .arc-events-marquee__ticket > .arc-card {
	background: var(--wp--preset--color--surface);
	border: 1px dashed var(--wp--preset--color--accent);
	border-radius: 0;
	box-shadow: none;
	height: 100%;
	position: relative;
}

html body.arc-theme.arc-home-events-first .arc-events-marquee__ticket > .arc-card::after {
	background: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: 999px;
	content: "";
	height: 0.8rem;
	position: absolute;
	right: -0.45rem;
	top: calc(50% - 0.4rem);
	width: 0.8rem;
}

html body.arc-theme.arc-home-events-first .arc-category-section[class*="arc-category-section--events-"] {
	container: arc-events-section / inline-size;
}

html body.arc-theme.arc-home-events-first .arc-category-section[class*="arc-category-section--events-"] .arc-card {
	border-radius: 0;
	box-shadow: none;
}

html body.arc-theme.arc-home-events-first .arc-card a.arc-kicker,
html body.arc-theme.arc-home-events-first .arc-card a.arc-card__category {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	min-height: 24px;
	min-width: 24px;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-timeline .arc-post-grid {
	display: flex !important;
	flex-direction: column;
	gap: clamp(0.9rem, 2cqi, 1.5rem);
	margin-inline: auto;
	max-width: 72rem;
	position: relative;
	width: 100%;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-timeline .arc-post-grid > .arc-card {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-timeline .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-poster-wall .arc-post-grid {
	--arc-events-gap: clamp(0.75rem, 2cqi, 1.5rem);

	align-items: stretch;
	display: flex !important;
	flex-wrap: wrap;
	gap: var(--arc-events-gap);
	justify-content: center;
	width: 100%;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-poster-wall .arc-post-grid > .arc-card {
	flex: 0 1 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-poster-wall .arc-card__image {
	aspect-ratio: 4 / 5;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-poster-wall .arc-card__image img {
	height: 100% !important;
	max-height: min(30rem, 55vh);
	width: 100%;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-spotlight .arc-post-grid {
	--arc-events-gap: clamp(0.75rem, 2cqi, 1.5rem);

	align-items: stretch;
	display: flex !important;
	flex-wrap: wrap;
	gap: var(--arc-events-gap);
	justify-content: center;
	width: 100%;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-spotlight .arc-post-grid > .arc-card--lead {
	flex: 0 1 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-spotlight .arc-post-grid > .arc-card:not(.arc-card--lead) {
	background: var(--wp--preset--color--surface);
	border: 1px dashed var(--wp--preset--color--accent);
	flex: 0 1 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-spotlight .arc-card--lead .arc-card__image {
	aspect-ratio: 21 / 8;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-agenda .arc-post-grid {
	display: grid !important;
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
	margin-inline: auto;
	max-width: 68rem;
	width: 100%;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-agenda .arc-post-grid > .arc-card {
	border: 0;
	border-block-end: 1px solid var(--wp--preset--color--border);
	display: grid !important;
	grid-template-columns: minmax(7rem, 24%) minmax(0, 1fr);
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-events-first .arc-category-section--events-agenda .arc-card__image {
	margin: 0;
}

@container arc-events-section (min-width: 640px) {
	html body.arc-theme.arc-home-events-first .arc-category-section.arc-category-section--events-poster-wall .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - var(--arc-events-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-events-gap)) / 2) !important;
		width: calc((100% - var(--arc-events-gap)) / 2) !important;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section.arc-category-section--events-spotlight .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead) {
		flex-basis: calc((100% - var(--arc-events-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-events-gap)) / 2) !important;
		width: calc((100% - var(--arc-events-gap)) / 2) !important;
	}
}

@container arc-events-section (min-width: 800px) {
	html body.arc-theme.arc-home-events-first .arc-category-section.arc-category-section--events-timeline .arc-post-grid.arc-balanced-grid {
		--arc-events-timeline-gap: clamp(3rem, 8cqi, 6rem);

		align-items: stretch;
		column-gap: var(--arc-events-timeline-gap) !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: clamp(0.9rem, 2cqi, 1.5rem) !important;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section--events-timeline .arc-post-grid::before {
		background: var(--wp--preset--color--accent);
		content: "";
		inset-block: 0;
		left: calc(50% - 1px);
		position: absolute;
		width: 2px;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section.arc-category-section--events-timeline .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal {
		grid-column: auto !important;
		grid-row: auto !important;
		position: relative;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section.arc-category-section--events-timeline .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal:last-child:nth-child(odd) {
		grid-column: 1 / -1 !important;
		justify-self: center;
		width: calc((100% - var(--arc-events-timeline-gap)) / 2) !important;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section--events-timeline .arc-post-grid > .arc-card::after {
		background: var(--wp--preset--color--background);
		border: 3px solid var(--wp--preset--color--accent);
		border-radius: 999px;
		content: "";
		height: 0.8rem;
		position: absolute;
		right: calc(clamp(1.5rem, 4cqi, 3rem) * -1 - 0.4rem);
		top: 1.5rem;
		width: 0.8rem;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section--events-timeline .arc-post-grid > .arc-card:nth-child(even)::after {
		left: calc(clamp(1.5rem, 4cqi, 3rem) * -1 - 0.4rem);
		right: auto;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section--events-timeline .arc-post-grid > .arc-card:last-child:nth-child(odd)::after {
		left: calc(50% - 0.4rem);
		right: auto;
		top: -0.5rem;
	}
}

@container arc-events-section (min-width: 960px) {
	html body.arc-theme.arc-home-events-first .arc-category-section.arc-category-section--events-poster-wall .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (3 * var(--arc-events-gap))) / 4) !important;
		max-width: calc((100% - (3 * var(--arc-events-gap))) / 4) !important;
		width: calc((100% - (3 * var(--arc-events-gap))) / 4) !important;
	}

	html body.arc-theme.arc-home-events-first .arc-category-section.arc-category-section--events-spotlight .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead) {
		flex-basis: calc((100% - (2 * var(--arc-events-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-events-gap))) / 3) !important;
		width: calc((100% - (2 * var(--arc-events-gap))) / 3) !important;
	}
}

@media (min-width: 720px) {
	html body.arc-theme.arc-home-events-first .arc-events-marquee__tickets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-events-first .arc-events-marquee__ticket > .arc-card {
		display: grid !important;
		grid-template-columns: minmax(8rem, 34%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-events-first .arc-events-marquee__ticket .arc-card__image {
		margin: 0;
	}
}

@media (min-width: 768px) and (max-width: 781px) {
	html body.arc-theme.arc-home-events-first :is(
		.arc-category-section--events-poster-wall,
		.arc-category-section--events-spotlight
	) .arc-post-grid.arc-balanced-grid {
		align-items: stretch;
		flex-direction: row;
		flex-wrap: wrap !important;
		justify-content: center;
	}
}

@media (min-width: 960px) {
	html body.arc-theme.arc-home-events-first .arc-events-marquee__lead > .arc-card {
		grid-template-columns: minmax(0, 1.7fr) minmax(20rem, 0.8fr);
	}

	html body.arc-theme.arc-home-events-first .arc-events-marquee__lead .arc-card__image {
		aspect-ratio: 21 / 8;
		margin: 0;
		max-height: min(34rem, 58vh);
	}
}

/*
 * Guide & Lifestyle Hub — a visual field guide rather than a news grid.
 * The circular compass lead and arched guide covers are identifiable without
 * colour or copy. Continuation alternates shelves, itinerary stops, a lookbook,
 * text-first field notes and a compact directory in chronological DOM order.
 */
html body.arc-theme.arc-home-guide-lifestyle-hub .arc-home__intro {
	background:
		radial-gradient(circle at 90% 20%, color-mix(in srgb, var(--wp--preset--color--accent) 18%, transparent) 0 12%, transparent 12.5%),
		var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: min(4rem, 8vw);
	text-align: center;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-home__intro h1 {
	font-size: clamp(2rem, 4.5vw, 4.8rem);
	letter-spacing: -0.05em;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-hero--guide {
	border-block: 1px solid var(--wp--preset--color--accent);
	padding-block: clamp(1rem, 2.5vw, 2rem);
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass {
	display: grid;
	gap: clamp(1.25rem, 3vw, 2.5rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__lead > .arc-card {
	background: transparent;
	border: 0;
	box-shadow: none;
	display: grid !important;
	justify-items: center;
	overflow: visible;
	text-align: center;
	width: 100% !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-hero.arc-hero--guide .arc-guide-compass .arc-guide-compass__lead > .arc-card.arc-card--lead .arc-card__image {
	aspect-ratio: 1 !important;
	border: clamp(0.35rem, 1vw, 0.75rem) solid var(--wp--preset--color--surface);
	border-radius: 50% !important;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px var(--wp--preset--color--accent);
	margin: 0 auto;
	max-height: min(100cqi, 22rem) !important;
	max-width: min(calc(100% - (2 * var(--arc-card-media-inset))), 22rem) !important;
	overflow: hidden;
	width: min(calc(100% - (2 * var(--arc-card-media-inset))), 22rem) !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__lead .arc-card__image :is(picture, img) {
	height: 100%;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__lead .arc-card__body {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--wp--preset--color--foreground) !important;
	inset: auto !important;
	margin: 0;
	max-width: 54rem;
	position: static !important;
	text-align: inherit;
	transform: none !important;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__lead .arc-card__title {
	font-size: clamp(1.75rem, 3.2vw, 3.4rem);
	line-height: 1.08;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__lead .arc-card__title a {
	color: inherit;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellites {
	counter-reset: arc-guide-point;
	display: flex;
	flex-wrap: wrap;
	gap: clamp(0.75rem, 2vw, 1.5rem);
	justify-content: center;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite {
	flex: 0 1 100%;
	max-width: 100%;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite > .arc-card {
	align-items: start;
	border-radius: var(--arc-card-radius);
	counter-increment: arc-guide-point;
	display: grid !important;
	grid-template-columns: 3.25rem minmax(0, 1fr);
	height: 100%;
	overflow: visible;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite > .arc-card::before {
	align-items: center;
	align-self: start;
	aspect-ratio: 1;
	background: color-mix(in srgb, var(--wp--preset--color--accent) 14%, var(--wp--preset--color--surface));
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: 50%;
	color: var(--wp--preset--color--brand);
	content: counter(arc-guide-point, decimal-leading-zero);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	justify-content: center;
	margin: var(--arc-card-inset) 0 0 var(--arc-card-inset);
	min-height: 2.5rem;
	min-width: 2.5rem;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-guide-lifestyle-hub :is(
	.arc-guide-compass__satellite,
	.arc-category-section--guide-shelf,
	.arc-category-section--guide-itinerary,
	.arc-category-section--guide-lookbook,
	.arc-category-section--guide-directory
) .arc-card__image picture {
	display: block;
	height: 100%;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub :is(
	.arc-guide-compass__satellite,
	.arc-category-section--guide-shelf,
	.arc-category-section--guide-itinerary,
	.arc-category-section--guide-lookbook,
	.arc-category-section--guide-directory
) .arc-card__image img {
	height: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section[class*="arc-category-section--guide-"] {
	container: arc-guide-section / inline-size;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-card a.arc-kicker,
html body.arc-theme.arc-home-guide-lifestyle-hub .arc-card a.arc-card__category {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	margin-block-end: 2px;
	min-height: 28px !important;
	min-width: 24px;
	padding-block: 0.45rem !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-card :is(.arc-card__title, .arc-card__title a, .arc-card__excerpt) {
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-card :is(.arc-card__title, .arc-card__title a) {
	-webkit-line-clamp: unset !important;
	display: block;
	max-height: none !important;
	overflow: visible !important;
	text-overflow: clip;
}

html body.arc-theme.arc-home-guide-lifestyle-hub :is(
	.arc-category-section--guide-shelf,
	.arc-category-section--guide-lookbook,
	.arc-category-section--guide-field-notes,
	.arc-category-section--guide-itinerary
) .arc-post-grid {
	--arc-guide-gap: clamp(0.75rem, 2cqi, 1.5rem);

	align-items: stretch;
	display: flex !important;
	flex-wrap: wrap;
	gap: var(--arc-guide-gap);
	justify-content: center;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub :is(
	.arc-category-section--guide-shelf,
	.arc-category-section--guide-field-notes,
	.arc-category-section--guide-itinerary
) .arc-post-grid > .arc-card {
	flex: 0 1 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-shelf .arc-card {
	border-radius: var(--arc-card-radius);
	overflow: visible;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-shelf .arc-card__image {
	aspect-ratio: 4 / 5;
	border-radius: 50% 50% 0 0 / 14% 14% 0 0;
	overflow: hidden;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-shelf .arc-card__image :is(picture, img) {
	height: 100%;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-itinerary .arc-post-grid {
	counter-reset: arc-guide-stop;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-itinerary .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 7%, var(--wp--preset--color--surface));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent) 45%, var(--wp--preset--color--border));
	border-radius: var(--arc-card-radius);
	counter-increment: arc-guide-stop;
	display: grid !important;
	grid-template-columns: 3.75rem minmax(0, 1fr);
	overflow: visible;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-itinerary .arc-card::before {
	align-items: center;
	align-self: start;
	aspect-ratio: 1;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: 50%;
	color: var(--wp--preset--color--brand);
	content: counter(arc-guide-stop, decimal-leading-zero);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-s);
	font-weight: 700;
	justify-content: center;
	margin: var(--arc-card-inset) 0 0 var(--arc-card-inset);
	min-height: 2.75rem;
	min-width: 2.75rem;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-itinerary .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-itinerary .arc-card__image :is(picture, img) {
	height: 100%;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-lookbook .arc-post-grid > .arc-card--lead {
	flex: 0 1 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-lookbook .arc-post-grid > .arc-card:not(.arc-card--lead) {
	flex: 0 1 100% !important;
	max-width: 100% !important;
	overflow: visible;
	width: 100% !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-lookbook .arc-card--lead .arc-card__image {
	aspect-ratio: 2 / 1;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-lookbook .arc-card:not(.arc-card--lead) .arc-card__image {
	aspect-ratio: 1;
	border-radius: 50%;
	margin-inline: auto;
	max-width: 14rem;
	overflow: hidden;
	width: min(calc(100% - (2 * var(--arc-card-media-inset))), 14rem);
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-lookbook .arc-card:not(.arc-card--lead) .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-field-notes .arc-post-grid {
	counter-reset: arc-guide-note;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-field-notes .arc-card {
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: 0;
	counter-increment: arc-guide-note;
	display: grid !important;
	grid-template-columns: 2.75rem minmax(0, 1fr);
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-field-notes .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: counter(arc-guide-note, upper-roman);
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--arc-text-l);
	font-weight: 700;
	padding: var(--arc-card-inset) 0 0 var(--arc-card-inset);
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-field-notes .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid {
	--arc-guide-trail-gap: clamp(1rem, 2.5cqi, 2rem);

	align-items: stretch;
	counter-reset: arc-guide-river-note;
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: var(--arc-guide-trail-gap);
	margin-inline: auto;
	max-width: 74rem;
	padding-inline-start: 3.75rem;
	position: relative;
	width: 100%;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid::before {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 62%, var(--wp--preset--color--border));
	content: "";
	inset-block: 0;
	left: 1.25rem;
	position: absolute;
	width: 2px;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 94%, var(--wp--preset--color--accent));
	border: 1px solid var(--wp--preset--color--border);
	border-inline-start: 0.35rem solid var(--wp--preset--color--accent);
	border-radius: 1.5rem var(--arc-card-radius) var(--arc-card-radius) 1.5rem;
	counter-increment: arc-guide-river-note;
	display: grid !important;
	flex: none !important;
	grid-template-columns: minmax(5.5rem, 27%) minmax(0, 1fr);
	max-width: 100% !important;
	overflow: visible;
	position: relative;
	width: 100% !important;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-card::before {
	align-items: center;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: 0.4rem;
	color: var(--wp--preset--color--brand);
	content: counter(arc-guide-river-note, decimal-leading-zero);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	height: 2.5rem;
	justify-content: center;
	left: -3.45rem;
	position: absolute;
	top: 1rem;
	width: 2.5rem;
	z-index: 1;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-card::after {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 62%, var(--wp--preset--color--border));
	content: "";
	height: 2px;
	left: -2.8rem;
	position: absolute;
	top: 2.2rem;
	width: 2.8rem;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-card__image {
	aspect-ratio: 4 / 3;
	border-radius: 1rem;
	margin: var(--arc-card-media-inset);
	max-height: 10rem;
	overflow: hidden;
}

html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-card__image :is(picture, img) {
	height: 100% !important;
	width: 100% !important;
}

@container arc-guide-section (min-width: 640px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub :is(
		.arc-category-section.arc-category-section--guide-shelf,
		.arc-category-section.arc-category-section--guide-field-notes,
		.arc-category-section.arc-category-section--guide-itinerary
	) .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - var(--arc-guide-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-guide-gap)) / 2) !important;
		width: calc((100% - var(--arc-guide-gap)) / 2) !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section.arc-category-section--guide-lookbook .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead) {
		flex-basis: calc((100% - var(--arc-guide-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-guide-gap)) / 2) !important;
		width: calc((100% - var(--arc-guide-gap)) / 2) !important;
	}

}

@container arc-guide-section (min-width: 800px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid {
		padding-inline-start: 0 !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid::before {
		left: calc(50% - 1px) !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section.arc-category-section--guide-directory .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: auto !important;
		max-width: calc(50% - 3rem) !important;
		width: calc(50% - 3rem) !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid > .arc-card:nth-child(odd) {
		align-self: flex-start;
		border-inline-end: 1px solid var(--wp--preset--color--border);
		border-inline-start: 0.35rem solid var(--wp--preset--color--accent);
		border-radius: 1.75rem var(--arc-card-radius) var(--arc-card-radius) 1.75rem;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid > .arc-card:nth-child(even) {
		align-self: flex-end;
		border-inline-end: 0.35rem solid var(--wp--preset--color--accent);
		border-inline-start: 1px solid var(--wp--preset--color--border);
		border-radius: var(--arc-card-radius) 1.75rem 1.75rem var(--arc-card-radius);
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid > .arc-card:nth-child(odd)::before {
		left: auto;
		right: -4.25rem;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid > .arc-card:nth-child(even)::before {
		left: -4.25rem;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid > .arc-card:nth-child(odd)::after {
		left: auto;
		right: -3rem;
		width: 3rem;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section--guide-directory .arc-post-grid > .arc-card:nth-child(even)::after {
		left: -3rem;
		width: 3rem;
	}
}

@container arc-guide-section (min-width: 960px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section.arc-category-section--guide-shelf .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
		width: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section.arc-category-section--guide-field-notes .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
		width: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
	}

}

@container arc-guide-section (min-width: 1280px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section.arc-category-section--guide-shelf .arc-post-grid.arc-balanced-grid > .arc-card,
	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section.arc-category-section--guide-lookbook .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead) {
		flex-basis: calc((100% - (3 * var(--arc-guide-gap))) / 4) !important;
		max-width: calc((100% - (3 * var(--arc-guide-gap))) / 4) !important;
		width: calc((100% - (3 * var(--arc-guide-gap))) / 4) !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-category-section.arc-category-section--guide-itinerary .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
		width: calc((100% - (2 * var(--arc-guide-gap))) / 3) !important;
	}
}

@media (min-width: 640px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite > .arc-card {
		display: grid !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite {
		flex-basis: calc((100% - clamp(0.75rem, 2vw, 1.5rem)) / 2);
		max-width: calc((100% - clamp(0.75rem, 2vw, 1.5rem)) / 2);
		width: calc((100% - clamp(0.75rem, 2vw, 1.5rem)) / 2);
	}
}

@media (min-width: 768px) and (max-width: 781px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub :is(
		.arc-category-section--guide-shelf,
		.arc-category-section--guide-itinerary,
		.arc-category-section--guide-lookbook,
		.arc-category-section--guide-field-notes,
		.arc-category-section--guide-directory
	) .arc-post-grid.arc-balanced-grid {
		align-items: stretch;
		flex-direction: row;
		flex-wrap: wrap !important;
		justify-content: center;
	}
}

@media (min-width: 960px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__lead > .arc-card {
		align-items: center;
		column-gap: clamp(1.5rem, 4vw, 4rem);
		grid-template-columns: minmax(16rem, 32rem) minmax(28ch, 40rem);
		justify-content: center;
		justify-items: stretch;
		text-align: start;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-hero.arc-hero--guide .arc-guide-compass .arc-guide-compass__lead > .arc-card.arc-card--lead .arc-card__image {
		justify-self: end;
		max-height: min(100cqi, 32rem) !important;
		max-width: min(calc(100% - (2 * var(--arc-card-media-inset))), 32rem) !important;
		width: min(calc(100% - (2 * var(--arc-card-media-inset))), 32rem) !important;
	}

	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__lead .arc-card__body {
		justify-self: start;
		max-width: 40rem;
	}
}

@media (min-width: 1280px) {
	html body.arc-theme.arc-home-guide-lifestyle-hub .arc-guide-compass__satellite {
		flex-basis: calc((100% - (2 * clamp(0.75rem, 2vw, 1.5rem))) / 3);
		max-width: calc((100% - (2 * clamp(0.75rem, 2vw, 1.5rem))) / 3);
		width: calc((100% - (2 * clamp(0.75rem, 2vw, 1.5rem))) / 3);
	}
}

/*
 * Press & Insights is an editorial clipping desk. Its opening walks through
 * three offset folios and its sections alternate folios, clipping pairs,
 * margin notes, an interview desk and a compact press reel. Source order is
 * also visual order; all responsive changes are grid/flex tracks only.
 */
html body.arc-theme.arc-home-press-insights .arc-home__intro {
	background: linear-gradient(
		135deg,
		color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface)),
		var(--wp--preset--color--surface) 58%
	);
	border-block: 1px solid var(--wp--preset--color--text);
	border-inline-start: 0.5rem solid var(--wp--preset--color--accent);
	border-radius: 0;
}

html body.arc-theme.arc-home-press-insights .arc-hero--insights {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	display: block !important;
	padding: clamp(1rem, 2.5vw, 2rem);
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk {
	display: grid;
	column-gap: clamp(0.35rem, 1vw, 1rem);
	grid-template-columns: minmax(0, 1fr);
	margin-inline: auto;
	max-width: 92rem;
	row-gap: clamp(1rem, 3vw, 2.5rem);
	width: 100%;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--text);
	box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--wp--preset--color--brand) 16%, transparent);
	min-width: 0;
	padding: clamp(0.3rem, 1vw, 0.7rem);
	position: relative;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet::before {
	background: var(--wp--preset--color--accent);
	content: "";
	height: 0.35rem;
	inset: 0 auto auto 0;
	position: absolute;
	width: clamp(3rem, 28%, 8rem);
	z-index: 2;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet > .arc-card {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: 100%;
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening > .arc-card,
html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--note > .arc-card {
	display: grid !important;
	grid-template-columns: minmax(7rem, 34%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet .arc-card__image {
	margin: var(--arc-card-media-inset);
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--visual .arc-card__image {
	aspect-ratio: 16 / 9;
	max-height: 28rem;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--visual .arc-card__image :is(picture, img),
html body.arc-theme.arc-home-press-insights .arc-category-section[class*="arc-category-section--insights-"] .arc-card__image :is(picture, img) {
	height: 100% !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section[class*="arc-category-section--insights-"] {
	container: arc-insights-section / inline-size;
}

html body.arc-theme.arc-home-press-insights .arc-category-section[class*="arc-category-section--insights-"] .arc-section__header {
	border-block-end: 3px double var(--wp--preset--color--text);
}

html body.arc-theme.arc-home-press-insights .arc-category-section[class*="arc-category-section--insights-"] .arc-post-grid.arc-balanced-grid {
	--arc-insights-gap: clamp(1rem, 2.2cqi, 1.75rem);

	align-items: stretch;
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap !important;
	gap: var(--arc-insights-gap);
	justify-content: center;
}

html body.arc-theme.arc-home-press-insights .arc-category-section[class*="arc-category-section--insights-"] .arc-post-grid.arc-balanced-grid > .arc-card {
	flex: 0 1 100% !important;
	grid-column: auto !important;
	grid-row: auto !important;
	max-width: 100% !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section[class*="arc-category-section--insights-"] .arc-card {
	border-radius: 0;
	box-shadow: none;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-folio .arc-card--lead {
	border-inline-start: 0.5rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-clippings .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, var(--wp--preset--color--brand));
	border-block-start: 0.35rem solid var(--wp--preset--color--accent);
	padding-block-start: 0.25rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-clippings .arc-card:nth-child(even) {
	border-block-start-color: var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-clippings .arc-card__image {
	aspect-ratio: 1;
	max-height: 18rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes .arc-post-grid {
	border-block: 1px solid var(--wp--preset--color--text);
	counter-reset: arc-insights-note;
	padding-block: 0.75rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes .arc-card {
	background: transparent;
	border: 0;
	border-inline-start: 1px solid var(--wp--preset--color--border);
	counter-increment: arc-insights-note;
	display: grid !important;
	grid-template-columns: 2.25rem minmax(0, 1fr);
	padding-block: 0.5rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: counter(arc-insights-note, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-xs);
	font-weight: 700;
	padding: var(--arc-card-inset) 0 0 0.5rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes :is(
	.arc-card__image,
	.arc-card__excerpt
) {
	display: none !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-interview .arc-card--lead {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 92%, var(--wp--preset--color--accent));
	border: 0.4rem double var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-interview .arc-card:not(.arc-card--lead) .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card__image {
	aspect-ratio: 3 / 4;
	max-height: 18rem;
}

html body.arc-theme.arc-home-press-insights .arc-card a.arc-kicker,
html body.arc-theme.arc-home-press-insights .arc-card a.arc-card__category {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	min-height: 28px;
	min-width: 24px;
	padding-block: 0.35rem;
}

@media (min-width: 700px) {
	html body.arc-theme.arc-home-press-insights .arc-insights-desk {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening {
		grid-column: 1 / span 3;
		grid-row: 1;
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--visual {
		grid-column: 4 / span 6;
		grid-row: 1;
		margin-block-start: clamp(3rem, 7vw, 7rem);
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--note {
		grid-column: 10 / span 3;
		grid-row: 1;
		margin-block-start: clamp(6rem, 14vw, 14rem);
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer {
		grid-column: 2 / span 10;
		grid-row: 2;
		margin-block-start: clamp(0.5rem, 2vw, 2rem);
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer > .arc-card {
		display: grid !important;
		grid-template-columns: minmax(8rem, 20%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer .arc-card__image {
		aspect-ratio: 16 / 9;
		max-height: 9rem;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-insights-desk__sheet--opening,
		.arc-insights-desk__sheet--note
	) > .arc-card {
		display: block !important;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-insights-desk__sheet--opening,
		.arc-insights-desk__sheet--note
	) .arc-card__image {
		aspect-ratio: 4 / 3;
		max-height: 11rem;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-insights-desk__sheet--opening,
		.arc-insights-desk__sheet--note
	) .arc-card__excerpt {
		display: none;
	}
}

@container arc-insights-section (min-width: 640px) {
	html body.arc-theme.arc-home-press-insights :is(
		.arc-category-section--insights-folio,
		.arc-category-section--insights-clippings,
		.arc-category-section--insights-interview,
		.arc-category-section--insights-press-reel
	) .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead),
	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - var(--arc-insights-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-insights-gap)) / 2) !important;
		width: calc((100% - var(--arc-insights-gap)) / 2) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-folio .arc-card--lead,
	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-interview .arc-card--lead {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(12rem, 42%) minmax(0, 1fr);
	}
}

@container arc-insights-section (min-width: 900px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-clippings .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (2 * var(--arc-insights-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-insights-gap))) / 3) !important;
		width: calc((100% - (2 * var(--arc-insights-gap))) / 3) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (3 * var(--arc-insights-gap))) / 4) !important;
		max-width: calc((100% - (3 * var(--arc-insights-gap))) / 4) !important;
		width: calc((100% - (3 * var(--arc-insights-gap))) / 4) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (4 * var(--arc-insights-gap))) / 5) !important;
		max-width: calc((100% - (4 * var(--arc-insights-gap))) / 5) !important;
		width: calc((100% - (4 * var(--arc-insights-gap))) / 5) !important;
	}
}

/* Viewport fallback for engines/cascade layers that do not honor the named
 * section query. The exact section selectors keep the intended modular rhythm
 * ahead of the legacy all-home card width locks. */
@media (min-width: 640px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-folio .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead),
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-clippings .arc-post-grid.arc-balanced-grid > .arc-card,
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-margin-notes .arc-post-grid.arc-balanced-grid > .arc-card,
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-interview .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead),
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card {
		flex: 0 1 calc((100% - var(--arc-insights-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-insights-gap)) / 2) !important;
		width: calc((100% - var(--arc-insights-gap)) / 2) !important;
	}
}

@media (min-width: 900px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-clippings .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (2 * var(--arc-insights-gap))) / 3) !important;
		max-width: calc((100% - (2 * var(--arc-insights-gap))) / 3) !important;
		width: calc((100% - (2 * var(--arc-insights-gap))) / 3) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-margin-notes .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (3 * var(--arc-insights-gap))) / 4) !important;
		max-width: calc((100% - (3 * var(--arc-insights-gap))) / 4) !important;
		width: calc((100% - (3 * var(--arc-insights-gap))) / 4) !important;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card {
		flex-basis: calc((100% - (4 * var(--arc-insights-gap))) / 5) !important;
		max-width: calc((100% - (4 * var(--arc-insights-gap))) / 5) !important;
		width: calc((100% - (4 * var(--arc-insights-gap))) / 5) !important;
	}
}

/*
 * Press review desk, polished pass. The earlier stepped folios made four
 * unrelated cards compete for attention. This pass gives the first story one
 * stable cover plane and turns the other three into a clipped review column.
 */
html body.arc-theme.arc-home-press-insights .arc-hero.arc-hero--insights {
	background:
		linear-gradient(var(--wp--preset--color--border) 1px, transparent 1px) 0 0 / 100% 2.75rem,
		color-mix(in srgb, var(--wp--preset--color--surface) 97%, var(--wp--preset--color--brand));
	padding: clamp(1rem, 2vw, 2rem);
}

html body.arc-theme.arc-home-press-insights .arc-hero--insights > .arc-section__header {
	background: var(--wp--preset--color--surface);
	border-block: 3px double var(--wp--preset--color--text);
	margin-block-end: clamp(1rem, 2vw, 1.75rem);
	padding-block: 0.65rem;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk {
	align-items: stretch;
	display: grid;
	gap: clamp(0.9rem, 1.8vw, 1.5rem);
	grid-template-columns: minmax(0, 1fr);
	max-width: 92rem;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--text);
	box-shadow: none;
	padding: 0.45rem;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet::before {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 70%, var(--wp--preset--color--surface));
	height: 0.3rem;
	width: clamp(3rem, 22%, 7rem);
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening {
	border-block-start: 0.5rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening > .arc-card {
	display: flex !important;
	flex-direction: column;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening .arc-card__image {
	aspect-ratio: 16 / 10;
	max-height: 31rem;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening .arc-card__title {
	font-size: clamp(1.65rem, 3vw, 3.4rem);
	line-height: 1.04;
}

html body.arc-theme.arc-home-press-insights :is(
	.arc-insights-desk__sheet--visual,
	.arc-insights-desk__sheet--note
) > .arc-card {
	align-items: stretch;
	display: flex !important;
	flex-direction: column;
}

html body.arc-theme.arc-home-press-insights :is(
	.arc-insights-desk__sheet--visual,
	.arc-insights-desk__sheet--note
) .arc-card__image {
	aspect-ratio: 4 / 3;
	max-height: 11rem;
}

html body.arc-theme.arc-home-press-insights :is(
	.arc-insights-desk__sheet--visual,
	.arc-insights-desk__sheet--note,
	.arc-insights-desk__sheet--footer
) .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer {
	border-inline-start: 0.5rem solid var(--wp--preset--color--accent);
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer > .arc-card {
	display: block !important;
}

html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-press-insights .arc-card :is(
	.arc-card__title,
	.arc-card__title a,
	.arc-card__excerpt
) {
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

html body.arc-theme.arc-home-press-insights .arc-card :is(.arc-card__title, .arc-card__title a) {
	-webkit-box-orient: initial;
	-webkit-line-clamp: initial;
	display: block;
	max-height: none;
	overflow: visible;
}

html body.arc-theme.arc-home-press-insights .arc-card .arc-card__excerpt {
	-webkit-box-orient: initial;
	-webkit-line-clamp: initial;
	max-height: none;
	overflow: visible;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-folio .arc-post-grid {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, var(--wp--preset--color--brand));
	border: 1px solid var(--wp--preset--color--border);
	padding: 0;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-folio .arc-card--lead {
	background: var(--wp--preset--color--surface);
	border: 0;
	border-inline-start: 0.5rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-folio .arc-card:not(.arc-card--lead) {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-block-start: 0.3rem solid var(--wp--preset--color--accent);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-folio .arc-card:not(.arc-card--lead) .arc-card__image {
	aspect-ratio: 1;
	max-height: 15rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-clippings .arc-post-grid {
	counter-reset: arc-press-clipping;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-clippings .arc-card {
	border: 1px solid var(--wp--preset--color--text);
	counter-increment: arc-press-clipping;
	padding-block-start: 1.25rem;
	position: relative;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-clippings .arc-card::before {
	background: var(--wp--preset--color--text);
	color: var(--wp--preset--color--surface);
	content: "PRESS " counter(arc-press-clipping, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-3xs);
	font-weight: 700;
	inset: 0 auto auto 0;
	letter-spacing: 0.1em;
	padding: 0.3rem 0.55rem;
	position: absolute;
	z-index: 2;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes .arc-post-grid {
	background: transparent;
	border-block: 3px double var(--wp--preset--color--text);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-margin-notes .arc-card {
	border-block: 0;
	border-inline-end: 1px solid var(--wp--preset--color--border);
	min-height: 10rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-interview .arc-post-grid {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 93%, var(--wp--preset--color--accent));
	border: 1px solid var(--wp--preset--color--border);
	padding: 0;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-interview .arc-card--lead {
	background: var(--wp--preset--color--surface);
	border: 0;
	border-block-start: 0.5rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-interview .arc-card:not(.arc-card--lead) {
	background: transparent;
	border: 0;
	border-block-start: 1px solid var(--wp--preset--color--text);
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-post-grid {
	background: var(--wp--preset--color--text);
	border-block: 0.6rem dotted var(--wp--preset--color--surface);
	padding: 0.75rem;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card {
	background: var(--wp--preset--color--surface);
	border: 0;
}

html body.arc-theme.arc-home-press-insights .arc-category-section--insights-press-reel .arc-card__image {
	aspect-ratio: 1;
	max-height: 16rem;
}

html body.arc-theme.arc-home-press-insights .arc-card__image:not(.arc-card__image--graphic) img {
	object-fit: cover !important;
}

html body.arc-theme.arc-home-press-insights .arc-card__image.arc-card__image--graphic img {
	object-fit: contain !important;
}

@media (min-width: 768px) {
	html body.arc-theme.arc-home-press-insights .arc-insights-desk {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening,
	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer {
		grid-column: 1 / -1;
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--visual,
	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--note {
		grid-column: auto;
		grid-row: auto;
		margin: 0;
	}

	html body.arc-theme.arc-home-press-insights :is(
		.arc-insights-desk__sheet--visual,
		.arc-insights-desk__sheet--note
	) > .arc-card {
		display: grid !important;
		grid-template-columns: minmax(7rem, 38%) minmax(0, 1fr);
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-press-insights .arc-insights-desk {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-template-rows: repeat(3, minmax(0, auto));
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--opening {
		grid-column: 1 / span 7;
		grid-row: 1 / span 3;
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--visual {
		grid-column: 8 / span 5;
		grid-row: 1;
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--note {
		grid-column: 8 / span 5;
		grid-row: 2;
	}

	html body.arc-theme.arc-home-press-insights .arc-insights-desk__sheet--footer {
		grid-column: 8 / span 5;
		grid-row: 3;
		margin: 0;
	}

	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-folio .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead) {
		flex: 0 1 calc((100% - var(--arc-insights-gap)) / 2) !important;
		flex-basis: calc((100% - var(--arc-insights-gap)) / 2) !important;
		max-width: calc((100% - var(--arc-insights-gap)) / 2) !important;
		width: calc((100% - var(--arc-insights-gap)) / 2) !important;
	}
}

/* Keep the two v3 module grids above all earlier Press flex fallbacks. */
html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid,
html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid > .arc-card,
html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid > .arc-card {
	flex: none !important;
	max-width: none !important;
	width: 100% !important;
}

@media (min-width: 640px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}
}

html body.arc-theme.arc-home-press-insights .arc-tabbed-posts {
	container: arc-press-digest / inline-size;
}

@container arc-insights-section (min-width: 900px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}
}

@container arc-press-digest (min-width: 900px) {
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 1023px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 639px) {
	html body.arc-theme.arc-home-press-insights .arc-category-section.arc-category-section--insights-press-reel .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-press-insights .arc-tabbed-posts .arc-tabbed-posts__panel .arc-post-grid.arc-balanced-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* Expert Evidence cascade lock: later generic grid fallbacks must not flatten the dossier. */
html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert {
	display: block !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board {
	max-width: 92rem !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid > .arc-card {
	flex: none !important;
	grid-column: auto !important;
	grid-row: auto !important;
	max-width: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-reference-ladder .arc-post-grid.arc-balanced-grid > .arc-card {
	display: block !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-reference-ladder .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-reference-ladder .arc-card__body {
	max-width: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-post-grid.arc-balanced-grid > .arc-card {
	display: block !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-card__body {
	max-width: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-breaking-ticker {
	overflow: hidden;
}

@media (min-width: 640px) and (max-width: 1023px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-evidence-map,
		.arc-category-section--evidence-case-file
	) .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid > .arc-card:last-child:nth-child(even) {
		grid-column: 1 / -1 !important;
		justify-self: center;
		max-width: calc((100% - clamp(0.75rem, 1.6cqi, 1.25rem)) / 2) !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board__file--primary {
		grid-column: 1 / span 9 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board__file--reference {
		grid-column: 4 / -1 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board__file > .arc-card {
		max-width: none !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board__file--primary > .arc-card {
		align-items: stretch;
		display: grid !important;
		grid-template-columns: minmax(18rem, 55%) minmax(0, 1fr);
	}

	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board__file--primary .arc-card__image {
		aspect-ratio: 4 / 3;
		height: 100%;
		max-height: 28rem !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board__file--reference > .arc-card {
		display: block !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert .arc-evidence-board__file--reference .arc-card__image {
		display: none !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section[class*="arc-category-section--evidence-"] .arc-post-grid.arc-balanced-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 4 / span 6 !important;
		grid-row: 1 / span 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 1 / span 3 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(5) {
		grid-column: 10 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(4) {
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(5) {
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:only-child {
		grid-column: 1 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(1) {
		grid-column: 1 / span 5 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 6 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 10 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-case-file .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-case-file .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 1 / span 7 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-case-file .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 8 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-reference-ladder .arc-post-grid.arc-balanced-grid > .arc-card {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-reference-ladder .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3n + 2) {
		margin-inline-start: 10%;
		width: 90% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-reference-ladder .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3n) {
		margin-inline-start: 20%;
		width: 80% !important;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(1) {
		grid-column: 1 / span 7 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 8 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-source-notes .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 4 / span 6 !important;
		grid-row: 2 !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:first-child {
		grid-column: 1 / span 6 !important;
		grid-row: 1 / span 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(2) {
		grid-column: 7 / span 3 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(3) {
		grid-column: 10 / -1 !important;
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(4) {
		grid-column: 7 / span 3 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section--evidence-evidence-map .arc-post-grid.arc-balanced-grid > .arc-card:nth-child(5) {
		grid-column: 10 / -1 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:first-child,
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:first-child {
		grid-column: 1 / span 8 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(3) {
		grid-column: 9 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(2) {
		grid-row: 1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(3) {
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4) {
		grid-column: 8 / span 3 !important;
		grid-row: 2 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid > .arc-card:nth-child(n + 6),
	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-source-notes,
		.arc-category-section--evidence-case-file
	) .arc-post-grid > .arc-card:nth-child(n + 4) {
		grid-column: span 4 !important;
		grid-row: auto !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-post-grid > .arc-card:only-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:first-child {
		grid-column: 1 / span 7 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:nth-child(2) {
		grid-column: 8 / -1 !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card:nth-child(2) {
		grid-column: 4 / span 6 !important;
	}

	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-source-notes,
		.arc-category-section--evidence-case-file
	) .arc-post-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-source-notes,
		.arc-category-section--evidence-case-file
	) .arc-post-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(6):last-child) > .arc-card:nth-child(6) {
		grid-column: 5 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-source-notes,
		.arc-category-section--evidence-case-file
	) .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(4),
	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-source-notes,
		.arc-category-section--evidence-case-file
	) .arc-post-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(7),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(6) {
		grid-column: 3 / span 4 !important;
	}

	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-source-notes,
		.arc-category-section--evidence-case-file
	) .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(5),
	html body.arc-theme.arc-home-expert-evidence :is(
		.arc-category-section--evidence-source-notes,
		.arc-category-section--evidence-case-file
	) .arc-post-grid:has(> .arc-card:nth-child(8):last-child) > .arc-card:nth-child(8),
	html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid:has(> .arc-card:nth-child(7):last-child) > .arc-card:nth-child(7) {
		grid-column: 7 / span 4 !important;
	}
}

/* Expert Evidence visual identity v3: clean verification workspace, no notebook motifs. */
html body.arc-theme.arc-home-expert-evidence {
	--arc-expert-panel: color-mix(in srgb, var(--wp--preset--color--surface) 92%, var(--wp--preset--color--accent));
	--arc-expert-panel-strong: color-mix(in srgb, var(--wp--preset--color--surface) 82%, var(--wp--preset--color--brand));
}

html body.arc-theme.arc-home-expert-evidence .arc-home__intro {
	background:
		linear-gradient(120deg, var(--arc-expert-panel-strong), var(--wp--preset--color--surface) 64%);
	border: 0;
	border-inline-start: 0.5rem solid var(--wp--preset--color--brand);
	border-radius: 0;
	box-shadow: none;
}

html body.arc-theme.arc-home-expert-evidence .arc-hero.arc-hero--expert {
	background:
		linear-gradient(135deg, var(--arc-expert-panel) 0 38%, transparent 38% 100%),
		var(--wp--preset--color--surface);
	border: 0;
	border-block-start: 0.35rem solid var(--wp--preset--color--brand);
	box-shadow: none;
}

html body.arc-theme.arc-home-expert-evidence :is(
	.arc-hero--expert,
	.arc-tabbed-posts,
	.arc-category-section[class*="arc-category-section--evidence-"]
) > .arc-section__header {
	align-items: center;
	background: var(--arc-expert-panel);
	border: 0;
	border-inline-start: 0.45rem solid var(--wp--preset--color--brand);
	padding: clamp(0.7rem, 1.4vw, 1.1rem);
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file {
	background: var(--arc-expert-panel);
	border: 1px solid var(--wp--preset--color--border);
	border-block-start: 0.35rem solid var(--wp--preset--color--brand);
	box-shadow: none;
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file--reference {
	background: var(--wp--preset--color--surface);
	border-block-start-color: var(--wp--preset--color--accent);
}

html body.arc-theme.arc-home-expert-evidence .arc-evidence-board__file::before {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--brand);
	content: "DOC/" counter(arc-evidence-file, decimal-leading-zero);
	inset: 0.65rem 0.75rem auto auto;
	padding: 0;
}

html body.arc-theme.arc-home-expert-evidence :is(
	.arc-tabbed-posts,
	.arc-category-section[class*="arc-category-section--evidence-"]
) {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	box-shadow: none;
}

html body.arc-theme.arc-home-expert-evidence :is(
	.arc-tabbed-posts,
	.arc-category-section[class*="arc-category-section--evidence-"]
) .arc-card {
	background: var(--arc-expert-panel);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 0;
	box-shadow: none;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts {
	background:
		linear-gradient(110deg, var(--arc-expert-panel) 0 30%, transparent 30% 100%),
		var(--wp--preset--color--surface);
	overflow: clip;
}

html body.arc-theme.arc-home-expert-evidence .arc-tabbed-posts .arc-card::before {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--brand);
	content: "F/" counter(arc-finding, decimal-leading-zero);
	inset: 0.65rem 0.7rem auto auto;
	padding: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-post-grid {
	background: var(--arc-expert-panel);
	border: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-partner-casebook .arc-card::before {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--brand);
	content: "P/" counter(arc-casebook, decimal-leading-zero);
	inset: 0.65rem 0.7rem auto auto;
	padding: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-post-grid {
	background:
		linear-gradient(128deg, var(--arc-expert-panel-strong) 0 28%, transparent 28% 100%),
		var(--wp--preset--color--surface);
	border: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-regional-map .arc-card::before {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--brand);
	content: "R/" counter(arc-regional-pin, decimal-leading-zero);
	display: block;
	font-size: var(--arc-text-3xs);
	height: auto;
	inset: 0.65rem 0.7rem auto auto;
	line-height: 1;
	width: auto;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-post-grid {
	background: transparent;
	border: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-card {
	border-block-start: 0 !important;
	border-inline-start: 0.3rem solid var(--wp--preset--color--accent) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-source-notes .arc-card::before {
	background: transparent;
	color: var(--wp--preset--color--brand);
	content: "E/" counter(arc-source-note, decimal-leading-zero);
	inset: 0.65rem 0.7rem auto auto;
	padding: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-evidence-map .arc-post-grid {
	background:
		linear-gradient(142deg, var(--arc-expert-panel) 0 32%, transparent 32% 100%),
		var(--wp--preset--color--surface);
	border: 0;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-post-grid {
	background: transparent;
}

html body.arc-theme.arc-home-expert-evidence .arc-category-section--evidence-case-file .arc-card--lead {
	border-block-start: 0.35rem solid var(--wp--preset--color--brand) !important;
	border-inline-start: 1px solid var(--wp--preset--color--border) !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-card :is(a.arc-kicker, a.arc-card__category) {
	background: transparent !important;
	border: 0 !important;
	border-block-end: 2px solid var(--wp--preset--color--brand) !important;
	border-radius: 0 !important;
	color: var(--wp--preset--color--brand) !important;
	padding: 0.3rem 0.15rem !important;
}

html body.arc-theme.arc-home-expert-evidence .arc-card .arc-card__meta-item {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 76%, var(--wp--preset--color--accent));
	border: 0;
	border-inline-start: 2px solid var(--wp--preset--color--accent);
	border-radius: 0;
	padding: 0.3rem 0.45rem;
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal {
		display: block !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal .arc-card__body {
		max-width: none !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-expert-evidence .arc-category-section.arc-category-section.arc-category-section--evidence-regional-map .arc-post-grid.arc-balanced-grid > .arc-card.arc-card--horizontal :is(.arc-card__image, .arc-card__excerpt) {
		display: none !important;
	}
}

/* Dense News Grid: a high-density signal console, isolated from Breaking Newsroom. */
html body.arc-theme.arc-home-dense-news-grid {
	--arc-density-console: color-mix(in srgb, #11151d 88%, var(--wp--preset--color--brand));
	--arc-density-panel: color-mix(in srgb, #1b202a 88%, var(--wp--preset--color--brand));
	--arc-density-panel-strong: color-mix(in srgb, #252b36 80%, var(--wp--preset--color--accent));
	--arc-density-text: #f7f3ec;
	--arc-density-muted: #cbc6bd;
	--arc-density-signal: color-mix(in srgb, var(--wp--preset--color--accent) 55%, #fff);
}

html body.arc-theme.arc-home-dense-news-grid .arc-home__intro {
	background: var(--arc-density-console);
	border: 0;
	border-block-start: 0.4rem solid var(--arc-density-signal);
	border-radius: 0;
	box-shadow: none;
	color: var(--arc-density-text);
}

html body.arc-theme.arc-home-dense-news-grid .arc-home__intro :is(h1, p) {
	color: inherit;
}

html body.arc-theme.arc-home-dense-news-grid .arc-hero--density-console {
	background: var(--arc-density-console);
	border: 0;
	border-radius: 0;
	color: var(--arc-density-text);
	overflow: clip;
}

html body.arc-theme.arc-home-dense-news-grid .arc-hero--density-console > .arc-section__header,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] > .arc-section__header {
	background: transparent;
	border: 0;
	border-block-end: 1px solid color-mix(in srgb, var(--arc-density-signal) 70%, transparent);
	color: var(--arc-density-text);
	padding-block-end: 0.8rem;
}

html body.arc-theme.arc-home-dense-news-grid .arc-hero--density-console > .arc-section__header h2,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] > .arc-section__header h2 {
	color: inherit;
	font-family: var(--wp--preset--font-family--sans);
	font-size: clamp(1.05rem, 1.7vw, 1.5rem);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] > .arc-section__header .arc-btn {
	background: transparent;
	border: 1px solid var(--arc-density-signal);
	border-radius: 0;
	color: var(--arc-density-text);
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console {
	counter-reset: density-channel;
	display: grid;
	gap: clamp(0.4rem, 0.8vw, 0.75rem);
	grid-template-columns: 1fr;
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel {
	counter-increment: density-channel;
	min-width: 0;
	position: relative;
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel::before {
	color: var(--arc-density-signal);
	content: "CH/" counter(density-channel, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	inset: 0.75rem 0.75rem auto auto;
	letter-spacing: 0.08em;
	position: absolute;
	z-index: 3;
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console .arc-card,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-card {
	background: var(--arc-density-panel) !important;
	border: 1px solid color-mix(in srgb, var(--arc-density-muted) 28%, transparent);
	border-radius: 0;
	box-shadow: none;
	color: var(--arc-density-text);
	min-width: 0;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-density-console,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card :is(.arc-card__title, .arc-card__title a) {
	color: var(--arc-density-text);
	display: block !important;
	hyphens: none;
	-webkit-line-clamp: unset !important;
	max-height: none !important;
	overflow: visible;
	overflow-wrap: normal;
	word-break: normal;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-density-console,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card .arc-card__body {
	background: transparent !important;
	display: flex !important;
	flex-direction: column;
	height: auto !important;
	max-height: none !important;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-density-console,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card :is(.arc-card__excerpt, .arc-card__meta, .arc-card__meta-item) {
	color: var(--arc-density-muted);
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-density-console,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card :is(a.arc-kicker, a.arc-card__category) {
	align-items: center;
	background: transparent;
	border: 0;
	border-block-end: 2px solid var(--arc-density-signal);
	border-radius: 0;
	color: var(--arc-density-signal);
	display: inline-flex;
	min-height: 28px;
	min-width: 24px;
	padding: 0.25rem 0;
}

html body.arc-theme.arc-home-dense-news-grid .arc-card :is(a.arc-kicker, a.arc-card__category) {
	align-items: center;
	display: inline-flex;
	min-height: 28px;
	min-width: 24px;
	padding-block: 0.25rem;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-density-console,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card > .arc-card__image {
	align-self: stretch;
	background: color-mix(in srgb, var(--arc-density-panel-strong) 86%, var(--wp--preset--color--surface));
	height: auto !important;
	margin: 2px;
	max-width: calc(100% - 4px);
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--primary .arc-card {
	border-block-start: 0.35rem solid var(--arc-density-signal);
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--primary .arc-card__image {
	aspect-ratio: 16 / 10 !important;
	height: auto !important;
	max-height: 26rem !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--secondary .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--secondary .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] {
	background: var(--arc-density-console);
	border: 0;
	border-radius: 0;
	color: var(--arc-density-text);
	padding: clamp(0.8rem, 1.5vw, 1.3rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-section__description {
	color: var(--arc-density-muted);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid {
	align-items: start !important;
	display: grid !important;
	gap: clamp(0.4rem, 0.8vw, 0.75rem);
	grid-template-columns: 1fr;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid > .arc-card {
	max-width: none !important;
	min-width: 0 !important;
	width: auto !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-card > .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	height: auto !important;
	max-height: 20rem !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-card .arc-card__body {
	background: transparent !important;
	min-width: 0;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-density-console,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card .arc-card__meta-item {
	background: transparent;
	border: 1px solid color-mix(in srgb, var(--arc-density-muted) 34%, transparent);
	border-radius: 0;
	color: var(--arc-density-muted);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-card {
	position: relative;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-card::before,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card::before {
	color: var(--arc-density-signal);
	content: "SIG/" counter(arc-density-card, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	inset: 0.65rem 0.65rem auto auto;
	letter-spacing: 0.06em;
	position: absolute;
	z-index: 2;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-post-grid,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-post-grid {
	counter-reset: arc-density-card;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-card,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card {
	counter-increment: arc-density-card;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-card:nth-child(n + 2):nth-child(-n + 5) :is(.arc-card__image, .arc-card__excerpt),
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-card:not(:first-child) :is(.arc-card__image, .arc-card__excerpt) {
	display: none !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card {
	display: grid !important;
	grid-template-columns: minmax(7rem, 28%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card .arc-card__body {
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card__image {
	aspect-ratio: 4 / 3;
	height: 100% !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card:nth-child(n + 2) {
	display: block !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card:nth-child(n + 2) .arc-card__image,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-card:nth-child(2) .arc-card__image,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-split-monitor .arc-card:nth-child(n + 2) .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card:nth-child(n + 2) .arc-card__body {
	max-width: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-card:first-child {
	border-block-start: 0.35rem solid var(--arc-density-signal);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-card:nth-child(3) {
	display: grid !important;
	grid-template-columns: minmax(12rem, 36%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-card:nth-child(3) .arc-card__body {
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-split-monitor .arc-card:nth-child(2) {
	background: var(--arc-density-panel-strong) !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-split-monitor .arc-card:nth-child(3) .arc-card__image {
	aspect-ratio: 1 / 1;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-card:first-child {
	border-inline-start: 0.4rem solid var(--arc-density-signal);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-card:first-child > .arc-card__image {
	aspect-ratio: 21 / 9;
}

html body.arc-theme .arc-breaking-ticker {
	overflow: hidden !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-card:not(:first-child) {
	display: block !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-card:not(:first-child) .arc-card__body {
	max-width: none !important;
	width: 100% !important;
}

@media (min-width: 768px) {
	html body.arc-theme.arc-home-dense-news-grid .arc-density-console {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--primary {
		grid-column: 1 / -1;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-card:first-child,
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-card,
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-card:first-child,
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-card:nth-child(3),
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-split-monitor .arc-card:nth-child(3):last-child {
		grid-column: 1 / -1 !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-dense-news-grid .arc-density-console {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--primary {
		grid-column: span 7;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--secondary:nth-child(2) {
		grid-column: span 2;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--secondary:nth-child(3) {
		grid-column: span 3;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-density-console .arc-card {
		height: 100%;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--secondary .arc-card {
		display: flex !important;
		flex-direction: column;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-density-console__channel--secondary .arc-card__body {
		max-width: none !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid > .arc-card {
		flex: none !important;
		grid-column: span 6;
		max-width: none !important;
		min-width: 0 !important;
		width: auto !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-post-grid > .arc-card:first-child {
		grid-column: span 6 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-post-grid > .arc-card:nth-child(n + 2):nth-child(-n + 3) {
		grid-column: span 3 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-priority-matrix .arc-post-grid > .arc-card:nth-child(n + 4) {
		grid-column: span 3 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-scan-stack .arc-post-grid > .arc-card {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-post-grid > .arc-card:first-child {
		grid-column: span 7 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-post-grid > .arc-card:nth-child(2) {
		grid-column: span 5 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-aperture .arc-post-grid > .arc-card:nth-child(3) {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-split-monitor .arc-post-grid > .arc-card:nth-child(1) {
		grid-column: span 5 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-split-monitor .arc-post-grid > .arc-card:nth-child(2) {
		grid-column: span 4 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-split-monitor .arc-post-grid > .arc-card:nth-child(3) {
		grid-column: span 3 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-bulletin .arc-post-grid > .arc-card:nth-child(n + 2) {
		grid-column: span 6 !important;
	}
}

/* Dense News Grid v2: palette-native contemporary editorial canvas. */
html body.arc-theme.arc-home-dense-news-grid {
	--arc-dense-bg: var(--wp--preset--color--background);
	--arc-dense-surface: var(--wp--preset--color--surface);
	--arc-dense-soft: color-mix(in srgb, var(--wp--preset--color--brand) 5%, var(--wp--preset--color--surface));
	--arc-dense-tint: color-mix(in srgb, var(--wp--preset--color--accent) 8%, var(--wp--preset--color--surface));
	--arc-dense-strong: color-mix(in srgb, var(--wp--preset--color--brand) 13%, var(--wp--preset--color--surface));
	--arc-dense-text: var(--wp--preset--color--text);
	--arc-dense-muted: var(--wp--preset--color--muted);
	--arc-dense-border: var(--wp--preset--color--border);
	--arc-card-text-inset: clamp(0.85rem, 1.4vw, 1.25rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-home__intro {
	background:
		linear-gradient(125deg, var(--arc-dense-tint), var(--arc-dense-surface) 68%);
	border: 1px solid var(--arc-dense-border);
	border-inline-start: clamp(0.35rem, 0.7vw, 0.65rem) solid var(--wp--preset--color--brand);
	border-radius: var(--arc-panel-radius);
	box-shadow: none;
	color: var(--arc-dense-text);
}

html body.arc-theme.arc-home-dense-news-grid .arc-home__intro :is(h1, p) {
	color: inherit;
}

html body.arc-theme.arc-home-dense-news-grid .arc-hero--dense-canvas {
	background: var(--arc-dense-soft);
	border: 1px solid var(--arc-dense-border);
	border-radius: var(--arc-panel-radius);
	color: var(--arc-dense-text);
	overflow: clip;
	padding: clamp(0.75rem, 1.5vw, 1.35rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-hero--dense-canvas > .arc-section__header,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] > .arc-section__header {
	align-items: end;
	background: transparent;
	border: 0;
	border-block-end: 1px solid var(--arc-dense-border);
	color: var(--arc-dense-text);
	padding: 0 0 clamp(0.75rem, 1.3vw, 1.1rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-hero--dense-canvas > .arc-section__header h2,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] > .arc-section__header h2 {
	color: inherit;
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.45rem, 2.7vw, 2.55rem);
	font-weight: 700;
	letter-spacing: -0.025em;
	text-transform: none;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] > .arc-section__header .arc-btn {
	background: var(--arc-dense-surface);
	border: 1px solid var(--arc-dense-border);
	border-radius: var(--arc-control-radius);
	color: var(--arc-dense-text);
}

html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas {
	align-items: stretch;
	display: grid;
	gap: clamp(0.65rem, 1.25vw, 1.1rem);
	grid-template-columns: 1fr;
}

html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame {
	min-width: 0;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-dense-canvas,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card {
	background: var(--arc-dense-surface) !important;
	border: 1px solid var(--arc-dense-border);
	border-radius: clamp(0.35rem, 0.8vw, 0.75rem);
	box-shadow: none;
	color: var(--arc-dense-text);
	max-width: none !important;
	min-width: 0 !important;
	overflow: clip;
	width: auto !important;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-dense-canvas,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card .arc-card__body {
	background: transparent !important;
	color: var(--arc-dense-text);
	display: flex !important;
	flex-direction: column;
	height: auto !important;
	max-height: none !important;
	max-width: none !important;
	min-width: 0;
	padding: var(--arc-card-text-inset);
	width: 100% !important;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-dense-canvas,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card :is(.arc-card__title, .arc-card__title a) {
	color: var(--arc-dense-text) !important;
	display: -webkit-box !important;
	hyphens: auto;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	max-height: calc(1.25em * 3);
	overflow: hidden;
	overflow-wrap: anywhere;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-dense-canvas,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card :is(.arc-card__excerpt, .arc-card__meta, .arc-card__meta-item) {
	color: var(--arc-dense-muted) !important;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-dense-canvas,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card :is(a.arc-kicker, a.arc-card__category) {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-block-end: 2px solid var(--wp--preset--color--brand) !important;
	border-radius: 0 !important;
	color: var(--wp--preset--color--brand) !important;
	display: inline-flex;
	min-height: 28px;
	min-width: 24px;
	padding: 0.25rem 0 !important;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-dense-canvas,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card .arc-card__meta-item {
	background: var(--arc-dense-soft);
	border: 1px solid var(--arc-dense-border);
	border-radius: var(--arc-control-radius);
	padding: 0.3rem 0.5rem;
}

html body.arc-theme.arc-home-dense-news-grid :is(
	.arc-dense-canvas,
	.arc-category-section[class*="arc-category-section--density-"]
) .arc-card > .arc-card__image {
	align-self: stretch;
	background: var(--arc-dense-tint);
	height: auto !important;
	margin: 2px;
	max-height: 24rem !important;
	max-width: calc(100% - 4px);
}

html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--lead .arc-card {
	border-block-start: 0.35rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--lead .arc-card :is(.arc-card__title, .arc-card__title a) {
	-webkit-line-clamp: 5;
	line-clamp: 5;
	max-height: calc(1.2em * 5);
}

html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--lead .arc-card__image {
	aspect-ratio: 16 / 10 !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--supporting .arc-card__image {
	aspect-ratio: 16 / 9 !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] {
	background: var(--arc-dense-surface);
	border: 1px solid var(--arc-dense-border);
	border-radius: var(--arc-panel-radius);
	color: var(--arc-dense-text);
	padding: clamp(0.85rem, 1.8vw, 1.6rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-feature-cluster,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt {
	background: var(--arc-dense-soft);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-focus-frame {
	background: var(--arc-dense-tint);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-section__description {
	color: var(--arc-dense-muted);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid {
	align-items: stretch !important;
	display: grid !important;
	gap: clamp(0.65rem, 1.25vw, 1.1rem);
	grid-template-columns: 1fr !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid > .arc-card {
	max-width: none !important;
	min-width: 0 !important;
	width: auto !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-card > .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	height: auto !important;
	max-height: 22rem !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-feature-cluster .arc-card:first-child {
	border-block-start: 0.35rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-feature-cluster .arc-card:nth-child(n + 4) {
	background: var(--arc-dense-surface) !important;
	border-block-start: 0.25rem solid var(--wp--preset--color--accent);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-feature-cluster .arc-card:nth-child(n + 4) :is(.arc-card__image, .arc-card__excerpt) {
	display: none !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card:first-child {
	display: flex !important;
	flex-direction: column;
	height: 100%;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card:first-child .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	height: auto !important;
	max-height: 22rem !important;
	width: calc(100% - 4px);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card:not(:first-child) {
	align-items: stretch;
	display: grid !important;
	grid-template-columns: minmax(7.25rem, 32%) minmax(0, 1fr);
	min-height: 0;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card:not(:first-child).arc-card--no-image {
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card:not(:first-child) .arc-card__image {
	aspect-ratio: 4 / 3 !important;
	height: calc(100% - 4px) !important;
	max-height: 8.75rem !important;
	margin: 2px;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card .arc-card__excerpt,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card:not(:first-child) .arc-card__excerpt {
	display: none !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card__categories a:nth-child(n + 2),
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card__categories a:nth-child(n + 2) {
	display: none !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card__body {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card__meta {
	margin-top: auto;
}

/* COMUNICAT / quilt: press banner on top, two equal cards under it. */
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt {
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wp--preset--color--brand) 10%, var(--arc-dense-surface)) 0 7.5rem, var(--arc-dense-surface) 7.5rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card:first-child {
	border-inline-start: 0.4rem solid var(--wp--preset--color--accent);
	display: flex !important;
	flex-direction: column;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card:first-child .arc-card__image {
	aspect-ratio: 21 / 9 !important;
	height: auto !important;
	max-height: 18rem !important;
	width: calc(100% - 4px);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card:not(:first-child) {
	display: flex !important;
	flex-direction: column;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card:not(:first-child) .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	height: auto !important;
	max-height: 11rem !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card__body {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card__meta {
	margin-top: auto;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-panorama-deck .arc-card:first-child {
	border-inline-start: 0.45rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-panorama-deck .arc-card:first-child .arc-card__image {
	aspect-ratio: 21 / 9 !important;
}


html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-focus-frame .arc-card:first-child {
	border-block-start: 0.35rem solid var(--wp--preset--color--accent);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-focus-frame .arc-card:not(:first-child) {
	display: flex !important;
	flex-direction: column;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-focus-frame .arc-card:not(:first-child) .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	display: block !important;
	height: auto !important;
	max-height: 11rem !important;
}

/* Regional spine: full-width panorama + typographic county index (no side stack). */
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine {
	background: var(--arc-dense-surface);
	border-block-start: 0.45rem solid var(--wp--preset--color--accent);
	border-inline-start: 0;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine > .arc-section__header {
	border-block-end: 2px solid color-mix(in srgb, var(--wp--preset--color--brand) 35%, var(--arc-dense-border));
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-post-grid {
	counter-reset: arc-regional-spine;
	display: grid !important;
	gap: clamp(0.65rem, 1.25vw, 1.1rem);
	grid-template-columns: minmax(0, 1fr) !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:first-child {
	border: 1px solid var(--arc-dense-border);
	counter-increment: none;
	display: flex !important;
	flex-direction: column;
	grid-column: 1 / -1 !important;
	width: 100%;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:first-child .arc-card__image {
	aspect-ratio: 21 / 9 !important;
	margin: 2px 2px 0;
	max-height: none !important;
	min-height: 10rem;
	width: calc(100% - 4px);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:first-child .arc-card__body {
	padding-block-start: clamp(0.85rem, 1.5vw, 1.35rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child) {
	background: var(--arc-dense-surface) !important;
	border: 1px solid var(--arc-dense-border);
	border-radius: clamp(0.35rem, 0.8vw, 0.75rem);
	counter-increment: arc-regional-spine;
	display: flex !important;
	flex-direction: column;
	gap: 0;
	grid-column: 1 / -1;
	min-width: 0;
	width: 100%;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child)::before {
	color: var(--wp--preset--color--brand);
	content: counter(arc-regional-spine, decimal-leading-zero);
	display: block;
	font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	font-size: var(--arc-text-2xs);
	font-weight: 600;
	grid-column: 1 / -1;
	letter-spacing: 0.06em;
	line-height: 1;
	margin-block-end: 0.35rem;
	padding-inline: clamp(0.75rem, 1.2vw, 1rem);
	padding-block-start: clamp(0.55rem, 1vw, 0.75rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child) .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	display: block !important;
	height: auto !important;
	margin: 2px;
	max-height: 9.5rem !important;
	min-height: 0;
	width: calc(100% - 4px);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child) .arc-card__excerpt,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child) .arc-card__meta {
	display: none !important;
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child) .arc-card__body {
	align-content: center;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: clamp(0.65rem, 1.1vw, 0.95rem) clamp(0.75rem, 1.2vw, 1rem);
}

html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child) .arc-card__title,
html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-card:not(:first-child) .arc-card__title a {
	hyphens: auto;
	line-height: 1.35;
	overflow-wrap: normal;
	word-break: normal;
}

@media (min-width: 768px) {
	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--lead {
		grid-column: 1 / -1;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--supporting {
		display: flex;
		grid-column: span 6;
		min-width: 0;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--supporting .arc-card {
		display: flex !important;
		flex: 1 1 auto;
		flex-direction: column;
		height: 100%;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--lead .arc-card {
		display: grid !important;
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--lead .arc-card__image {
		height: calc(100% - 4px) !important;
		max-height: none !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid > .arc-card {
		flex: none !important;
		max-width: none !important;
		min-width: 0 !important;
		width: auto !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-feature-cluster .arc-card:first-child,
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-card:first-child,
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-panorama-deck .arc-card:first-child,
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-focus-frame .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section.arc-category-section.arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--supporting:nth-child(2),
	html body.arc-theme.arc-home-dense-news-grid .arc-dense-canvas__frame--supporting:nth-child(3) {
		grid-column: span 6;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section[class*="arc-category-section--density-"] .arc-post-grid > .arc-card {
		flex: none !important;
		grid-column: span 6;
		max-width: none !important;
		min-width: 0 !important;
		width: auto !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-feature-cluster .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-feature-cluster .arc-post-grid > .arc-card:nth-child(n + 2) {
		grid-column: span 4 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-post-grid > .arc-card:first-child {
		grid-column: span 7 !important;
		grid-row: span 2;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-post-grid > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-portrait-stack .arc-post-grid > .arc-card:nth-child(3) {
		grid-column: span 5 !important;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-post-grid > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-editorial-quilt .arc-post-grid > .arc-card:nth-child(3) {
		grid-column: span 6 !important;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-panorama-deck .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-panorama-deck .arc-post-grid > .arc-card:nth-child(n + 2) {
		grid-column: span 6 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-focus-frame .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-focus-frame .arc-post-grid > .arc-card:nth-child(n + 2) {
		grid-column: span 4 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section.arc-category-section.arc-category-section[class*="arc-category-section--density-"] .arc-post-grid.arc-balanced-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section.arc-category-section.arc-category-section--density-regional-spine .arc-post-grid.arc-balanced-grid.arc-balanced-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-dense-news-grid .arc-category-section--density-regional-spine .arc-post-grid > .arc-card:not(:first-child) {
		grid-column: span 4 !important;
		grid-template-columns: minmax(0, 1fr);
	}
}


/* Local Pulse v2: neighborhood radar hero + five civic modules. */
html body.arc-theme.arc-home-local-pulse {
	--arc-local-bg: var(--wp--preset--color--background);
	--arc-local-surface: var(--wp--preset--color--surface);
	--arc-local-soft: color-mix(in srgb, var(--wp--preset--color--brand) 6%, var(--wp--preset--color--surface));
	--arc-local-border: var(--wp--preset--color--border);
	--arc-local-text: var(--wp--preset--color--text);
	--arc-local-muted: var(--wp--preset--color--muted);
}

html body.arc-theme.arc-home-local-pulse .arc-home__intro {
	background: linear-gradient(135deg, var(--arc-local-soft), var(--arc-local-surface) 70%);
	border: 1px solid var(--arc-local-border);
	border-inline-start: clamp(0.4rem, 0.8vw, 0.75rem) solid var(--wp--preset--color--brand);
	color: var(--arc-local-text);
}

html body.arc-theme.arc-home-local-pulse .arc-hero--local-radar {
	background: var(--arc-local-surface);
	border: 1px solid var(--arc-local-border);
	border-radius: var(--arc-panel-radius);
	overflow: clip;
	padding: clamp(0.75rem, 1.5vw, 1.35rem);
}

html body.arc-theme.arc-home-local-pulse .arc-local-radar {
	display: grid;
	gap: clamp(0.75rem, 1.4vw, 1.2rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-local-pulse .arc-local-radar__lead > .arc-card,
html body.arc-theme.arc-home-local-pulse .arc-category-section[class*="arc-category-section--local-"] .arc-card {
	background: var(--arc-local-surface) !important;
	border: 1px solid var(--arc-local-border);
	border-radius: clamp(0.35rem, 0.8vw, 0.75rem);
	box-shadow: none;
	color: var(--arc-local-text);
	max-width: none !important;
	min-width: 0;
	overflow: clip;
	width: auto !important;
}

html body.arc-theme.arc-home-local-pulse .arc-local-radar__lead .arc-card__image {
	aspect-ratio: 16 / 10 !important;
	margin: 2px;
	max-height: 24rem !important;
}

html body.arc-theme.arc-home-local-pulse .arc-local-radar__beats {
	display: grid;
	gap: clamp(0.55rem, 1vw, 0.85rem);
}

html body.arc-theme.arc-home-local-pulse .arc-local-radar__beat > .arc-card {
	border-inline-start: 0.35rem solid var(--wp--preset--color--accent);
	display: grid !important;
	grid-template-columns: minmax(6.5rem, 28%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-local-pulse .arc-local-radar__beat .arc-card__image {
	aspect-ratio: 4 / 3 !important;
	height: calc(100% - 4px) !important;
	max-height: 7rem !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section[class*="arc-category-section--local-"] {
	background: var(--arc-local-surface);
	border: 1px solid var(--arc-local-border);
	border-radius: var(--arc-panel-radius);
	container: arc-local-section / inline-size;
	padding: clamp(0.85rem, 1.8vw, 1.6rem);
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid,
html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail {
	background: var(--arc-local-soft);
}

html body.arc-theme.arc-home-local-pulse .arc-category-section[class*="arc-category-section--local-"] .arc-post-grid.arc-balanced-grid {
	align-items: start !important;
	display: grid !important;
	gap: clamp(0.65rem, 1.25vw, 1.1rem);
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100%;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section[class*="arc-category-section--local-"] .arc-card .arc-card__body {
	color: var(--arc-local-text);
	padding: var(--arc-card-text-inset);
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-card:first-child {
	grid-column: 1 / -1 !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-card:first-child .arc-card__image {
	aspect-ratio: 16 / 9 !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-post-grid {
	display: flex !important;
	flex-wrap: nowrap;
	gap: clamp(0.65rem, 1.25vw, 1.1rem);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding-block-end: 0.35rem;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card {
	flex: 0 0 min(72vw, 16rem);
	scroll-snap-align: start;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card .arc-card__image {
	aspect-ratio: 3 / 4 !important;
	max-height: 14rem !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-card:first-child {
	grid-column: 1 / -1 !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-card:not(:first-child) {
	border-inline-start: 0.3rem solid var(--wp--preset--color--brand);
	display: grid !important;
	grid-template-columns: minmax(6.5rem, 22%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-card:not(:first-child) .arc-card__excerpt {
	display: none !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-field-dispatch .arc-card {
	display: grid !important;
	grid-column: 1 / -1 !important;
	grid-template-columns: minmax(7rem, 26%) minmax(0, 1fr);
	width: 100%;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-field-dispatch .arc-card:nth-child(even) {
	grid-template-columns: minmax(0, 1fr) minmax(7rem, 26%);
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-field-dispatch .arc-card:nth-child(even) .arc-card__image {
	order: 2;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-field-dispatch .arc-card:nth-child(even) .arc-card__body {
	order: 1;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bulletin-strip .arc-post-grid {
	counter-reset: arc-local-bulletin;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bulletin-strip .arc-card {
	counter-increment: arc-local-bulletin;
	display: block !important;
	grid-column: 1 / -1 !important;
	width: 100%;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bulletin-strip .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: "L/" counter(arc-local-bulletin, decimal-leading-zero);
	display: block;
	font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	font-size: var(--arc-text-2xs);
	font-weight: 600;
	margin-block-end: 0.35rem;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bulletin-strip .arc-card :is(.arc-card__image, .arc-card__excerpt, .arc-card__meta) {
	display: none !important;
}

@media (min-width: 768px) {
	html body.arc-theme.arc-home-local-pulse .arc-local-radar {
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-post-grid {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		overflow: visible;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card {
		flex: none;
		grid-column: span 3;
		width: auto;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card:first-child {
		grid-column: span 6;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid > .arc-card:first-child {
		grid-column: span 5 !important;
		grid-row: span 2;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid > .arc-card:nth-child(3) {
		grid-column: 6 / -1 !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-post-grid > .arc-card:not(:first-child) {
		grid-column: span 1 !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card:first-child {
		grid-column: span 4;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card:nth-child(n + 2) {
		grid-column: span 4;
	}
}

/* Local Pulse: title overrides — weekend poster wall + Bega river rows. */
html body.arc-theme.arc-home-local-pulse .arc-category-section.arc-category-section--local-weekend-dispatch .arc-post-grid.arc-balanced-grid {
	display: grid !important;
	gap: clamp(0.65rem, 1.25vw, 1.1rem);
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-weekend-dispatch .arc-post-grid > .arc-card {
	grid-column: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-weekend-dispatch .arc-card .arc-card__image {
	aspect-ratio: 4 / 5 !important;
	max-height: 18rem !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-weekend-dispatch .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-weekend-dispatch .arc-post-grid:has(> .arc-card:only-child) > .arc-card {
	grid-column: 1 / -1 !important;
	max-width: 48rem;
	margin-inline: auto;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section.arc-category-section--local-bega-trail .arc-post-grid.arc-balanced-grid {
	counter-reset: arc-bega-trail;
	display: grid !important;
	gap: clamp(0.65rem, 1.25vw, 1.1rem);
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100%;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card {
	counter-increment: arc-bega-trail;
	display: grid !important;
	grid-column: 1 / -1 !important;
	grid-template-columns: minmax(7rem, 24%) minmax(0, 1fr);
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card::before {
	color: var(--wp--preset--color--accent);
	content: "B/" counter(arc-bega-trail, decimal-leading-zero);
	display: block;
	font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	font-size: var(--arc-text-2xs);
	font-weight: 600;
	grid-column: 1 / -1;
	margin-block-end: 0.35rem;
	padding-inline: var(--arc-card-text-inset);
	padding-block-start: 0.55rem;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card .arc-card__image {
	aspect-ratio: 4 / 3 !important;
	height: calc(100% - 4px) !important;
	margin: 2px;
	max-height: 10rem !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card .arc-card__excerpt {
	display: none !important;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card:nth-child(even) {
	grid-template-columns: minmax(0, 1fr) minmax(7rem, 24%);
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card:nth-child(even) .arc-card__image {
	order: 2;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card:nth-child(even) .arc-card__body {
	order: 1;
}

html body.arc-theme.arc-home-local-pulse .arc-category-section--local-bega-trail .arc-card :is(.arc-card__title, .arc-card__title a) {
	hyphens: auto;
	overflow-wrap: normal;
	word-break: normal;
}

@media (min-width: 768px) {
	html body.arc-theme.arc-home-local-pulse .arc-category-section.arc-category-section--local-weekend-dispatch .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-weekend-dispatch .arc-post-grid > .arc-card {
		flex: none !important;
		grid-column: auto !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-local-radar {
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-post-grid > .arc-card:first-child {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-post-grid {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		overflow: visible;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card {
		flex: none;
		grid-column: span 3;
		width: auto;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card:first-child {
		grid-column: span 6;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid > .arc-card:first-child {
		grid-column: span 5 !important;
		grid-row: span 2;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid > .arc-card:nth-child(2),
	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-civic-board .arc-post-grid > .arc-card:nth-child(3) {
		grid-column: 6 / -1 !important;
	}
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-local-pulse .arc-category-section.arc-category-section--local-weekend-dispatch .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-weekend-dispatch .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-beat-grid .arc-post-grid > .arc-card:not(:first-child) {
		grid-column: span 1 !important;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card:first-child {
		grid-column: span 4;
	}

	html body.arc-theme.arc-home-local-pulse .arc-category-section--local-neighborhood-rail .arc-card:nth-child(n + 2) {
		grid-column: span 4;
	}
}

/*
 * Business Authority — executive desk with masthead rail and sector index.
 * Distinct from corporate-journal (stack/ledger) and press-insights (folio).
 */
html body.arc-theme.arc-home-business-authority {
	--arc-auth-bg: var(--wp--preset--color--background);
	--arc-auth-surface: color-mix(in srgb, var(--wp--preset--color--brand) 8%, var(--wp--preset--color--surface));
	--arc-auth-border: color-mix(in srgb, var(--wp--preset--color--text) 14%, var(--wp--preset--color--border));
	--arc-auth-soft: color-mix(in srgb, var(--wp--preset--color--brand) 14%, var(--wp--preset--color--surface));
	--arc-auth-desk: color-mix(in srgb, var(--wp--preset--color--brand) 24%, var(--wp--preset--color--surface));
	--arc-auth-desk-strong: color-mix(in srgb, var(--wp--preset--color--brand) 38%, var(--wp--preset--color--surface));
	--arc-auth-ink-on-desk: var(--wp--preset--color--text);
}

html body.arc-theme.arc-home-business-authority .arc-home.arc-home--authority {
	counter-reset: arc-auth-desk;
}

html body.arc-theme.arc-home-business-authority .arc-home__intro {
	border-block-end: 3px double var(--wp--preset--color--text);
	border-inline-start: 0;
	padding-block-end: clamp(0.75rem, 1.5vw, 1.1rem);
}

html body.arc-theme.arc-home-business-authority .arc-hero--authority-masthead {
	background: linear-gradient(
		135deg,
		var(--arc-auth-desk) 0%,
		color-mix(in srgb, var(--arc-auth-desk) 72%, var(--wp--preset--color--background)) 100%
	);
	border: 0;
	border-block-start: 0.55rem solid var(--wp--preset--color--brand);
	box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--wp--preset--color--text) 10%, transparent);
	color: var(--wp--preset--color--text);
	padding: clamp(1rem, 2vw, 1.75rem);
}

html body.arc-theme.arc-home-business-authority .arc-hero--authority-masthead .arc-section__header {
	border-block-end-color: var(--arc-auth-border);
}

html body.arc-theme.arc-home-business-authority .arc-hero--authority-masthead .arc-section__header h2 {
	color: var(--wp--preset--color--text);
	font-family: var(--wp--preset--font-family--mono);
	font-size: clamp(0.75rem, 1.2vw, 0.85rem);
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

html body.arc-theme.arc-home-business-authority .arc-hero--authority-masthead .arc-section__header h2::before {
	color: var(--wp--preset--color--brand);
	content: "DESK/00 · ";
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead {
	display: grid;
	gap: clamp(0.75rem, 1.5vw, 1.25rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__lead > .arc-card,
html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief > .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 92%, var(--wp--preset--color--brand) 8%);
	border: 1px solid var(--arc-auth-border);
	border-radius: 0;
	box-shadow: none;
	color: var(--wp--preset--color--text);
	max-width: 100%;
	min-width: 0;
	width: auto !important;
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__lead .arc-card__title a,
html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief .arc-card__title a {
	color: inherit;
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__rail {
	border-block-start: 1px solid var(--arc-auth-border);
	display: flex;
	flex-direction: column;
	gap: clamp(0.55rem, 1vw, 0.85rem);
	min-width: 0;
	padding-block-start: clamp(0.65rem, 1.2vw, 1rem);
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief {
	min-width: 0;
	width: 100%;
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief > .arc-card {
	border-inline-start: 0.35rem solid var(--wp--preset--color--accent);
}

/*
 * v6 — side-rail horizontal cards: flex row, image min 7rem, text shrink only.
 * Nested grid + minmax(6.5rem, 26%) crushed to ~84px when the parent column
 * collapsed (blank-canvas-class bug on authority masthead rail + wire-dispatch).
 */
html body.arc-theme.arc-home-business-authority :is(
	.arc-authority-masthead__brief > .arc-card,
	.arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-sector-index .arc-card,
	.arc-category-section--authority-compliance-strip .arc-card
) {
	align-items: stretch;
	display: flex !important;
	flex-direction: row;
	gap: clamp(0.55rem, 1vw, 0.85rem);
	min-width: 0;
	width: 100%;
}

html body.arc-theme.arc-home-business-authority :is(
	.arc-authority-masthead__brief > .arc-card,
	.arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-sector-index .arc-card,
	.arc-category-section--authority-compliance-strip .arc-card
) > .arc-card__image {
	flex: 0 1 7rem;
	max-width: 35%;
	min-width: 0;
}

html body.arc-theme.arc-home-business-authority :is(
	.arc-authority-masthead__brief > .arc-card,
	.arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-sector-index .arc-card,
	.arc-category-section--authority-compliance-strip .arc-card
) > .arc-card__body {
	flex: 1 1 0;
	min-width: 0;
}

@container arc-authority-section (max-width: 22rem) {
	html body.arc-theme.arc-home-business-authority :is(
		.arc-authority-masthead__brief > .arc-card,
		.arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead),
		.arc-category-section--authority-sector-index .arc-card,
		.arc-category-section--authority-compliance-strip .arc-card
	) {
		flex-direction: column;
	}

	html body.arc-theme.arc-home-business-authority :is(
		.arc-authority-masthead__brief > .arc-card,
		.arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead),
	.arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead),
		.arc-category-section--authority-sector-index .arc-card,
		.arc-category-section--authority-compliance-strip .arc-card
	) > .arc-card__image {
		flex: 0 0 auto;
		max-width: none;
		width: 100%;
	}
}

@media (max-width: 781px) {
	html body.arc-theme.arc-home-business-authority :is(
		.arc-authority-masthead__brief > .arc-card,
		.arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead),
		.arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead),
		.arc-category-section--authority-sector-index .arc-card,
		.arc-category-section--authority-compliance-strip .arc-card
	) {
		flex-direction: column !important;
		min-width: 0;
	}

	html body.arc-theme.arc-home-business-authority :is(
		.arc-authority-masthead__brief > .arc-card,
		.arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead),
		.arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead),
		.arc-category-section--authority-sector-index .arc-card,
		.arc-category-section--authority-compliance-strip .arc-card
	) > .arc-card__image {
		flex: 0 0 auto;
		max-width: none;
		min-width: 0;
		width: 100%;
	}
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief .arc-card__excerpt {
	display: none;
}

/*
 * v7b — side-rail briefs: nowrap kickers + reserved title height let the title
 * <a> bbox intersect the category label at 1920/2560 (audit text-overlap).
 */
html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief > .arc-card > .arc-card__body {
	gap: 0.15rem;
	min-width: 0;
	overflow: clip;
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief .arc-card__categories {
	flex-wrap: wrap;
	gap: 0.1rem 0.35rem;
	margin-block-end: 0;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief .arc-card__categories a.arc-kicker,
html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief .arc-card__categories a.arc-card__category {
	flex: 0 1 auto;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief .arc-card__title {
	margin-block-start: 0.1rem;
	min-height: 0;
	-webkit-line-clamp: 2;
}

html body.arc-theme.arc-home-business-authority .arc-authority-masthead__brief .arc-card__title a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"] {
	background: linear-gradient(180deg, var(--arc-auth-soft) 0%, var(--wp--preset--color--surface) 38%);
	border: 2px solid var(--arc-auth-border);
	border-inline-start: 0.5rem solid var(--wp--preset--color--brand);
	box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--wp--preset--color--text) 8%, transparent);
	container: arc-authority-section / inline-size;
	counter-increment: arc-auth-desk;
	padding: clamp(1rem, 2vw, 1.65rem);
}

html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"] .arc-section__header {
	align-items: baseline;
	border-block-end: 3px solid var(--wp--preset--color--text);
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 1rem;
	padding-block-end: 0.65rem;
}

html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"] .arc-section__header h2 {
	font-family: var(--wp--preset--font-family--mono);
	font-size: clamp(0.95rem, 1.5vw, 1.15rem);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"] .arc-section__header h2::before {
	color: var(--wp--preset--color--brand);
	content: "DESK/" counter(arc-auth-desk, decimal-leading-zero) " · ";
}

/* Shared reset — no generic 2-col; each module owns its grid. */
html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"] .arc-post-grid.arc-balanced-grid {
	align-items: stretch !important;
	display: grid !important;
	gap: clamp(0.55rem, 1.2cqi, 0.95rem);
	width: 100% !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"]:not(
	.arc-category-section--authority-wire-dispatch,
	.arc-category-section--authority-executive-brief
) .arc-post-grid.arc-balanced-grid {
	grid-template-columns: minmax(0, 1fr) !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"] .arc-card {
	background: var(--arc-auth-surface);
	border: 1px solid var(--arc-auth-border);
	border-radius: 0;
	box-shadow: none;
	flex: none !important;
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"]:not(
	.arc-category-section--authority-wire-dispatch,
	.arc-category-section--authority-executive-brief
) .arc-card {
	grid-column: auto !important;
}

/* executive-brief — asymmetric bento: lead + side stack + full-width orphans. */
html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-card--lead {
	background: var(--arc-auth-desk-strong);
	border-block-end: 0;
	color: var(--wp--preset--color--text);
	contain: inline-size;
	min-width: 0;
	overflow: clip;
	position: relative;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-card--lead .arc-card__image {
	aspect-ratio: 21 / 9 !important;
	max-height: 24rem !important;
	max-width: 100%;
	min-width: 0;
	opacity: 0.72;
	width: 100%;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-card--lead .arc-card__body {
	background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--arc-auth-desk-strong) 82%, transparent) 42%);
	inset: auto 0 0 0;
	padding-block: clamp(1rem, 2vw, 1.5rem);
	position: absolute;
	width: 100%;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-card--lead .arc-card__title a {
	color: inherit;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead) {
	background: var(--wp--preset--color--surface);
	border-inline-start: 0.45rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-card:not(.arc-card--lead) .arc-card__excerpt {
	display: none !important;
}

/*
 * wire-dispatch — 12-col asymmetric magazine grid for "Pe firul Banatului".
 * Lead 7/12 + 3-card side stack 5/12 + 2-up quad below. Every cell filled at N=3–6.
 */
html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch {
	background: linear-gradient(180deg, var(--arc-auth-soft) 0%, var(--wp--preset--color--surface) 42%);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead {
	background: var(--arc-auth-desk-strong);
	border-block-end: 0.35rem solid var(--wp--preset--color--brand);
	color: var(--wp--preset--color--text);
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	min-width: 0;
	overflow: clip;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead .arc-card__image {
	aspect-ratio: 16 / 10 !important;
	max-height: 26rem !important;
	opacity: 0.88;
	width: 100%;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead .arc-card__body {
	padding-block: clamp(0.85rem, 1.6vw, 1.25rem);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead .arc-card__title a {
	color: inherit;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead) {
	background: var(--wp--preset--color--surface);
	border-inline-start: 0.4rem solid var(--wp--preset--color--brand);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead) .arc-card__excerpt {
	display: none !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead) .arc-card__image {
	aspect-ratio: 4 / 3 !important;
	max-height: 7.5rem !important;
}

/* sector-index — full-width horizontal index rows, SEC/01 codes, no supporting images. */
html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-post-grid {
	counter-reset: arc-sector;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 92%, var(--wp--preset--color--brand) 8%);
	counter-increment: arc-sector;
	grid-column: 1 / -1 !important;
	padding-block: 1.15rem 1rem;
	padding-block-start: 2.35rem;
	position: relative;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: "SEC/" counter(arc-sector, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--mono);
	font-size: clamp(0.7rem, 1.2cqi, 0.85rem);
	font-weight: 800;
	inset: 0.65rem auto auto 0.75rem;
	letter-spacing: 0.12em;
	position: absolute;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-card:nth-child(even) {
	background: var(--wp--preset--color--surface);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-card .arc-card__image {
	display: none !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-card__excerpt {
	display: none !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-card + .arc-card {
	border-block-start: 1px solid var(--arc-auth-border);
}

/* compliance-strip — compact 4-up card strip at tablet+, equal flex at mobile. */
html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-card {
	border-block-start: 0.45rem solid var(--wp--preset--color--accent);
	box-shadow: inset 0 0 0 1px var(--arc-auth-border);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-card__title {
	font-size: clamp(0.85rem, 1.3cqi, 0.95rem);
	font-weight: 700;
	letter-spacing: 0.02em;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	max-height: 8.5rem !important;
}

/* market-dispatch — alternating full-width rows (regional). */
html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch:not([class*="--grid"]) .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 94%, var(--wp--preset--color--brand) 6%);
	display: grid !important;
	grid-column: 1 / -1 !important;
	grid-template-columns: minmax(8rem, 28%) minmax(0, 1fr);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch:not([class*="--grid"]) .arc-card:nth-child(even) {
	background: var(--wp--preset--color--surface);
	grid-template-columns: minmax(0, 1fr) minmax(8rem, 28%);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch:not([class*="--grid"]) .arc-card:nth-child(even) .arc-card__image {
	order: 2;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch:not([class*="--grid"]) .arc-card:nth-child(even) .arc-card__body {
	order: 1;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch:not([class*="--grid"]) .arc-card .arc-card__excerpt {
	display: none !important;
}

/* market-dispatch--grid — 3-col equal poster wall (weekend). */
html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch--grid .arc-post-grid > .arc-card {
	grid-column: auto !important;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch--grid .arc-card {
	border: 2px solid var(--arc-auth-border);
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch--grid .arc-card .arc-card__image {
	aspect-ratio: 3 / 4 !important;
	max-height: 18rem !important;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	/* wire-dispatch — 2-up tablet before desktop mosaic. */
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead {
		grid-column: 1 / -1 !important;
	}

	/* vitals-grid — 2-col equal tablet. */
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card--lead {
		grid-column: 1 / -1 !important;
	}

	/* compliance-strip 2-up */
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	/* market-dispatch--grid 2-up tablet */
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch--grid .arc-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch--grid .arc-post-grid:has(> .arc-card:only-child) > .arc-card {
		grid-column: 1 / -1 !important;
		max-width: 48rem;
		margin-inline: auto;
	}
}

@media (min-width: 960px) {
	html body.arc-theme.arc-home-business-authority .arc-authority-masthead {
		grid-template-columns: minmax(0, 1fr) minmax(20rem, 22rem);
	}

	html body.arc-theme.arc-home-business-authority .arc-authority-masthead__rail {
		border-block-start: 0;
		border-inline-start: 1px solid var(--arc-auth-border);
		padding-block-start: 0;
		padding-inline-start: clamp(0.65rem, 1.2vw, 1rem);
	}
}

@media (min-width: 1200px) {
	/*
	 * wire-dispatch — named-area 2-track desk (fr/% tracks collapse beside wide lead).
	 */
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid.arc-balanced-grid {
		grid-auto-flow: row;
		grid-auto-rows: minmax(0, auto);
		grid-template-areas:
			"lead lead side1"
			"lead lead side2"
			"pair5 pair6 side3"
			"full full full";
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(22rem, 32rem) !important;
		grid-template-rows: none;
		min-width: 0;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: clip;
		width: auto !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead {
		contain: inline-size;
		grid-area: lead !important;
		justify-self: stretch;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: clip;
		width: auto !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead .arc-card__image {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card:not(.arc-card--lead) > .arc-card__image {
		flex: 0 0 7rem;
		max-width: 35%;
		min-width: 0;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card:nth-child(2) {
		grid-area: side1 !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card:nth-child(3) {
		grid-area: side2 !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card:nth-child(4) {
		grid-area: side3 !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card:nth-child(5) {
		grid-area: pair5 !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card:nth-child(6) {
		grid-area: pair6 !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card:nth-child(n + 7) {
		grid-area: full !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid:has(> .arc-card:only-child) > .arc-card {
		grid-column: 1 / -1 !important;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card {
		grid-column: 1 / -1 !important;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(3) {
		grid-column: 2 !important;
		grid-row: 2;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid:has(> .arc-card:nth-child(4):last-child) > .arc-card:nth-child(4) {
		grid-column: 2 !important;
		grid-row: 3;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card:nth-child(5) {
		grid-column: 1 !important;
		grid-row: 3;
	}

	/*
	 * executive-brief — lead full-width, supporting cards 2-up below.
	 * Side-rail bento removed: lead hero min-content crushed the 22rem rail to ~8px.
	 */
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-post-grid.arc-balanced-grid {
		grid-template-columns: repeat(2, minmax(min(100%, 20rem), 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-card--lead {
		grid-column: 1 / -1 !important;
		grid-row: auto;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-post-grid:has(> .arc-card:only-child) > .arc-card,
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card {
		grid-column: 1 / -1 !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-executive-brief .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	/* vitals-grid — named-area 2-track mosaic. */
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid.arc-balanced-grid {
		grid-auto-flow: row;
		grid-auto-rows: minmax(0, auto);
		grid-template-areas:
			"lead side1"
			"lead side2"
			"row3a row3b"
			"row4 full";
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 28rem) !important;
		grid-template-rows: none;
		min-width: 0;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow: clip;
		width: auto !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card--lead {
		grid-area: lead !important;
		max-width: 100% !important;
		min-width: 0;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card:nth-child(2) {
		grid-area: side1 !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card:nth-child(3) {
		grid-area: side2 !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card:nth-child(4) {
		grid-area: row3a !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card:nth-child(5) {
		grid-area: row3b !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card:nth-child(6) {
		grid-area: row4 !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card:nth-child(n + 7) {
		grid-area: full !important;
		width: 100% !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid:has(> .arc-card:only-child) > .arc-card {
		grid-column: 1 / -1 !important;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid:has(> .arc-card:nth-child(2):last-child) > .arc-card {
		grid-column: 1 / -1 !important;
		grid-row: auto;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid:has(> .arc-card:nth-child(3):last-child) > .arc-card:nth-child(3) {
		grid-column: 1 / -1 !important;
		grid-row: auto;
	}
}

@media (min-width: 1024px) {
	/* compliance-strip 4-up */
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid:has(> .arc-card:nth-child(3):last-child) {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid:has(> .arc-card:only-child) {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	/* market-dispatch--grid 3-up desktop */
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch--grid .arc-post-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-market-dispatch--grid .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/*
 * Medical Editorial — soft clinical intake panels, not the expert-evidence file desk.
 */
html body.arc-theme.arc-home-medical-editorial {
	--arc-med-bg: var(--wp--preset--color--background);
	--arc-med-surface: var(--wp--preset--color--surface);
	--arc-med-soft: color-mix(in srgb, var(--wp--preset--color--accent) 12%, var(--wp--preset--color--surface));
	--arc-med-border: color-mix(in srgb, var(--wp--preset--color--accent) 18%, var(--wp--preset--color--border));
	--arc-med-glow: color-mix(in srgb, var(--wp--preset--color--brand) 18%, transparent);
	--arc-med-glass: color-mix(in srgb, var(--wp--preset--color--surface) 88%, transparent);
}

html body.arc-theme.arc-home-medical-editorial .arc-home.arc-home--clinical {
	counter-reset: arc-clinical-desk;
}

html body.arc-theme.arc-home-medical-editorial .arc-home__intro {
	background: linear-gradient(165deg, var(--arc-med-soft), var(--arc-med-surface) 72%);
	border: 1px solid var(--arc-med-border);
	border-inline-start: clamp(0.35rem, 0.7vw, 0.65rem) solid var(--wp--preset--color--accent);
	border-radius: var(--arc-panel-radius);
}

html body.arc-theme.arc-home-medical-editorial .arc-hero--clinical-intake {
	background: linear-gradient(145deg, var(--arc-med-soft), var(--arc-med-surface) 58%);
	border: 1px solid var(--arc-med-border);
	border-radius: clamp(1rem, 2vw, 1.65rem);
	box-shadow: 0 1.25rem 2.75rem color-mix(in srgb, var(--wp--preset--color--accent) 10%, transparent);
	overflow: clip;
	padding: clamp(1rem, 2vw, 1.65rem);
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake {
	display: grid;
	gap: clamp(0.75rem, 1.4vw, 1.15rem);
	grid-template-columns: minmax(0, 1fr);
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 94%, var(--wp--preset--color--accent) 6%);
	border: 1px solid var(--arc-med-border);
	border-radius: clamp(0.85rem, 1.6vw, 1.35rem);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wp--preset--color--border) 35%, transparent);
	min-width: 0;
	padding: clamp(0.75rem, 1.4vw, 1.1rem);
	position: relative;
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel--primary::before {
	color: var(--wp--preset--color--accent);
	content: "INTAKE";
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	inset: 0.65rem 0.75rem auto auto;
	letter-spacing: 0.14em;
	position: absolute;
	z-index: 2;
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel--consult::before {
	color: var(--wp--preset--color--brand);
	content: "NOTE";
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	inset: 0.65rem 0.75rem auto auto;
	letter-spacing: 0.14em;
	position: absolute;
	z-index: 2;
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel > .arc-card {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none;
	max-width: none !important;
	width: 100% !important;
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel--consult > .arc-card {
	align-items: stretch;
	display: flex !important;
	flex-direction: row;
	gap: clamp(0.55rem, 1vw, 0.85rem);
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel--consult > .arc-card > .arc-card__image {
	flex: 0 1 7rem;
	max-width: 35%;
	min-width: 0;
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel--consult > .arc-card > .arc-card__body {
	flex: 1 1 0;
	min-width: 0;
}

html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel--consult .arc-card__excerpt {
	display: none;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"] {
	background: linear-gradient(165deg, var(--arc-med-soft), var(--arc-med-surface) 68%);
	border: 1px solid var(--arc-med-border);
	border-radius: clamp(1rem, 2vw, 1.5rem);
	box-shadow: 0 0.85rem 2.25rem color-mix(in srgb, var(--wp--preset--color--accent) 8%, transparent);
	container: arc-clinical-section / inline-size;
	counter-increment: arc-clinical-desk;
	padding: clamp(1rem, 2vw, 1.65rem);
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"] .arc-section__header h2 {
	font-size: clamp(1.05rem, 1.8vw, 1.35rem);
	font-weight: 650;
	letter-spacing: -0.025em;
	text-transform: none;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"] .arc-section__header h2::before {
	background: var(--wp--preset--color--accent);
	border-radius: 999px;
	color: var(--wp--preset--color--background);
	content: "Care " counter(arc-clinical-desk, decimal-leading-zero);
	display: inline-block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-3xs);
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-inline-end: 0.65rem;
	padding: 0.2rem 0.55rem;
	text-transform: uppercase;
	vertical-align: middle;
}

/* Shared reset — no generic 2-col; each module owns its grid. */
html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"] .arc-post-grid.arc-balanced-grid {
	align-items: stretch !important;
	display: grid !important;
	gap: clamp(0.65rem, 1.4cqi, 1rem);
	width: 100% !important;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"]:not(
	.arc-category-section--clinical-vitals-grid
) .arc-post-grid.arc-balanced-grid {
	grid-template-columns: minmax(0, 1fr) !important;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"] .arc-card {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, var(--wp--preset--color--accent) 4%);
	border: 1px solid var(--arc-med-border);
	border-radius: clamp(0.75rem, 1.4cqi, 1.15rem);
	box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--wp--preset--color--accent) 6%, transparent);
	flex: none !important;
	max-width: none !important;
	min-width: 0;
	overflow: clip;
	width: 100% !important;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"]:not(
	.arc-category-section--clinical-vitals-grid
) .arc-card {
	grid-column: auto !important;
}

/*
 * vitals-grid — 2-col equal tablet, 3-col mosaic desktop, circular crops, pill badges.
 * Clinical but warm; visually distinct from wire-dispatch evidence desk.
 */
html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid {
	background: linear-gradient(160deg, color-mix(in srgb, var(--wp--preset--color--accent) 8%, var(--wp--preset--color--surface)), var(--wp--preset--color--background) 72%);
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card--lead {
	background: linear-gradient(145deg, var(--arc-med-soft), var(--wp--preset--color--surface));
	border: 1px solid var(--arc-med-border);
	border-inline-start: 0.5rem solid var(--wp--preset--color--accent);
	min-width: 0;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card--lead .arc-card__image {
	aspect-ratio: 16 / 11 !important;
	border-radius: clamp(0.65rem, 1.2cqi, 1rem);
	max-height: 22rem !important;
	overflow: clip;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card:not(.arc-card--lead) {
	align-items: center;
	display: flex !important;
	flex-direction: column;
	gap: clamp(0.45rem, 0.9cqi, 0.7rem);
	padding-block: clamp(0.75rem, 1.4cqi, 1rem);
	text-align: center;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card:not(.arc-card--lead)::before {
	background: color-mix(in srgb, var(--wp--preset--color--accent) 18%, var(--wp--preset--color--surface));
	border: 1px solid var(--arc-med-border);
	border-radius: 999px;
	color: var(--wp--preset--color--text);
	content: "Vital";
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-3xs);
	font-weight: 700;
	letter-spacing: 0.08em;
	order: -1;
	padding: 0.15rem 0.55rem;
	text-transform: uppercase;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card:not(.arc-card--lead) > .arc-card__image {
	aspect-ratio: 1 / 1 !important;
	border-radius: 999px;
	flex: 0 0 auto;
	max-height: 5.75rem !important;
	max-width: 5.75rem;
	min-width: 5.75rem;
	overflow: clip;
	width: 5.75rem;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card:not(.arc-card--lead) > .arc-card__body {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card:not(.arc-card--lead) .arc-card__excerpt {
	display: none !important;
}

/* research-brief — citation stack, text-only rows, MED/01. */
html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-research-brief .arc-post-grid {
	counter-reset: arc-med-ref;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-research-brief .arc-card {
	border-block-end: 1px solid var(--arc-med-border);
	border-radius: 0;
	counter-increment: arc-med-ref;
	display: grid !important;
	grid-column: 1 / -1 !important;
	grid-template-columns: minmax(0, 1fr);
	padding-block: 1.35rem 1rem;
	padding-block-start: 2.1rem;
	position: relative;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-research-brief .arc-card:last-child {
	border-block-end: 0;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-research-brief .arc-card::before {
	color: var(--wp--preset--color--brand);
	content: "MED/" counter(arc-med-ref, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--arc-text-3xs);
	font-weight: 700;
	inset: 0.6rem auto auto 0.75rem;
	letter-spacing: 0.08em;
	position: absolute;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-research-brief :is(.arc-card__image, .arc-card__excerpt) {
	display: none !important;
}

/* pathway-steps — vertical timeline with soft step connectors. */
html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-pathway-steps .arc-post-grid {
	counter-reset: arc-pathway;
	padding-inline-start: 1.25rem;
	position: relative;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-pathway-steps .arc-post-grid::before {
	background: linear-gradient(180deg, var(--wp--preset--color--accent), var(--wp--preset--color--brand));
	box-shadow: 0 0 0.65rem var(--arc-med-glow);
	content: "";
	inset: 0.5rem auto 0.5rem 1.15rem;
	position: absolute;
	width: 3px;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-pathway-steps .arc-card::before {
	background: var(--wp--preset--color--accent);
	border: 3px solid var(--arc-med-surface);
	border-radius: 999px;
	box-shadow: 0 0 0 4px var(--arc-med-glow);
	content: "";
	height: 0.85rem;
	inset: 1.1rem auto auto -1.15rem;
	position: absolute;
	width: 0.85rem;
	z-index: 2;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-pathway-steps .arc-card {
	background: var(--arc-med-surface);
	border-inline-start: 0;
	counter-increment: arc-pathway;
	display: grid !important;
	grid-column: 1 / -1 !important;
	grid-template-columns: minmax(0, 1fr);
	margin-inline-start: 0;
	max-width: 100%;
	width: 100%;
	padding-block: 0.85rem 0.85rem;
	padding-inline: 1rem 0.75rem;
	position: relative;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-pathway-steps .arc-card::after {
	color: var(--wp--preset--color--accent);
	content: "STEP " counter(arc-pathway);
	display: block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--arc-text-3xs);
	font-weight: 800;
	letter-spacing: 0.06em;
	margin-block-end: 0.35rem;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-pathway-steps .arc-card .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	max-height: 10rem !important;
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-pathway-steps .arc-card__excerpt {
	display: none;
}

/* care-notes — soft card grid with accent left bar. */
html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-card {
	border-inline-start: 0.4rem solid color-mix(in srgb, var(--wp--preset--color--accent) 70%, var(--wp--preset--color--brand));
}

html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-card__image {
	aspect-ratio: 16 / 10 !important;
	max-height: 10rem !important;
}

@media (min-width: 960px) {
	html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake {
		grid-template-columns: minmax(0, 1fr) minmax(20rem, 22rem);
	}
}

@media (min-width: 768px) {
	/* care-notes 2-col equal */
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-post-grid:has(> .arc-card:only-child) > .arc-card {
		grid-column: 1 / -1 !important;
		max-width: 48rem;
		margin-inline: auto;
	}
}

@media (min-width: 1024px) {
	/* care-notes 3-col equal */
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-post-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-post-grid:has(> .arc-card:nth-child(2):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-post-grid:has(> .arc-card:nth-child(4):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-care-notes .arc-post-grid:has(> .arc-card:nth-child(4):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/*
 * v7 — responsive band fixes for authority / clinical section modules.
 * Root cause of stacked titles: wire-dispatch row 3 placed cards 4, 5, 6 in
 * overlapping columns (7/13 vs 8/13). Tablet/desktop bands reset explicit
 * grid-row when the 12-col mosaic is inactive; sector-index / research-brief
 * stay single-column stacks at every width.
 */

/* Mobile: single column, no explicit placement. */
@media (max-width: 767px) {
	html body.arc-theme.arc-home-medical-editorial .arc-home {
		overflow-x: clip;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-hero--clinical-intake {
		max-width: 100%;
		overflow-x: clip;
	}

	html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake,
	html body.arc-theme.arc-home-medical-editorial .arc-clinical-intake__panel {
		max-width: 100%;
		min-width: 0;
	}

	html body.arc-theme.arc-home-business-authority :is(
		.arc-category-section--authority-wire-dispatch,
		.arc-category-section--authority-sector-index,
		.arc-category-section--authority-compliance-strip,
		.arc-category-section--authority-executive-brief,
		.arc-category-section--authority-market-dispatch
	) .arc-post-grid.arc-balanced-grid > .arc-card,
	html body.arc-theme.arc-home-medical-editorial :is(
		.arc-category-section--clinical-vitals-grid,
		.arc-category-section--clinical-research-brief,
		.arc-category-section--clinical-pathway-steps,
		.arc-category-section--clinical-care-notes
	) .arc-post-grid.arc-balanced-grid > .arc-card {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		min-width: min(100%, 12.5rem);
		width: 100% !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead,
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card--lead {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
	}
}

/* Tablet: 2-col flow — strip desktop mosaic placement. */
@media (min-width: 768px) and (max-width: 1199.98px) {
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead),
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid.arc-balanced-grid > .arc-card:not(.arc-card--lead) {
		grid-column: auto !important;
		grid-row: auto !important;
		min-width: min(100%, 12.5rem);
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-card--lead,
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-card--lead {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
	}
}

/* sector-index + research-brief — full-width citation rows only. */
html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-post-grid.arc-balanced-grid,
html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-research-brief .arc-post-grid.arc-balanced-grid {
	grid-auto-flow: row;
	grid-auto-rows: auto;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: none;
}

html body.arc-theme.arc-home-business-authority .arc-category-section--authority-sector-index .arc-post-grid > .arc-card,
html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-research-brief .arc-post-grid > .arc-card {
	grid-column: 1 / -1 !important;
	grid-row: auto !important;
	min-width: min(100%, 12.5rem);
	width: 100% !important;
}

/* compliance-strip — 5-card row: 3 + 2 instead of 4 + orphan. */
@media (min-width: 1024px) {
	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid:has(> .arc-card:nth-child(5):last-child) {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-compliance-strip .arc-post-grid:has(> .arc-card:nth-child(5):last-child) > .arc-card {
		grid-column: span 2 !important;
		grid-row: auto !important;
		min-width: min(100%, 12.5rem);
	}
}

/* Wide: authority / clinical sections fill the alignwide track. */
@media (min-width: 1440px) {
	html body.arc-theme.arc-home-business-authority .arc-category-section[class*="arc-category-section--authority-"] .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-medical-editorial .arc-category-section[class*="arc-category-section--clinical-"] .arc-post-grid.arc-balanced-grid {
		width: 100%;
	}

	html body.arc-theme.arc-home-business-authority .arc-category-section--authority-wire-dispatch .arc-post-grid > .arc-card,
	html body.arc-theme.arc-home-medical-editorial .arc-category-section--clinical-vitals-grid .arc-post-grid > .arc-card {
		min-width: min(100%, 12.5rem);
	}
}

@media (min-width: 1920px) {
	html body.arc-theme.arc-home-business-authority :is(
		.arc-category-section--authority-wire-dispatch,
		.arc-category-section--authority-sector-index,
		.arc-category-section--authority-compliance-strip
	) .arc-post-grid.arc-balanced-grid,
	html body.arc-theme.arc-home-medical-editorial :is(
		.arc-category-section--clinical-vitals-grid,
		.arc-category-section--clinical-research-brief
	) .arc-post-grid.arc-balanced-grid {
		gap: clamp(0.75rem, 1.5cqi, 1.25rem);
	}
}

/*
 * Blank Canvas — intentional whitespace, single framed lead, no sections.
 */
html body.arc-theme.arc-home-blank-canvas .arc-home {
	gap: clamp(2.5rem, 6vw, 5rem);
}

html body.arc-theme.arc-home-blank-canvas .arc-hero--canvas-frame {
	background: transparent;
	border: 0;
	display: block !important;
	padding: 0;
}

html body.arc-theme.arc-home-blank-canvas .arc-canvas-frame {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--arc-panel-radius);
	box-sizing: border-box;
	margin-inline: auto;
	max-width: min(52rem, 100%);
	padding: clamp(1.25rem, 3vw, 2.5rem);
	width: min(52rem, 100%);
}

html body.arc-theme.arc-home-blank-canvas .arc-canvas-frame > .arc-card {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none;
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

html body.arc-theme.arc-home-blank-canvas .arc-canvas-frame .arc-card__image {
	aspect-ratio: 16 / 9 !important;
	border-radius: clamp(0.35rem, 0.8vw, 0.65rem);
	max-height: min(28rem, 52vh) !important;
	overflow: clip;
	width: 100%;
}

html body.arc-theme.arc-home-blank-canvas .arc-canvas-frame .arc-card__title {
	font-size: clamp(1.65rem, 3.2vw, 2.45rem);
	letter-spacing: -0.03em;
	line-height: 1.15;
	min-width: 0;
	text-wrap: pretty;
	width: 100%;
}

html body.arc-theme.arc-home-blank-canvas .arc-canvas-frame .arc-card__excerpt {
	display: -webkit-box;
	font-size: clamp(1rem, 1.4vw, 1.15rem);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 1.55;
	max-width: 42rem;
	overflow: hidden;
}

@media (min-width: 1024px) {
	html body.arc-theme.arc-home-blank-canvas .arc-canvas-frame {
		padding: clamp(2rem, 4vw, 3.5rem);
	}
}