/* COMMUNIO SITE PRESENTATION START */

/*
 * Permanent Communio site presentations with administrator query overrides.
 *
 * One root body class coordinates the global shell and major page families.
 * The stylesheet is always loaded; ?communio_surface=white|cream|navy lets an
 * administrator compare supported surfaces without changing saved settings.
 */

body.communio-site-presentation--white {
	--communio-site-canvas: #ffffff;
	--communio-site-panel: #fbfaf7;
	--communio-site-panel-alt: #f7f6f2;
	--communio-site-visual: #eee8dd;
	--communio-site-heading: #102b3a;
	--communio-site-text: #24221f;
	--communio-site-muted: #535b56;
	--communio-site-rule: #d8d2c8;
	--communio-site-accent: #946824;
	--communio-site-button: #102b3a;
	--communio-site-button-text: #ffffff;
	--communio-site-header: #ffffff;
	--communio-site-header-text: #102b3a;
	--communio-site-footer: #102b3a;
}

body.communio-site-presentation--cream {
	--communio-site-canvas: #f3efe6;
	--communio-site-panel: #fbfaf7;
	--communio-site-panel-alt: #e9e1d3;
	--communio-site-visual: #e5dccd;
	--communio-site-heading: #102b3a;
	--communio-site-text: #292622;
	--communio-site-muted: #625b51;
	--communio-site-rule: #cfc4b3;
	--communio-site-accent: #8b642b;
	--communio-site-button: #102b3a;
	--communio-site-button-text: #ffffff;
	--communio-site-header: #f8f4ec;
	--communio-site-header-text: #102b3a;
	--communio-site-footer: #102b3a;
}

body.communio-site-presentation--navy {
	--communio-site-canvas: #102b3a;
	--communio-site-panel: #153645;
	--communio-site-panel-alt: #0d2632;
	--communio-site-visual: #0a222e;
	--communio-site-heading: #ffffff;
	--communio-site-text: #f3efe7;
	--communio-site-muted: #d5d0c7;
	--communio-site-rule: rgba(255, 255, 255, 0.24);
	--communio-site-accent: #c6a15e;
	--communio-site-button: #f7f6f2;
	--communio-site-button-text: #102b3a;
	--communio-site-header: #fbfaf7;
	--communio-site-header-text: #102b3a;
	--communio-site-footer: #081d27;
}

body.communio-site-presentation,
body.communio-site-presentation #page,
body.communio-site-presentation .site,
body.communio-site-presentation .site-content {
	background: var(--communio-site-canvas);
	color: var(--communio-site-text);
}


/*
 * Keep the canonical footer at the bottom of short viewports without
 * stretching individual content panels. The GeneratePress #page wrapper
 * absorbs unused vertical space; long pages continue in normal flow.
 */

/* Communio viewport footer anchoring */

body.communio-site-presentation {
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}

body.communio-site-presentation > #page {
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
}

/*
 * WordPress offsets logged-in front-end pages by the admin-bar height on
 * the html element. Subtract that offset from the viewport-height shell so
 * the canonical footer still lands at the visible bottom of the viewport.
 */

/* WordPress admin-bar viewport adjustment */

body.admin-bar.communio-site-presentation {
	min-height: calc(100vh - 32px);
	min-height: calc(100dvh - 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar.communio-site-presentation {
		min-height: calc(100vh - 46px);
		min-height: calc(100dvh - 46px);
	}
}


body.communio-site-presentation > .communio-global-footer {
	flex: 0 0 auto;
}

/* Global shell. */

body.communio-site-presentation
	.communio-global-header {
	border-bottom-color: var(--communio-site-rule);
	background: var(--communio-site-header);
	color: var(--communio-site-header-text);
}

body.communio-site-presentation
	.communio-global-header__link,
body.communio-site-presentation
	.communio-global-header__link--search-text,
body.communio-site-presentation
	.communio-global-header__menu-toggle {
	color: var(--communio-site-header-text);
}

body.communio-site-presentation .site-footer,
body.communio-site-presentation
	.communio-global-footer {
	background: var(--communio-site-footer);
}

/* Shared editorial roles. */

body.communio-site-presentation
	:is(
		h1,
		h2,
		h3,
		.communio-hero-title,
		.communio-interior-title,
		.communio-interior-section-title,
		.communio-single-issue__title
	) {
	color: var(--communio-site-heading);
}

body.communio-site-presentation
	:is(
		.communio-eyebrow,
		.communio-hero-meta,
		.communio-interior-eyebrow,
		.communio-single-issue__kicker,
		.communio-single-issue__availability-kicker
	) {
	color: var(--communio-site-accent);
}

body.communio-site-presentation a {
	text-decoration-color: currentColor;
}

/* Homepage. */

body.communio-site-presentation .communio-home,
body.communio-site-presentation
	.communio-home-hero,
body.communio-site-presentation
	.communio-home-hero-copy {
	background: var(--communio-site-canvas);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	.communio-hero-subtitle,
body.communio-site-presentation
	.communio-featured-author,
body.communio-site-presentation
	.communio-browse-description {
	color: var(--communio-site-muted);
}

body.communio-site-presentation
	.communio-article-collection,
body.communio-site-presentation
	.communio-featured-card {
	border-color: var(--communio-site-rule);
	background: transparent;
	color: var(--communio-site-text);
}

body.communio-site-presentation
	.communio-browse-section {
	border-color: var(--communio-site-rule);
	background: var(--communio-site-panel-alt);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	.communio-browse-column-border {
	border-color: var(--communio-site-rule);
}

/* Reusable Issue Feature: Auto follows the universal Navy presentation. */

body.communio-site-presentation--navy
	.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover--surface-auto
	.communio-issue-cover__presentation-visual {
	background-image:
		var(--communio-issue-presentation-dark-image);
}

/* Gutenberg interior pages. */

body.communio-site-presentation
	.communio-interior {
	background: var(--communio-site-canvas);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	:is(
		.communio-interior-masthead,
		.communio-interior-panel,
		.communio-interior-action,
		.communio-interior-browse
	) {
	border-color: var(--communio-site-rule);
	background: var(--communio-site-panel-alt);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	:is(
		.communio-interior-deck,
		.communio-interior-prose,
		.communio-interior-placeholder
	) {
	color: var(--communio-site-text);
}

body.communio-site-presentation
	.communio-interior a {
	color: var(--communio-site-heading);
}

/* Canonical single-Issue page. */

body.communio-site-presentation
	#primary.communio-single-issue-page {
	background: var(--communio-site-canvas);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	.communio-single-issue__hero,
body.communio-site-presentation
	.communio-single-issue__availability,
body.communio-site-presentation
	.communio-single-issue__article,
body.communio-site-presentation
	.communio-single-issue__article-list {
	border-color: var(--communio-site-rule);
}

body.communio-site-presentation
	.communio-single-issue__hero-main,
body.communio-site-presentation
	.communio-single-issue__order {
	background: var(--communio-site-panel);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	.communio-single-issue__visual {
	border-color: var(--communio-site-rule);
	background: var(--communio-site-visual);
}

body.communio-site-presentation
	.communio-single-issue__subscription {
	border-color: var(--communio-site-rule);
	background: var(--communio-site-panel-alt);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	.communio-single-issue__toc {
	background: var(--communio-site-canvas);
	color: var(--communio-site-text);
}

body.communio-site-presentation
	:is(
		.communio-single-issue__meta,
		.communio-single-issue__deck,
		.communio-single-issue__price,
		.communio-single-issue__subscription > p,
		.communio-single-issue__article-summary,
		.communio-single-issue__article-author
	) {
	color: var(--communio-site-text);
}

body.communio-site-presentation
	:is(
		.communio-single-issue__hero-links a,
		.communio-single-issue__subscription-link,
		.communio-single-issue__pdf,
		.communio-single-issue__article h3 a,
		.communio-single-issue__article-actions a
	) {
	color: var(--communio-site-heading);
}

body.communio-site-presentation
	.communio-single-issue__button {
	border-color: var(--communio-site-button);
	background: var(--communio-site-button);
	color: var(--communio-site-button-text);
}

body.communio-site-presentation
	.communio-single-issue__presentation--flat
	.communio-single-issue__presentation-foreground {
	background: var(--communio-site-visual);
}

body.communio-site-presentation--navy
	.communio-single-issue__presentation--atmospheric
	.communio-single-issue__presentation-foreground {
	background: rgba(4, 18, 25, 0.12);
}

body.communio-site-presentation--navy
	.communio-single-issue__cover-image {
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow:
		0 1.1rem 2rem rgba(0, 0, 0, 0.3),
		0 0.2rem 0.5rem rgba(0, 0, 0, 0.18);
}


/*
 * Navy is the global shell and feature surface, not the universal reading
 * surface. Functional and long-form regions return to Paper and Cream.
 */

body.communio-site-presentation--navy {
	--communio-site-feature: #173b4a;
	--communio-site-feature-deep: #0b2632;
	--communio-site-functional: #f4efe6;
	--communio-site-reading: #fbfaf7;
	--communio-site-reading-heading: #102b3a;
	--communio-site-reading-text: #292622;
	--communio-site-reading-muted: #6b6258;
	--communio-site-reading-rule: #d5ccbf;
	--communio-site-reading-accent: #8b642b;
}

/* Keep Navy visible as the page shell around the editorial plate. */

body.single-communio_issue.communio-site-presentation--navy
	#primary.communio-single-issue-page {
	background: transparent;
}

/* Issue masthead: tonal Navy, without the white center seam or box frame. */

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__hero {
	column-gap: 0;
	border: 0;
	background: var(--communio-site-feature);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__hero-main {
	background: var(--communio-site-feature);
	color: #f7f6f2;
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__visual {
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	background: var(--communio-site-feature);
}

body.single-communio_issue.communio-site-presentation--navy
	:is(
		.communio-single-issue__title,
		.communio-single-issue__hero-main h1,
		.communio-single-issue__hero-main h2,
		.communio-single-issue__hero-main h3
	) {
	color: #ffffff;
}

body.single-communio_issue.communio-site-presentation--navy
	:is(
		.communio-single-issue__meta,
		.communio-single-issue__deck
	) {
	color: rgba(255, 255, 255, 0.86);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__hero-links a {
	color: #ffffff;
	text-decoration-color: rgba(255, 255, 255, 0.78);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__presentation--flat
	.communio-single-issue__presentation-foreground {
	background: transparent;
	padding-block: 1.5rem;
}

@container (min-width: 621px) {
	body.single-communio_issue.communio-site-presentation--navy
		.communio-single-issue__presentation-foreground {
		justify-items: start;
	}
}

@container (max-width: 620px) {
	body.single-communio_issue.communio-site-presentation--navy
		.communio-single-issue__presentation--flat
		.communio-single-issue__presentation-foreground {
		padding-block: 1.25rem;
	}
}

/* Purchase and subscription: one functional Cream band. */

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__availability {
	border: 0;
	border-top: 1px solid var(--communio-site-reading-rule);
	border-bottom: 1px solid var(--communio-site-reading-rule);
	background: var(--communio-site-functional);
	color: var(--communio-site-reading-text);
}

body.single-communio_issue.communio-site-presentation--navy
	:is(
		.communio-single-issue__order,
		.communio-single-issue__subscription
	) {
	background: transparent;
	color: var(--communio-site-reading-text);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__order {
	border-right-color: var(--communio-site-reading-rule);
}

body.single-communio_issue.communio-site-presentation--navy
	:is(
		.communio-single-issue__order,
		.communio-single-issue__subscription
	)
	:is(h2, h3) {
	color: var(--communio-site-reading-heading);
}

body.single-communio_issue.communio-site-presentation--navy
	:is(
		.communio-single-issue__price,
		.communio-single-issue__subscription > p
	) {
	color: var(--communio-site-reading-text);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__subscription-link {
	color: var(--communio-site-reading-heading);
	text-decoration-color: currentColor;
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__button {
	border-color: var(--communio-site-reading-heading);
	background: var(--communio-site-reading-heading);
	color: #ffffff;
}

/* Table of contents: a proper long-form Paper reading surface. */

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__toc {
	border: 0;
	background: var(--communio-site-reading);
	color: var(--communio-site-reading-text);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__toc
	:is(h2, h3) {
	color: var(--communio-site-reading-heading);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__toc
	.communio-single-issue__kicker {
	color: var(--communio-site-reading-accent);
}

body.single-communio_issue.communio-site-presentation--navy
	:is(
		.communio-single-issue__article,
		.communio-single-issue__article-list
	) {
	border-color: var(--communio-site-reading-rule);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__article h3 a {
	color: var(--communio-site-reading-heading);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__article-author {
	color: var(--communio-site-reading-accent);
}

body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue__article-summary {
	color: var(--communio-site-reading-text);
}

body.single-communio_issue.communio-site-presentation--navy
	:is(
		.communio-single-issue__pdf,
		.communio-single-issue__article-actions a
	) {
	color: var(--communio-site-reading-heading);
}

/* Restore an appropriate divider when the functional panels stack. */

@media (max-width: 740px) {
	body.single-communio_issue.communio-site-presentation--navy
		.communio-single-issue__order {
		border-right: 0;
	}

	body.single-communio_issue.communio-site-presentation--navy
		.communio-single-issue__subscription {
		border-top-color: var(--communio-site-reading-rule);
	}
}


/* Remove the remaining wireframe-like exterior outline. */
body.single-communio_issue.communio-site-presentation--navy
	.communio-single-issue {
	border: 0;
}

/* Warm the long-form reading plate without reducing contrast. */
body.communio-site-presentation--navy {
	--communio-site-reading: #faf7f0;
}


/*
 * Navy remains the site shell and feature color. Reading-intensive and
 * institutional content uses Paper or Cream rather than dark-on-dark text.
 */

/* Homepage: Navy hero, Paper featured articles, Navy browse band. */

body.communio-home-active.communio-site-presentation--navy
	.communio-home {
	background: var(--communio-site-reading);
	color: var(--communio-site-reading-text);
}

body.communio-home-active.communio-site-presentation--navy
	:is(
		.communio-home-hero,
		.communio-home-hero-copy
	) {
	background: var(--communio-site-feature);
	color: #f7f6f2;
}

body.communio-home-active.communio-site-presentation--navy
	.communio-home-hero
	:is(
		.communio-hero-title,
		.communio-hero-title a
	) {
	color: #ffffff;
}

body.communio-home-active.communio-site-presentation--navy
	.communio-home-hero
	.communio-hero-meta {
	color: var(--communio-site-accent);
}

body.communio-home-active.communio-site-presentation--navy
	.communio-home-hero
	.communio-hero-subtitle {
	color: rgba(255, 255, 255, 0.82);
}

body.communio-home-active.communio-site-presentation--navy
	.communio-home-hero
	.communio-hero-button a {
	border-color: var(--communio-site-accent);
	color: var(--communio-site-accent);
}

/* Featured Articles uses one continuous light reading field. */

body.communio-home-active.communio-site-presentation--navy
	.communio-home > .communio-eyebrow {
	background: var(--communio-site-reading);
	color: var(--communio-site-reading-accent);
}

body.communio-home-active.communio-site-presentation--navy
	.communio-article-collection {
	border-color: var(--communio-site-reading-rule);
	background: var(--communio-site-reading);
	color: var(--communio-site-reading-text);
}

body.communio-home-active.communio-site-presentation--navy
	.communio-featured-card {
	border-color: var(--communio-site-reading-rule);
	background: transparent;
	color: var(--communio-site-reading-text);
}

body.communio-home-active.communio-site-presentation--navy
	:is(
		.communio-featured-title,
		.communio-featured-title a,
		.communio-featured-card h2,
		.communio-featured-card h2 a,
		.communio-featured-card h3,
		.communio-featured-card h3 a
	) {
	color: var(--communio-site-reading-heading);
}

body.communio-home-active.communio-site-presentation--navy
	:is(
		.communio-article-topics,
		.communio-article-topics a
	) {
	color: var(--communio-site-reading-accent);
}

body.communio-home-active.communio-site-presentation--navy
	:is(
		.communio-featured-author,
		.communio-article-authors,
		.communio-article-authors a
	) {
	color: var(--communio-site-reading-muted);
}

body.communio-home-active.communio-site-presentation--navy
	:is(
		.communio-featured-link a,
		.communio-article-link__anchor
	) {
	color: var(--communio-site-reading-accent);
}

/* Browse remains Navy but receives proper foreground roles. */

body.communio-home-active.communio-site-presentation--navy
	.communio-browse-section {
	border-color: rgba(255, 255, 255, 0.18);
	background: var(--communio-site-feature-deep);
	color: #f7f6f2;
}

body.communio-home-active.communio-site-presentation--navy
	.communio-browse-column-border {
	border-color: rgba(255, 255, 255, 0.22);
}

body.communio-home-active.communio-site-presentation--navy
	.communio-browse-title {
	color: #ffffff;
}

body.communio-home-active.communio-site-presentation--navy
	.communio-browse-description {
	color: rgba(255, 255, 255, 0.72);
}

body.communio-home-active.communio-site-presentation--navy
	:is(
		.communio-browse-icon,
		.communio-browse-icon svg,
		.communio-browse-link a
	) {
	border-color: var(--communio-site-accent);
	color: var(--communio-site-accent);
}

/* About/interior pages: Navy masthead followed by Paper reading content. */

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior {
	background: var(--communio-site-reading);
	color: var(--communio-site-reading-text);
}

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-masthead {
	border-color: rgba(255, 255, 255, 0.18);
	background: var(--communio-site-feature-deep);
	color: #f7f6f2;
}

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-masthead
	.communio-interior-title {
	color: #ffffff;
}

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-masthead
	.communio-interior-eyebrow {
	color: var(--communio-site-accent);
}

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-masthead
	.communio-interior-deck {
	color: rgba(255, 255, 255, 0.84);
}

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-section {
	border-color: var(--communio-site-reading-rule);
	background: var(--communio-site-reading);
	color: var(--communio-site-reading-text);
}

body.communio-interior-active.communio-site-presentation--navy
	:is(
		.communio-interior-section-title,
		.communio-interior-prose h2,
		.communio-interior-prose h3,
		.communio-interior-prose h4
	) {
	color: var(--communio-site-reading-heading);
}

body.communio-interior-active.communio-site-presentation--navy
	:is(
		.communio-interior-prose,
		.communio-interior-prose p,
		.communio-interior-prose li
	) {
	color: var(--communio-site-reading-text);
}

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior a {
	color: var(--communio-site-reading-heading);
	text-decoration-color: var(--communio-site-reading-accent);
}

/* Editorial placeholders must remain legible during content development. */

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-placeholder {
	border-left-color: var(--communio-site-reading-accent);
	background: #fff4df;
	color: #4b3516;
}

/* Institutional and practical panels use Cream. */

body.communio-interior-active.communio-site-presentation--navy
	:is(
		.communio-interior-panel,
		.communio-interior-action,
		.communio-interior-browse
	) {
	border-color: var(--communio-site-reading-rule);
	background: var(--communio-site-functional);
	color: var(--communio-site-reading-text);
}

body.communio-interior-active.communio-site-presentation--navy
	:is(
		.communio-interior-panel,
		.communio-interior-action,
		.communio-interior-browse
	)
	:is(h2, h3, h4) {
	color: var(--communio-site-reading-heading);
}

body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-browse
	:is(
		p,
		.communio-interior-browse-copy
	) {
	color: var(--communio-site-reading-muted);
}


/*
 * Every heading placed on the light interior reading surface must use
 * the Navy reading color, regardless of its specific block class.
 */
body.communio-interior-active.communio-site-presentation--navy
	.communio-interior-section
	:is(h2, h3, h4, h5, h6) {
	color: var(--communio-site-reading-heading);
}


/*
 * The commerce area is one continuous functional surface. Its two choices
 * remain separate in layout and meaning, but no border or color boundary
 * intersects the asymmetric masthead above.
 */

body.communio-site-presentation--white {
	--communio-single-issue-commerce-surface: #f7f6f2;
}

body.communio-site-presentation--cream {
	--communio-single-issue-commerce-surface: #fbfaf7;
}

body.communio-site-presentation--navy {
	--communio-single-issue-commerce-surface: #f4efe6;
}

body.communio-site-presentation
	.communio-single-issue__availability {
	background:
		var(--communio-single-issue-commerce-surface);
}

body.communio-site-presentation
	:is(
		.communio-single-issue__order,
		.communio-single-issue__subscription
	) {
	border-right: 0;
	border-left: 0;
	background: transparent;
}

/* Author publications: one compact flow with continuation rows when needed. */

body.single-communio_author
	.communio-author-publications--single {
	display: block;
}

body.single-communio_author
	.communio-author-publications--single
	> :is(
		.communio-author-publications__label,
		.communio-author-publications__appearance
	) {
	display: inline;
	margin: 0;
}

body.single-communio_author
	.communio-author-publications--multiple {
	display: block;
}

body.single-communio_author
	.communio-author-publications--multiple
	> :is(
		.communio-author-publications__label,
		.communio-author-publications__appearances
	) {
	display: inline;
	margin: 0;
}

body.single-communio_author
	.communio-author-publications__appearances {
	padding: 0;
	border: 0;
}

body.single-communio_author
	.communio-author-publications__appearance {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	overflow-wrap: anywhere;
}

body.single-communio_author
	.communio-author-publications--multiple
	> .communio-author-publications__appearances
	> .communio-author-publications__appearance:not(:first-child) {
	display: block;
}

body.single-communio_author
	.communio-author-publications__appearance
	> :is(
		.communio-author-publications__chronology,
		.communio-author-publications__pages
	) {
	display: inline;
	margin: 0;
}

body.single-communio_author
	.communio-author-publications span::after {
	content: none;
	margin: 0;
}

/* Author pages retain the Navy shell but place reading text on light surfaces. */

body.single-communio_author.communio-site-presentation--navy
	.communio-single-author {
	color: var(--communio-site-reading-text);
}

body.single-communio_author.communio-site-presentation--navy
	:is(
		.communio-single-author__title,
		.communio-single-author__articles h2,
		.communio-single-author__article h3,
		.communio-single-author__article h3 a,
		.communio-author-name,
		.communio-author-bibliography__heading h2,
		.communio-author-bibliography__item h3,
		.communio-author-bibliography__item h3 a
	) {
	color: var(--communio-site-reading-heading);
}

body.single-communio_author.communio-site-presentation--navy
	:is(
		.communio-single-author__bio,
		.communio-single-author__article-summary,
		.communio-author-biography,
		.communio-author-bibliography__summary
	) {
	color: var(--communio-site-reading-text);
}

body.single-communio_author.communio-site-presentation--navy
	:is(
		.communio-single-author__affiliation,
		.communio-single-author__sort-name,
		.communio-single-author__article-meta,
		.communio-single-author__empty,
		.communio-author-affiliation,
		.communio-author-bibliography__count,
		.communio-author-bibliography__meta,
		.communio-author-bibliography__empty
	) {
	color: var(--communio-site-reading-muted);
}

body.single-communio_author.communio-site-presentation--navy
	:is(
		.communio-single-author__kicker,
		.communio-single-author__sort label,
		.communio-single-author__article-meta a,
		.communio-author-bibliography__eyebrow,
		.communio-author-bibliography__sort label,
		.communio-author-bibliography__meta a
	) {
	color: var(--communio-site-reading-accent);
}

body.single-communio_author.communio-site-presentation--navy
	:is(
		.communio-single-author__article-actions a,
		.communio-author-bibliography__access,
		.communio-author-bibliography__access a
	) {
	color: var(--communio-site-reading-heading);
}

body.single-communio_author.communio-site-presentation--navy
	:is(
		.communio-single-author__sort select,
		.communio-author-bibliography__sort select
	) {
	border-color: var(--communio-site-reading-rule);
	background: #ffffff;
	color: var(--communio-site-reading-text);
}

/*
 * Ordinary informational Pages retain the Navy shell around a light reading
 * plate. Keep their inherited text and native heading hierarchy appropriate
 * to that light surface. Custom interior/home treatments and WooCommerce
 * transactional surfaces manage their own presentation separately.
 */

body.page.communio-site-presentation--navy:not(.communio-interior-active):not(.communio-home-active):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account)
	.inside-article {
	color: var(--communio-site-reading-text);
}

body.page.communio-site-presentation--navy:not(.communio-interior-active):not(.communio-home-active):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account)
	.inside-article
	:is(h1, h2, h3, h4, h5, h6) {
	color: var(--communio-site-reading-heading);
}

body.page.communio-site-presentation--navy:not(.communio-interior-active):not(.communio-home-active):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account)
	h1.entry-title {
	font-family: var(--communio-font-display);
	font-size: clamp(3rem, 4.5vw, 4rem);
	font-weight: 400;
	line-height: 1.05;
}

/* Subscribe-specific reading roles on the ordinary light Page surface. */

/*
 * Subscribe add-to-cart feedback
 *
 * WooCommerce owns the notice queue and action. Communio supplies the
 * customer-facing subscription wording and presentation.
 */
body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-notices:empty {
	display: none;
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-notices
	:is(
		.woocommerce-message,
		.woocommerce-error,
		.woocommerce-info
	) {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 1.75rem;
	padding: 1rem 1rem 1rem 3rem;
	border: 1px solid var(--communio-site-reading-rule) !important;
	border-left: 3px solid #2f6637 !important;
	border-radius: 0.25rem;
	background: rgba(239, 234, 224, 0.32);
	color: var(--communio-site-reading-text);
	font-family: var(--communio-font-utility);
	box-shadow: none;
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-notices
	.woocommerce-message::before {
	top: 1.05rem;
	left: 1rem;
	color: #2f6637;
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-cart-notice__text {
	min-width: 0;
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-cart-notice__button {
	flex: 0 0 auto;
	margin: 0 !important;
	border-color: #2f6637 !important;
	background: #2f6637 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-cart-notice__button:hover,
body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-cart-notice__button:focus-visible {
	border-color: var(--communio-site-reading-heading) !important;
	background: var(--communio-site-reading-heading) !important;
	color: #ffffff !important;
}

@media (max-width: 600px) {
	body.communio-site-presentation--navy
		.communio-subscribe-page
		.communio-subscribe-notices
		:is(
			.woocommerce-message,
			.woocommerce-error,
			.woocommerce-info
		) {
		align-items: stretch;
		flex-direction: column;
	}

	body.communio-site-presentation--navy
		.communio-subscribe-page
		.communio-subscribe-cart-notice__button {
		width: 100%;
		text-align: center;
	}
}

body.communio-site-presentation--navy
	.communio-subscribe-page {
	color: var(--communio-site-reading-text);
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	:is(
		.communio-subscribe-section h2,
		.communio-subscribe-plan__title,
		.communio-subscribe-option__title
	) {
	color: var(--communio-site-reading-heading);
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	:is(
		.communio-subscribe-intro,
		.communio-subscribe-option__price
	) {
	color: var(--communio-site-reading-text);
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-option__note {
	color: var(--communio-site-reading-muted);
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-option__cart-state {
	margin: 0.85rem 0 0;
	color: var(--communio-site-reading-text);
	font-family: var(--communio-font-utility);
	font-size: 0.92rem;
	line-height: 1.4;
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-option__cart-state strong {
	color: var(--communio-site-reading-heading);
	font-weight: 700;
}

body.communio-site-presentation--navy
	.communio-subscribe-page
	.communio-subscribe-option__cart-state a {
	color: var(--communio-site-reading-heading);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}


/* WooCommerce light transactional and account surfaces */

body.communio-site-presentation--navy:is(
	.woocommerce-account,
	.woocommerce-cart,
	.woocommerce-checkout
)
	.inside-article {
	color: var(--communio-site-reading-text);
}

body.communio-site-presentation--navy:is(
	.woocommerce-account,
	.woocommerce-cart,
	.woocommerce-checkout
)
	.inside-article
	:is(
		p,
		li,
		dt,
		dd,
		label,
		legend,
		th,
		td,
		address,
		strong,
		small
	) {
	color: inherit;
}

body.communio-site-presentation--navy:is(
	.woocommerce-account,
	.woocommerce-cart,
	.woocommerce-checkout
)
	.inside-article
	:is(h1, h2, h3, h4, h5, h6) {
	color: var(--communio-site-reading-heading);
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-navigation
	a,
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	a:not(.button),
body.communio-site-presentation--navy:is(
	.woocommerce-cart,
	.woocommerce-checkout
)
	.inside-article
	a:not(.button):not(.checkout-button) {
	color: var(--communio-color-accent-interior);
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-navigation
	.is-active
	a {
	color: var(--communio-site-reading-heading);
	font-weight: 600;
}

body.communio-site-presentation--navy:is(
	.woocommerce-account,
	.woocommerce-cart,
	.woocommerce-checkout
)
	.inside-article
	:is(
		input.input-text,
		input[type="text"],
		input[type="email"],
		input[type="tel"],
		input[type="password"],
		textarea,
		select
	) {
	border-color: var(--communio-site-reading-rule);
	background: #ffffff;
	color: var(--communio-site-reading-text);
}

body.communio-site-presentation--navy:is(
	.woocommerce-account,
	.woocommerce-cart,
	.woocommerce-checkout
)
	.inside-article
	::placeholder {
	color: var(--communio-site-reading-muted);
	opacity: 1;
}


/*
 * WooCommerce Blocks checkout mobile heading inset
 *
 * Woo removes column padding below its narrow checkout breakpoint. Preserve
 * full-width controls, but keep section and collapsible order-summary headings
 * from sitting directly against the light transaction surface edge.
 */
@media (max-width: 699px) {
	body.communio-site-presentation--navy.woocommerce-checkout
		.wp-block-woocommerce-checkout
		.wc-block-components-checkout-step__heading-container,
	body.communio-site-presentation--navy.woocommerce-checkout
		.wp-block-woocommerce-checkout
		.wc-block-checkout__use-address-for-billing,
	body.communio-site-presentation--navy.woocommerce-checkout
		.wp-block-woocommerce-checkout
		.wc-block-components-checkout-step__description-payments-aligned,
	body.communio-site-presentation--navy.woocommerce-checkout
		.wp-block-woocommerce-checkout
		.wc-block-checkout__add-note,
	body.communio-site-presentation--navy.woocommerce-checkout
		.wp-block-woocommerce-checkout
		.wc-block-checkout__terms {
		padding-inline: 1rem;
	}

	body.communio-site-presentation--navy.woocommerce-checkout
		.wp-block-woocommerce-checkout-order-summary-block
		.wc-block-components-checkout-order-summary__title,
	body.communio-site-presentation--navy.woocommerce-checkout
		.wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper
		.wc-block-components-title {
		padding-inline: 1rem;
	}
}

/*
 * WooCommerce semantic typography roles
 *
 * These declarations deliberately consume the global Communio typography
 * tokens rather than naming font families. Changing the site typography
 * system therefore changes WooCommerce surfaces with the rest of the site.
 */

body.communio-site-presentation:is(
	.woocommerce-page,
	.single-product
)
	.inside-article {
	font-family: var(--communio-font-reading);
}

body.communio-site-presentation:is(
	.woocommerce-page,
	.single-product
)
	.inside-article
	:is(
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		.entry-title
	) {
	font-family: var(--communio-font-display);
}

/*
 * Transactional/interface elements use the site's utility role while
 * explanatory prose continues to inherit the reading role above.
 */

body.communio-site-presentation:is(
	.woocommerce-page,
	.single-product
)
	.inside-article
	:is(
		.woocommerce-MyAccount-navigation,
		.woocommerce-MyAccount-navigation a,
		form,
		label,
		legend,
		input,
		textarea,
		select,
		button,
		.button,
		table,
		th,
		td,
		.woocommerce-message,
		.woocommerce-info,
		.woocommerce-error,
		.woocommerce-notices-wrapper
	) {
	font-family: var(--communio-font-utility);
}


/*
 * Customer renewal confirmation
 *
 * The renderer exposes semantic Keep and Confirm action classes; presentation
 * remains theme-owned here rather than embedded in the subscription logic.
 */
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-confirmation {
	max-width: 48rem;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-acknowledgment {
	margin: 1.5rem 0;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-acknowledgment label {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-acknowledgment input {
	margin-top: 0.3rem;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-bottom: 0;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions
	.communio-renewal-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.55rem;
	margin: 0;
	padding: 0.6rem 0.9rem;
	line-height: 1.2;
	text-align: center;
	box-shadow: none !important;
}

/* Preserve automatic renewal: the safe/default path is the primary action. */
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions
	.communio-renewal-action--keep,
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions
	.communio-renewal-action--keep:hover,
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions
	.communio-renewal-action--keep:focus-visible {
	border-color: var(--communio-site-reading-heading) !important;
	background: var(--communio-site-reading-heading) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

/* Turning renewal off remains available but is deliberately subordinate. */
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions
	.communio-renewal-action--confirm {
	border-color: var(--communio-site-reading-rule) !important;
	background: transparent !important;
	color: var(--communio-site-reading-muted) !important;
	font-weight: 600 !important;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions
	.communio-renewal-action--confirm:hover,
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-actions
	.communio-renewal-action--confirm:focus-visible {
	border-color: var(--communio-site-reading-heading) !important;
	background: rgba(16, 43, 58, 0.05) !important;
	color: var(--communio-site-reading-heading) !important;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.communio-renewal-confirmation
	:is(a, button, input):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	body.communio-site-presentation--navy.woocommerce-account
		.woocommerce-MyAccount-content
		.communio-renewal-actions {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}

	body.communio-site-presentation--navy.woocommerce-account
		.woocommerce-MyAccount-content
		.communio-renewal-actions
		.communio-renewal-action {
		width: 100%;
		max-width: none;
	}
}


/*
 * Woo Subscriptions customer action hierarchy
 *
 * WCS exposes each customer action key as a semantic CSS class. The legacy
 * child-theme Woo button system uses !important for global button colors, so
 * these narrowly scoped rules intentionally match that priority only within
 * the native subscription-details action surface. Avoid DOM-order selectors,
 * subscription IDs, or template overrides.
 */

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 2.55rem;
	margin: 0.25rem 0.35rem 0.25rem 0;
	padding: 0.6rem 0.85rem;
	border: 1px solid var(--communio-site-reading-rule) !important;
	background: transparent !important;
	color: var(--communio-site-reading-heading) !important;
	font-weight: 600 !important;
	line-height: 1.2;
	text-align: center;
	box-shadow: none !important;
}

/* Routine account-maintenance actions. */
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button:is(
		.change_address,
		.change_payment_method
	) {
	border-color: var(--communio-site-reading-rule) !important;
	background: transparent !important;
	color: var(--communio-site-reading-heading) !important;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button:is(
		.change_address,
		.change_payment_method
	):hover,
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button:is(
		.change_address,
		.change_payment_method
	):focus-visible {
	border-color: var(--communio-site-reading-heading) !important;
	background: rgba(16, 43, 58, 0.05) !important;
	color: var(--communio-site-reading-heading) !important;
}

/*
 * Early renewal is available but is not required to preserve an automatically
 * renewing subscription, so it receives emphasis without a solid CTA fill.
 */
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button.subscription_renewal_early {
	border-color: var(--communio-site-reading-heading) !important;
	background: transparent !important;
	color: var(--communio-site-reading-heading) !important;
	font-weight: 700 !important;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button.subscription_renewal_early:hover,
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button.subscription_renewal_early:focus-visible {
	border-color: var(--communio-site-reading-heading) !important;
	background: var(--communio-site-reading-heading) !important;
	color: #ffffff !important;
}

/* Renewal-off remains available but visually subordinate. */
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button.cancel {
	border-color: var(--communio-site-reading-rule) !important;
	background: transparent !important;
	color: var(--communio-site-reading-muted) !important;
	font-weight: 500 !important;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button.cancel:hover,
body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button.cancel:focus-visible {
	border-color: var(--communio-site-reading-muted) !important;
	background: rgba(16, 43, 58, 0.035) !important;
	color: var(--communio-site-reading-heading) !important;
}

body.communio-site-presentation--navy.woocommerce-account
	.woocommerce-MyAccount-content
	.subscription_details
	.woocommerce-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}


/* Mobile subscription action alignment */
@media (max-width: 600px) {
	body.communio-site-presentation--navy.woocommerce-account
		.woocommerce-MyAccount-content
		.subscription_details
		.woocommerce-button {
		display: flex;
		width: 100%;
		max-width: none;
		margin: 0 0 0.45rem;
	}

	body.communio-site-presentation--navy.woocommerce-account
		.woocommerce-MyAccount-content
		.subscription_details
		.woocommerce-button:last-child {
		margin-bottom: 0;
	}
}

/* COMMUNIO SITE PRESENTATION END */


/*
 * Dynamic global-header Cart state
 *
 * The Cart anchor always exists as a stable WooCommerce fragment target.
 * Empty ordinary-header Cart links are removed from layout completely;
 * checkout mode keeps Cart visible as transactional navigation.
 */
.communio-global-header:not(.communio-global-header--checkout)
	.communio-global-header__link--cart-empty {
	display: none;
}