/**
 * Shared Communio layout and editorial primitives.
 *
 * Existing interior and homepage classes remain as compatibility aliases while
 * new pages may use the canonical component class names directly.
 */

.communio-frame,
.communio-interior-frame,
.wp-block-group.is-style-communio-frame {
	container-name: communio-layout;
	container-type: inline-size;
	width: min(var(--communio-measure-structural), calc(100% - var(--communio-gutter-viewport)));
	max-width: none;
	margin-inline: auto;
}

.communio-frame--utility,
.communio-interior-frame--utility {
	width: min(var(--communio-measure-utility), calc(100% - var(--communio-gutter-viewport)));
}

.communio-reading-frame,
.communio-interior-reading,
.wp-block-group.is-style-communio-reading-width,
.wp-block-group.is-style-communio-prose {
	container-name: communio-layout;
	container-type: inline-size;
	width: min(var(--communio-measure-reading), 100%);
	max-width: none;
	margin-inline: auto;
}

/*
 * Communio Prose
 *
 * Canonical sustained-reading composition. It shares the reading measure
 * above while giving consecutive prose paragraphs a quieter rhythm than
 * Gutenberg's general-purpose block spacing.
 */
.wp-block-group.is-style-communio-prose {
	--communio-prose-paragraph-gap: 0.85em;
}

.wp-block-group.is-style-communio-prose > p,
.wp-block-group.is-style-communio-prose > .wp-block-group__inner-container > p {
	margin-block: 0;
}

.wp-block-group.is-style-communio-prose > p + p,
.wp-block-group.is-style-communio-prose > .wp-block-group__inner-container > p + p {
	margin-block-start: var(--communio-prose-paragraph-gap);
}

.communio-eyebrow,
.communio-interior-eyebrow,
p.is-style-communio-eyebrow {
	color: var(--communio-color-accent-interior);
	font-family: var(--communio-font-utility);
	font-size: var(--communio-size-eyebrow);
	font-weight: 600;
	line-height: var(--communio-leading-utility);
	letter-spacing: var(--communio-tracking-eyebrow);
	text-transform: uppercase;
}

.communio-display-heading,
.communio-hero-title,
.communio-interior-title,
.wp-block-heading.is-style-communio-display,
.communio-issue-theme.is-style-communio-display {
	font-family: var(--communio-font-display);
	font-weight: 400;
	letter-spacing: var(--communio-tracking-display);
}

.communio-section-heading,
.communio-interior-section-title,
.wp-block-heading.is-style-communio-section-heading,
.communio-issue-theme.is-style-communio-section-heading {
	font-family: var(--communio-font-display);
	font-weight: 400;
}

.communio-editorial-deck,
.communio-hero-subtitle,
.communio-interior-deck,
.communio-featured-title,
p.is-style-communio-deck,
.communio-issue-description.is-style-communio-deck {
	font-family: var(--communio-font-reading);
	font-weight: 400;
}

.communio-featured-author {
	font-family: var(--communio-font-utility);
	font-style: italic;
	font-weight: 400;
}

.communio-rule,
.communio-interior-divider,
.wp-block-separator.is-style-communio-rule {
	width: 100%;
	height: 0;
	padding: 0;
	border: 0;
	border-top: var(--communio-rule-thickness) solid var(--communio-color-rule);
}

.communio-button,
.communio-hero-button a,
.communio-interior-actions .wp-block-button__link,
.wp-block-button.is-style-communio-primary .wp-block-button__link,
.wp-block-button.is-style-communio-outline .wp-block-button__link,
.communio-issue-link.is-style-communio-primary .communio-issue-link__anchor,
.communio-issue-link.is-style-communio-outline .communio-issue-link__anchor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: var(--communio-button-border-thickness) solid var(--communio-color-navy);
	border-radius: 2px;
	font-family: var(--communio-font-utility);
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
}

.communio-button--filled,
.communio-interior-actions .wp-block-button__link,
.wp-block-button.is-style-communio-primary .wp-block-button__link,
.communio-issue-link.is-style-communio-primary .communio-issue-link__anchor {
	background: var(--communio-color-navy);
	color: var(--communio-color-white);
}

.communio-button--outline,
.communio-hero-button a,
.communio-interior-actions .is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-communio-outline .wp-block-button__link,
.communio-issue-link.is-style-communio-outline .communio-issue-link__anchor {
	background: transparent;
	color: var(--communio-color-navy);
}

.communio-home a:focus-visible,
.communio-home button:focus-visible,
.communio-interior a:focus-visible,
.communio-interior button:focus-visible,
.communio-interior .wp-block-button__link:focus-visible {
	outline: var(--communio-focus-ring-thickness) solid var(--communio-color-focus);
	outline-offset: var(--communio-focus-ring-offset);
}

.communio-meta-label,
.communio-hero-meta,
.communio-featured-card .communio-article-topics,
.communio-issue-metadata.is-style-communio-metadata {
	font-family: var(--communio-font-utility);
	font-weight: 600;
	text-transform: uppercase;
}

.communio-arrow-link,
.communio-featured-link {
	font-family: var(--communio-font-utility);
	font-weight: 600;
	text-transform: uppercase;
}

.communio-arrow-link::after,
.communio-featured-link a::after {
	display: inline-block;
	margin-left: 0.25em;
	transition: transform var(--communio-transition-fast);
}

.communio-arrow-link:hover::after,
.communio-arrow-link:focus::after,
.communio-featured-link a:hover::after,
.communio-featured-link a:focus::after {
	transform: translateX(0.2rem);
}

.communio-browse-item,
.communio-interior-browse .wp-block-column {
	box-sizing: border-box;
	min-width: 0;
}

.communio-surface {
	background-color: var(--communio-color-surface);
}

.communio-surface-navy {
	background-color: var(--communio-color-navy);
}

.communio-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 600px) {
	.communio-frame,
	.wp-block-group.is-style-communio-frame,
	.communio-frame--utility,
	.communio-interior-frame,
	.communio-interior-frame--utility {
		width: calc(100% - var(--communio-gutter-mobile));
	}
}

/*
 * Communio section surfaces
 *
 * Surface is intentionally independent from layout. A Group may therefore
 * combine Frame, Reading Width, or Prose with any of these treatments.
 */
.wp-block-group.communio-surface--white {
	background-color: var(--wp--preset--color--communio-white);
	color: var(--wp--preset--color--communio-ink);
}

.communio-surface,
.wp-block-group.communio-surface--paper {
	background-color: var(--wp--preset--color--communio-paper);
	color: var(--wp--preset--color--communio-ink);
}

.wp-block-group.communio-surface--cream {
	background-color: var(--wp--preset--color--communio-cream);
	color: var(--wp--preset--color--communio-ink);
}

.communio-surface-navy,
.wp-block-group.communio-surface--navy {
	--communio-color-rule: rgba(255, 255, 255, 0.26);
	--communio-color-focus: var(--wp--preset--color--communio-gold);
	--communio-color-accent-interior: var(--wp--preset--color--communio-gold);
	--communio-color-deck-dark: rgba(255, 255, 255, 0.86);
	--communio-color-muted: rgba(255, 255, 255, 0.72);

	background-color: var(--wp--preset--color--communio-navy);
	color: var(--wp--preset--color--communio-paper);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) :where(
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.communio-display-heading,
	.communio-section-heading,
	.communio-interior-title,
	.communio-interior-section-title,
	.communio-issue-theme
) {
	color: var(--wp--preset--color--communio-white);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) :where(
	.communio-eyebrow,
	.communio-interior-eyebrow,
	p.is-style-communio-eyebrow
) {
	color: var(--wp--preset--color--communio-gold);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) :where(
	.communio-editorial-deck,
	.communio-interior-deck,
	.communio-issue-description,
	.communio-issue-metadata,
	blockquote,
	figcaption
) {
	color: inherit;
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) a {
	color: var(--wp--preset--color--communio-gold);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) a:hover,
:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) a:focus {
	color: var(--wp--preset--color--communio-white);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) .wp-block-separator {
	border-color: rgba(255, 255, 255, 0.26);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) :is(
	.wp-block-button.is-style-communio-primary .wp-block-button__link,
	.communio-interior-actions .wp-block-button__link,
	.communio-issue-link.is-style-communio-primary .communio-issue-link__anchor
) {
	border-color: var(--wp--preset--color--communio-white);
	background: var(--wp--preset--color--communio-white);
	color: var(--wp--preset--color--communio-navy);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) :is(
	.wp-block-button.is-style-communio-outline .wp-block-button__link,
	.communio-interior-actions .is-style-outline > .wp-block-button__link,
	.communio-issue-link.is-style-communio-outline .communio-issue-link__anchor
) {
	border-color: var(--wp--preset--color--communio-white);
	background: transparent;
	color: var(--wp--preset--color--communio-white);
}

/*
 * Image + Text Section
 *
 * Replace Gutenberg's stock text-column padding with a deliberate editorial
 * gap so image-left and image-right compositions share the same rhythm.
 */
.wp-block-group.communio-image-text-section > .wp-block-media-text {
	column-gap: clamp(2.5rem, 5vw, 5rem);
}

.wp-block-group.communio-image-text-section
	> .wp-block-media-text
	> .wp-block-media-text__content {
	padding: 0;
}

@media (max-width: 600px) {
	.wp-block-group.communio-image-text-section > .wp-block-media-text {
		column-gap: 0;
	}

	.wp-block-group.communio-image-text-section
		> .wp-block-media-text
		> .wp-block-media-text__content {
		padding: 2rem 0 0;
	}
}

/*
 * Featured Quote
 *
 * A prominent editorial quotation that remains subordinate to the section
 * architecture around it. It inherits foreground colors so the same block
 * works on both light and dark Communio surfaces.
 */
.wp-block-quote.is-style-communio-featured-quote {
	margin-block: clamp(2.25rem, 4vw, 3.5rem);
	padding: 0 0 0 clamp(1.25rem, 2.5vw, 2rem);
	border: 0;
	border-left: 2px solid var(--communio-color-rule);
	background: transparent;
	color: inherit;
}

.wp-block-quote.is-style-communio-featured-quote > p {
	margin: 0;
	font-family: var(--communio-font-display);
	font-size: clamp(1.45rem, 2.6vw, 2.15rem);
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: var(--communio-tracking-heading);
	text-wrap: pretty;
}

.wp-block-quote.is-style-communio-featured-quote > p + p {
	margin-top: 0.85em;
}

.wp-block-quote.is-style-communio-featured-quote cite {
	display: block;
	margin-top: 1.25rem;
	color: var(--communio-color-muted);
	font-family: var(--communio-font-utility);
	font-size: clamp(0.95rem, 1.1vw, 1.05rem);
	font-style: normal;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.02em;
	text-transform: none;
}

@media (max-width: 600px) {
	.wp-block-quote.is-style-communio-featured-quote {
		margin-block: 2rem;
		padding-left: 1.25rem;
	}
}

/*
 * Featured Quote editor field.
 *
 * RichText renders the optional attribution directly in the canvas. The
 * placeholder therefore advertises the field without introducing published
 * placeholder content.
 */
.wp-block-communio-featured-quote
	> cite[data-rich-text-placeholder] {
	display: block;
	min-height: 1.25em;
	opacity: 0.72;
}

/*
 * Information Box
 *
 * A restrained editorial note for contextual, explanatory, or practical
 * information. It inherits the surrounding section surface instead of
 * becoming a separate card.
 */
.wp-block-group.is-style-communio-information-box {
	box-sizing: border-box;
	margin-block: 0;
	padding: clamp(1rem, 2vw, 1.35rem) 0 0;
	border: 0;
	border-top: 1px solid var(--communio-color-editorial-muted);
	background: transparent;
	color: inherit;
}

.wp-block-group.is-style-communio-information-box > :first-child {
	margin-top: 0;
}

.wp-block-group.is-style-communio-information-box > :last-child {
	margin-bottom: 0;
}

.wp-block-group.is-style-communio-information-box > :is(h2, h3, h4) {
	margin-block: 0 0 0.7rem;
	color: inherit;
	font-family: var(--communio-font-display);
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	font-style: normal;
	font-weight: 550;
	line-height: 1.2;
	letter-spacing: 0;
}

.wp-block-group.is-style-communio-information-box > :is(p, ul, ol) {
	font-family: var(--communio-font-reading);
	font-size: 1rem;
	line-height: 1.55;
}

.wp-block-group.is-style-communio-information-box > p {
	margin-block: 0;
}

.wp-block-group.is-style-communio-information-box > p + p {
	margin-top: 0.8em;
}

.wp-block-group.is-style-communio-information-box > :is(ul, ol) {
	margin-block: 0.8em 0;
	padding-left: 1.4em;
}

.wp-block-group.is-style-communio-information-box a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.14em;
}

@media (max-width: 600px) {
	.wp-block-group.is-style-communio-information-box {
		padding-top: 1rem;
	}
}

/*
 * Call to Action
 *
 * An editorial action area. It inherits the surrounding section surface,
 * while a stronger rule and deliberate button spacing distinguish it from
 * the quieter Information Box.
 */
.wp-block-group.is-style-communio-call-to-action {
	box-sizing: border-box;
	margin-block: 0;
	padding: clamp(1.25rem, 2.5vw, 1.75rem) 0 0;
	border: 0;
	border-top: 2px solid var(--communio-color-editorial-muted);
	background: transparent;
	color: inherit;
}

.wp-block-group.is-style-communio-call-to-action > :first-child {
	margin-top: 0;
}

.wp-block-group.is-style-communio-call-to-action > :last-child {
	margin-bottom: 0;
}

.wp-block-group.is-style-communio-call-to-action > :is(h2, h3, h4) {
	margin-block: 0 0 0.7rem;
	color: inherit;
	font-family: var(--communio-font-display);
	font-size: clamp(1.3rem, 2vw, 1.65rem);
	font-style: normal;
	font-weight: var(--communio-type-section-weight);
	line-height: 1.15;
	letter-spacing: var(--communio-tracking-heading);
}

.wp-block-group.is-style-communio-call-to-action > p {
	margin-block: 0;
	font-family: var(--communio-font-reading);
	font-size: 1rem;
	line-height: 1.55;
}

.wp-block-group.is-style-communio-call-to-action > .wp-block-buttons {
	margin-top: 1.25rem;
	gap: 0.75rem 1rem;
}

@media (max-width: 600px) {
	.wp-block-group.is-style-communio-call-to-action {
		padding-top: 1.15rem;
	}

	.wp-block-group.is-style-communio-call-to-action > .wp-block-buttons {
		margin-top: 1rem;
	}
}

/*
 * Image + Caption
 *
 * Uses Gutenberg's native Image block so the caption remains semantically
 * attached to its image. The image retains its natural proportions.
 */
figure.wp-block-image.is-style-communio-image-caption {
	margin-block: 0;
}

figure.wp-block-image.is-style-communio-image-caption img {
	display: block;
	width: 100%;
	height: auto;
}

figure.wp-block-image.is-style-communio-image-caption figcaption,
figure.wp-block-image.is-style-communio-image-caption .wp-element-caption {
	margin: 0.75rem 0 0;
	color: inherit;
	font-family: var(--communio-font-utility);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0;
	opacity: 0.72;
	text-align: left;
}

figure.wp-block-image.is-style-communio-image-caption figcaption a,
figure.wp-block-image.is-style-communio-image-caption .wp-element-caption a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.14em;
}

@media (max-width: 600px) {
	figure.wp-block-image.is-style-communio-image-caption figcaption,
	figure.wp-block-image.is-style-communio-image-caption .wp-element-caption {
		margin-top: 0.65rem;
		font-size: 0.8125rem;
		line-height: 1.5;
	}
}

/*
 * Page Masthead
 *
 * A composable page-opening section rather than a required whole-page wrapper.
 * The section activates the Communio page shell through communio-page-section.
 */
.wp-block-group.communio-page-masthead {
	box-sizing: border-box;
	margin: 0;
	padding-block:
		clamp(4.5rem, 9vw, 8rem)
		clamp(4rem, 7vw, 6.5rem);
	border-bottom: 1px solid var(--communio-color-rule);
}

.wp-block-group.communio-page-masthead
	.wp-block-group.is-style-communio-frame {
	margin-block: 0;
}

.wp-block-group.communio-page-masthead
	.wp-block-group.is-style-communio-reading-width {
	margin-right: auto;
	margin-left: 0;
}

.wp-block-group.communio-page-masthead
	p.is-style-communio-eyebrow {
	margin: 0 0 1.25rem;
}

.wp-block-group.communio-page-masthead
	.wp-block-heading.is-style-communio-display {
	max-width: 12ch;
	margin: 0;
	font-size: var(
		--communio-type-display-size,
		var(--communio-size-display-page)
	);
	line-height: var(
		--communio-type-display-leading,
		var(--communio-leading-display)
	);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	text-wrap: balance;
}

.wp-block-group.communio-page-masthead
	p.is-style-communio-deck {
	max-width: 42rem;
	margin: 1.75rem 0 0;
	font-size: var(
		--communio-type-deck-size,
		var(--communio-size-editorial-deck)
	);
	line-height: var(
		--communio-type-deck-leading,
		var(--communio-leading-deck)
	);
}

.wp-block-group.communio-page-masthead
	.wp-block-group.is-style-communio-reading-width
	> :last-child {
	margin-bottom: 0;
}

@media (max-width: 960px) {
	.wp-block-group.communio-page-masthead {
		padding-block: 4.5rem;
	}
}

@media (max-width: 600px) {
	.wp-block-group.communio-page-masthead {
		padding-block: 3.5rem;
	}

	.wp-block-group.communio-page-masthead
		p.is-style-communio-deck {
		font-size: clamp(
			1.125rem,
			5.625vw,
			var(
				--communio-type-deck-size,
				var(--communio-size-editorial-deck)
			)
		);
	}
}

/*
 * Editorial Card
 *
 * A reusable editorial entry rather than a conventional boxed card. It
 * inherits the surrounding section surface and uses hierarchy, spacing, and
 * a top rule instead of shadows, rounded corners, or a separate background.
 */
.wp-block-group.is-style-communio-editorial-card {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-width: 0;
	min-height: 100%;
	margin-block: 0;
	padding: clamp(1.25rem, 2.5vw, 1.65rem) 0 0;
	border: 0;
	border-top: 1px solid var(--communio-color-editorial-muted);
	background: transparent;
	color: inherit;
	text-align: left;
}

/*
 * Gutenberg constrained Groups apply important automatic inline margins to
 * their direct children. In a flex-based Editorial Card that causes short
 * headings and links to shrink and center. Normalize those children while
 * retaining compatibility with cards already inserted using that layout.
 */
.wp-block-group.is-style-communio-editorial-card > * {
	align-self: stretch;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
}

.wp-block-group.is-style-communio-editorial-card.is-layout-constrained > * {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.wp-block-group.is-style-communio-editorial-card > :first-child {
	margin-top: 0;
}

.wp-block-group.is-style-communio-editorial-card > :last-child {
	margin-bottom: 0;
}

.wp-block-group.is-style-communio-editorial-card
	> p.is-style-communio-eyebrow {
	margin: 0 0 0.75rem;
}

.wp-block-group.is-style-communio-editorial-card
	> :is(h2, h3, h4) {
	margin: 0 0 0.7rem;
	color: inherit;
	font-family: var(--communio-font-display);
	font-size: clamp(1.45rem, 2.4vw, 1.95rem);
	font-style: normal;
	font-weight: var(--communio-type-section-weight);
	line-height: 1.14;
	letter-spacing: var(--communio-tracking-heading);
	text-wrap: balance;
}

.wp-block-group.is-style-communio-editorial-card
	> :is(h2, h3, h4) a {
	color: inherit;
	text-decoration: none;
}

.wp-block-group.is-style-communio-editorial-card
	> :is(h2, h3, h4) a:hover,
.wp-block-group.is-style-communio-editorial-card
	> :is(h2, h3, h4) a:focus {
	text-decoration: underline;
	text-decoration-thickness: 0.06em;
	text-underline-offset: 0.16em;
}

.wp-block-group.is-style-communio-editorial-card
	> p:not(.is-style-communio-eyebrow):not(.communio-editorial-card__link) {
	margin-block: 0;
	font-family: var(--communio-font-reading);
	font-size: 1rem;
	line-height: 1.55;
}

.wp-block-group.is-style-communio-editorial-card
	> .communio-editorial-card__link {
	margin: auto 0 0;
	padding-top: 1.25rem;
	font-family: var(--communio-font-utility);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: var(--communio-tracking-utility);
	text-transform: uppercase;
}

.wp-block-group.is-style-communio-editorial-card
	> .communio-editorial-card__link a {
	color: inherit;
	text-decoration: none;
}

.wp-block-group.is-style-communio-editorial-card
	> .communio-editorial-card__link a::after {
	display: inline-block;
	margin-left: 0.35em;
	content: "→";
	transition: transform var(--communio-transition-fast);
}

.wp-block-group.is-style-communio-editorial-card
	> .communio-editorial-card__link a:hover,
.wp-block-group.is-style-communio-editorial-card
	> .communio-editorial-card__link a:focus {
	text-decoration: underline;
	text-decoration-thickness: 0.06em;
	text-underline-offset: 0.18em;
}

.wp-block-group.is-style-communio-editorial-card
	> .communio-editorial-card__link a:hover::after,
.wp-block-group.is-style-communio-editorial-card
	> .communio-editorial-card__link a:focus::after {
	transform: translateX(0.2rem);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) .wp-block-group.is-style-communio-editorial-card {
	border-top-color: rgba(255, 255, 255, 0.26);
}

@media (max-width: 600px) {
	.wp-block-group.is-style-communio-editorial-card {
		padding-top: 1.2rem;
	}

	.wp-block-group.is-style-communio-editorial-card
		> .communio-editorial-card__link {
		padding-top: 1rem;
	}
}

/*
 * Issue Article List / Article Row
 *
 * The collection currently queries Articles belonging to an Issue. The row
 * presentation itself remains query-agnostic so future archive, author, and
 * related-Article collections can reuse it.
 */
:is(
	.wp-block-communio-article-collection,
	.communio-article-collection
).is-style-communio-article-list {
	box-sizing: border-box;
	margin: 0;
	border-top: 1px solid var(--communio-color-editorial-muted);
}

/*
 * Front-end Article Templates render once per Article as semantic article
 * elements. Restrict the grid to those repeated results so Gutenberg editor
 * guidance and controls retain their native layout.
 */
article.communio-article-template.is-style-communio-article-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	column-gap: clamp(2rem, 5vw, 5rem);
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	padding: clamp(1.5rem, 3vw, 2.1rem) 0;
	border-bottom: 1px solid var(--communio-color-rule);
	color: inherit;
}

article.communio-article-template.is-style-communio-article-row
	> :not(.communio-article-link) {
	grid-column: 1;
	min-width: 0;
}

article.communio-article-template.is-style-communio-article-row
	> .communio-article-link {
	grid-column: 2;
	grid-row: 1 / -1;
	align-self: center;
	min-width: max-content;
}

.is-style-communio-article-row .communio-article-topics {
	margin: 0 0 0.55rem;
	color: var(--communio-color-accent-interior);
	font-family: var(--communio-font-utility);
	font-size: 0.72rem;
	font-weight: 600;
	line-height: var(--communio-leading-utility);
	letter-spacing: var(--communio-tracking-eyebrow);
	text-transform: uppercase;
}

.is-style-communio-article-row .communio-article-topics a {
	color: inherit;
	text-decoration: none;
}

.is-style-communio-article-row .communio-article-topics a:hover,
.is-style-communio-article-row .communio-article-topics a:focus {
	text-decoration: underline;
	text-decoration-thickness: 0.06em;
	text-underline-offset: 0.17em;
}

.is-style-communio-article-row .communio-article-title {
	margin: 0;
	color: inherit;
	font-family: var(--communio-font-display);
	font-size: clamp(1.55rem, 2.8vw, 2.15rem);
	font-style: normal;
	font-weight: var(--communio-type-section-weight);
	line-height: 1.13;
	letter-spacing: var(--communio-tracking-heading);
	text-wrap: balance;
}

.is-style-communio-article-row .communio-article-title a {
	color: inherit;
	text-decoration: none;
}

.is-style-communio-article-row .communio-article-title a:hover,
.is-style-communio-article-row .communio-article-title a:focus {
	text-decoration: underline;
	text-decoration-thickness: 0.055em;
	text-underline-offset: 0.16em;
}

.is-style-communio-article-row .communio-article-authors {
	margin: 0.55rem 0 0;
	font-family: var(--communio-font-reading);
	font-size: 0.98rem;
	font-style: italic;
	line-height: 1.45;
}

.is-style-communio-article-row .communio-article-authors a {
	color: inherit;
	text-decoration: none;
}

.is-style-communio-article-row .communio-article-authors a:hover,
.is-style-communio-article-row .communio-article-authors a:focus {
	text-decoration: underline;
	text-decoration-thickness: 0.055em;
	text-underline-offset: 0.16em;
}

.is-style-communio-article-row .communio-article-excerpt {
	max-width: 50rem;
	margin: 0.85rem 0 0;
	font-family: var(--communio-font-reading);
	font-size: 1.025rem;
	line-height: 1.58;
	opacity: 0.84;
}

.is-style-communio-article-row .communio-article-excerpt > :first-child {
	margin-top: 0;
}

.is-style-communio-article-row .communio-article-excerpt > :last-child {
	margin-bottom: 0;
}

.is-style-communio-article-row .communio-article-link {
	margin: 0;
	font-family: var(--communio-font-utility);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: var(--communio-tracking-utility);
	text-align: right;
	text-transform: uppercase;
}

.is-style-communio-article-row
	.communio-article-link__anchor {
	color: inherit;
	text-decoration: none;
}

.is-style-communio-article-row
	.communio-article-link__anchor::after {
	display: inline-block;
	margin-left: 0.35em;
	content: "→";
	transition: transform var(--communio-transition-fast);
}

.is-style-communio-article-row
	.communio-article-link__anchor:hover,
.is-style-communio-article-row
	.communio-article-link__anchor:focus {
	text-decoration: underline;
	text-decoration-thickness: 0.06em;
	text-underline-offset: 0.18em;
}

.is-style-communio-article-row
	.communio-article-link__anchor:hover::after,
.is-style-communio-article-row
	.communio-article-link__anchor:focus::after {
	transform: translateX(0.2rem);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) :is(
	.wp-block-communio-article-collection,
	.communio-article-collection
).is-style-communio-article-list {
	border-top-color: rgba(255, 255, 255, 0.34);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
) article.communio-article-template.is-style-communio-article-row {
	border-bottom-color: rgba(255, 255, 255, 0.22);
}

@media (max-width: 700px) {
	article.communio-article-template.is-style-communio-article-row {
		grid-template-columns: minmax(0, 1fr);
		column-gap: 0;
		padding-block: 1.5rem;
	}

	article.communio-article-template.is-style-communio-article-row
		> .communio-article-link {
		grid-column: 1;
		grid-row: auto;
		align-self: auto;
		min-width: 0;
		margin-top: 1rem;
	}

	.is-style-communio-article-row .communio-article-link {
		text-align: left;
	}
}

/*
 * Issue Feature
 *
 * A dynamic editorial composition built from the existing Issue Context and
 * Issue data blocks. It inherits the surrounding section surface rather than
 * establishing its own background.
 */

.communio-issue-context.is-style-communio-issue-feature {
	box-sizing: border-box;
	width: 100%;
	color: inherit;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__layout {
	align-items: center;
	gap: clamp(2.5rem, 4vw, 4rem);
	margin: 0;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__copy {
	box-sizing: border-box;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__label {
	margin: 0 0 0.8rem;
	color: var(--wp--preset--color--communio-gold);
	font-family: var(--communio-font-utility);
	font-size: clamp(0.78rem, 1vw, 0.9rem);
	font-weight: 650;
	line-height: 1.25;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__theme {
	max-width: 100%;
	margin: 0;
	color: inherit;
	font-family: var(--communio-font-display);
	font-size: clamp(3.75rem, 5.25vw, 5.15rem);
	font-weight: 400;
	line-height: 0.92;
	letter-spacing: -0.025em;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	text-wrap: balance;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__metadata {
	margin: 1.35rem 0 0;
	color: inherit;
	font-family: var(--communio-font-utility);
	font-size: clamp(0.78rem, 1vw, 0.9rem);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__description {
	max-width: 34rem;
	margin: 1.45rem 0 0;
	color: inherit;
	font-family: var(--communio-font-reading);
	font-size: clamp(1.15rem, 1.75vw, 1.38rem);
	line-height: 1.48;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__link {
	margin: 1.8rem 0 0;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__link
	.communio-issue-link__anchor {
	border-radius: 2px;
	font-family: var(--communio-font-utility);
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__media {
	display: flex;
	align-items: center;
	justify-content: center;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover {
	width: 100%;
	margin: 0;
	text-align: center;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover
	.communio-issue-cover__link {
	display: inline-block;
	max-width: 100%;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover
	.communio-issue-cover__image {
	display: block;
	width: auto;
	max-width: min(100%, 23rem);
	height: auto;
	margin-inline: auto;
	border: 1px solid rgba(36, 34, 31, 0.12);
}

@media (max-width: 781px) {
	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__layout {
		gap: clamp(2.25rem, 7vw, 3.5rem);
	}

	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__copy,
	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__media {
		flex-basis: 100% !important;
	}

	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__theme {
		max-width: 100%;
		font-size: clamp(2.65rem, 10.5vw, 4.25rem);
	}

	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__cover
		.communio-issue-cover__image {
		max-width: min(100%, 19rem);
	}
}

@media (max-width: 480px) {
	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__theme {
		font-size: clamp(2.3rem, 11.5vw, 3.45rem);
	}

	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__cover
		.communio-issue-cover__image {
		max-width: min(100%, 12.5rem);
	}

	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__description {
		font-size: 1.15rem;
		line-height: 1.5;
	}
}

/* COMMUNIO ISSUE PRESENTATION FRONTEND START */

/*
 * The Gutenberg section supplies the page surface. Generated attachments
 * supply only transparent atmosphere; the canonical cover remains a separate
 * foreground image whose size can be controlled independently.
 */

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__media,
.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__stage,
.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover {
	position: relative;
	overflow: visible;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__stage {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	margin-inline: auto;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__stage::before,
.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__stage::after {
	content: none;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover {
	width: 100%;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover
	.communio-issue-cover__link {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding: 0;
	background: transparent;
	line-height: 0;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover
	.communio-issue-cover__link::before {
	content: none;
}

/*
 * Ordinary raw-cover fallback.
 */

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-feature__cover:not(
		.communio-issue-cover--presentation
	)
	.communio-issue-cover__image {
	display: block;
	width: auto;
	max-width: min(100%, 22rem);
	height: auto;
	margin-inline: auto;
	border: 1px solid rgba(36, 34, 31, 0.1);
	box-shadow:
		0 1rem 1.85rem rgba(48, 41, 31, 0.14),
		0 0.18rem 0.45rem rgba(48, 41, 31, 0.08);
}

/*
 * Atmosphere and cover share a stacking context, but not a common scale.
 * The 218.75% atmosphere width reproduces the original relationship between
 * the 1400px canvas and the approximately 640px cover inside the approved
 * prototype.
 */

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover--presentation
	.communio-issue-cover__link {
	display: inline-block;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover__presentation-stack {
	position: relative;
	display: inline-grid;
	place-items: center;
	isolation: isolate;
	width: min(100%, 22rem);
	vertical-align: middle;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover__presentation-visual {
	position: absolute;
	z-index: 0;
	display: block;
	width: 218.75%;
	max-width: calc(100vw - 2rem);
	aspect-ratio: 1;
	background-image:
		var(--communio-issue-presentation-light-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover--surface-dark
	.communio-issue-cover__presentation-visual,
:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--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);
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover--surface-light
	.communio-issue-cover__presentation-visual {
	background-image:
		var(--communio-issue-presentation-light-image);
}

.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover--presentation
	.communio-issue-cover__image {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
	border: 1px solid rgba(36, 34, 31, 0.1);
	box-shadow:
		0 1rem 1.85rem rgba(48, 41, 31, 0.2),
		0 0.18rem 0.45rem rgba(48, 41, 31, 0.1);
}

:is(
	.communio-surface-navy,
	.wp-block-group.communio-surface--navy
)
	.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover--presentation
	.communio-issue-cover__image,
.communio-issue-context.is-style-communio-issue-feature
	.communio-issue-cover--surface-dark
	.communio-issue-cover__image {
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow:
		0 1.1rem 2rem rgba(0, 0, 0, 0.32),
		0 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
}

@media (max-width: 781px) {
	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__stage {
		width: min(100%, 25rem);
	}

	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-cover__presentation-stack,
	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__cover:not(
			.communio-issue-cover--presentation
		)
		.communio-issue-cover__image {
		width: min(100%, 19rem);
		max-width: 19rem;
	}
}

@media (max-width: 480px) {
	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__stage {
		width: min(100%, 21rem);
	}

	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-cover__presentation-stack,
	.communio-issue-context.is-style-communio-issue-feature
		.communio-issue-feature__cover:not(
			.communio-issue-cover--presentation
		)
		.communio-issue-cover__image {
		width: min(100%, 12.5rem);
		max-width: 12.5rem;
	}
}

/* COMMUNIO ISSUE PRESENTATION FRONTEND END */

/* COMMUNIO SINGLE ISSUE DETAIL START */

/*
 * The canonical Issue destination carries the Issue Feature's presentation
 * language into a smaller, article-forward landing page. The generated
 * atmosphere remains a persistent read-only asset; the cover remains a
 * separate foreground image.
 */

body.single-communio_issue #primary.communio-single-issue-page {
	box-sizing: border-box;
	width: 100%;
	max-width: min(1080px, calc(100vw - 2rem));
	margin-inline: auto;
	padding-block: clamp(1.5rem, 2.8vw, 2.75rem) clamp(4rem, 7vw, 6rem);
}

body.single-communio_issue .communio-single-issue {
	container-type: inline-size;
	margin: 0;
}

/* Compact masthead. */

body.single-communio_issue .communio-single-issue__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(19rem, 1fr);
	align-items: stretch;
	min-height: clamp(23.5rem, 30vw, 25rem);
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--communio-color-rule);
	background: var(--wp--preset--color--communio-cream);
}

body.single-communio_issue .communio-single-issue__hero-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	min-width: 0;
	padding: clamp(2.25rem, 4vw, 4rem);
}

@media (min-width: 741px) {
	body.single-communio_issue
		.communio-single-issue__hero-main {
		padding-block:
			clamp(2.25rem, 3.5vw, 3.25rem);
	}
}

body.single-communio_issue .communio-single-issue__kicker,
body.single-communio_issue
	.communio-single-issue__availability-kicker {
	margin: 0 0 0.85rem;
	color: var(--wp--preset--color--communio-gold);
	font-family: var(--communio-font-utility);
	font-size: clamp(0.75rem, 1vw, 0.875rem);
	font-weight: 650;
	line-height: 1.25;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

body.single-communio_issue .communio-single-issue__title {
	max-width: none;
	margin: 0;
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-display);
	font-size: clamp(3.4rem, 5.4vw, 5.35rem);
	font-weight: 400;
	line-height: 0.92;
	letter-spacing: -0.035em;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	text-wrap: balance;
}

body.single-communio_issue .communio-single-issue__meta {
	margin: 1.35rem 0 0;
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-utility);
	font-size: clamp(0.78rem, 1vw, 0.9rem);
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body.single-communio_issue .communio-single-issue__deck {
	max-width: 35rem;
	margin: 1.5rem 0 0;
	color: var(--communio-color-text);
	font-family: var(--communio-font-reading);
	font-size: clamp(1.15rem, 1.6vw, 1.35rem);
	line-height: 1.52;
}

body.single-communio_issue .communio-single-issue__hero-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem 1.5rem;
	margin-top: 1.85rem;
}

body.single-communio_issue .communio-single-issue__hero-links a,
body.single-communio_issue
	.communio-single-issue__subscription-link,
body.single-communio_issue .communio-single-issue__pdf {
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-utility);
	font-size: 0.84rem;
	font-weight: 650;
	line-height: 1.35;
	letter-spacing: 0.06em;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.22em;
	text-transform: uppercase;
}

body.single-communio_issue .communio-single-issue__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 0;
	min-height: 0;
	padding: 0;
	overflow: hidden;
	background:
		radial-gradient(
			circle at 66% 38%,
			rgba(255, 255, 255, 0.58),
			transparent 36%
		),
		linear-gradient(
			145deg,
			#eee8dd 0%,
			#ddd4c4 100%
		);
}

body.single-communio_issue
	.communio-single-issue__presentation {
	position: relative;
	align-self: stretch;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}

body.single-communio_issue
	.communio-single-issue__presentation-background {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}

body.single-communio_issue
	.communio-single-issue__atmosphere-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

body.single-communio_issue
	.communio-single-issue__presentation-foreground {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0.75rem 1rem;
}

body.single-communio_issue
	.communio-single-issue__cover-stack {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.8rem;
	width: 100%;
}

body.single-communio_issue
	.communio-single-issue__cover-image {
	display: block;
	width: min(88%, 17.5rem);
	max-width: 17.5rem;
	height: auto;
	border: 1px solid rgba(36, 34, 31, 0.12);
	box-shadow:
		0 1.25rem 2.3rem rgba(48, 41, 31, 0.2),
		0 0.2rem 0.5rem rgba(48, 41, 31, 0.12);
}

body.single-communio_issue
	.communio-single-issue__cover-disclosure {
	box-sizing: border-box;
	width: min(88%, 17.5rem);
	max-width: 17.5rem;
	color: var(--communio-color-muted);
	font-family: var(--communio-font-utility);
	font-size: 0.72rem;
	font-style: italic;
	line-height: 1.4;
	text-align: center;
}


body.single-communio_issue
	.communio-single-issue__presentation--atmospheric
	.communio-single-issue__presentation-background {
	opacity: 0.68;
}

body.single-communio_issue
	.communio-single-issue__presentation--atmospheric
	.communio-single-issue__presentation-foreground {
	background: rgba(246, 242, 234, 0.08);
}

body.single-communio_issue
	.communio-single-issue__presentation--flat
	.communio-single-issue__presentation-foreground {
	background:
		radial-gradient(
			circle at 66% 38%,
			rgba(255, 255, 255, 0.58),
			transparent 36%
		),
		linear-gradient(
			145deg,
			#eee8dd 0%,
			#ddd4c4 100%
		);
}

body.single-communio_issue
	.communio-single-issue__cover-placeholder {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: min(84%, 18rem);
	aspect-ratio: 3 / 4;
	border: 1px solid rgba(31, 43, 58, 0.2);
	background: rgba(255, 255, 255, 0.7);
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-utility);
	font-size: 0.78rem;
	font-weight: 650;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
}

/* Unified commerce band. */

body.single-communio_issue
	.communio-single-issue__availability {
	display: grid;
	grid-template-columns:
		minmax(0, 2fr)
		minmax(0, 3fr);
	margin: 0;
	border: solid var(--communio-color-rule);
	border-width: 0 1px 1px;
	background: var(--wp--preset--color--communio-white);
}

body.single-communio_issue .communio-single-issue__order,
body.single-communio_issue
	.communio-single-issue__subscription {
	box-sizing: border-box;
	padding: clamp(1.5rem, 2.4vw, 2.25rem);
	background: transparent;
}

body.single-communio_issue
	.communio-single-issue__availability h2 {
	margin: 0;
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-display);
	font-size: clamp(1.8rem, 3vw, 2.45rem);
	font-weight: 400;
	line-height: 1.05;
}

body.single-communio_issue
	.communio-single-issue__photocopy-note,
body.single-communio_issue
	.communio-single-issue__subscription > p:not(
		.communio-single-issue__availability-kicker
	),
body.single-communio_issue
	.communio-single-issue__unavailable {
	max-width: 31rem;
	margin: 0.7rem 0 0;
	color: var(--communio-color-text);
	font-family: var(--communio-font-reading);
	font-size: 1rem;
	line-height: 1.55;
}

body.single-communio_issue
	.communio-single-issue__order-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1rem;
	margin-top: 0.9rem;
}

body.single-communio_issue .communio-single-issue__price {
	margin: 0;
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-utility);
	font-size: 1.15rem;
	font-weight: 650;
	line-height: 1.3;
}

body.single-communio_issue
	.communio-single-issue__notices:empty {
	display: none;
}

body.single-communio_issue
	.communio-single-issue__notices
	.woocommerce-message {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	box-sizing: border-box;
	margin: 0 0 1rem;
	padding: 0.8rem 0.9rem;
	border: 0;
	border-left: 3px solid #2f6637;
	background: rgba(47, 102, 55, 0.08);
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-utility);
	font-size: 0.86rem;
	line-height: 1.4;
}

body.single-communio_issue
	.communio-single-issue__notices
	.woocommerce-message::before {
	position: static;
	flex: 0 0 auto;
	margin: 0;
	color: #2f6637;
}

body.single-communio_issue
	.communio-single-issue__notices
	.woocommerce-message
	.button {
	order: 2;
	flex: 0 0 auto;
	margin: 0 0 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--communio-navy);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

body.single-communio_issue
	.communio-single-issue__cart-state {
	flex: 0 0 100%;
	margin: 0;
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-utility);
	font-size: 0.88rem;
	line-height: 1.4;
}

body.single-communio_issue
	.communio-single-issue__cart-state strong,
body.single-communio_issue
	.communio-single-issue__cart-state a {
	color: inherit;
	font-weight: 650;
}

body.single-communio_issue
	.communio-single-issue__cart-state a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

body.single-communio_issue .communio-single-issue__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 2.85rem;
	padding: 0.75rem 1.15rem;
	border: 1px solid var(--wp--preset--color--communio-navy);
	border-radius: 2px;
	background: var(--wp--preset--color--communio-navy);
	color: var(--wp--preset--color--communio-white);
	font-family: var(--communio-font-utility);
	font-size: 0.82rem;
	font-weight: 650;
	line-height: 1.2;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
}

body.single-communio_issue
	.communio-single-issue__button:hover,
body.single-communio_issue
	.communio-single-issue__button:focus {
	border-color: var(--wp--preset--color--communio-gold);
	background: var(--wp--preset--color--communio-gold);
	color: var(--wp--preset--color--communio-navy);
}

body.single-communio_issue .communio-single-issue__pdf,
body.single-communio_issue
	.communio-single-issue__subscription-link {
	display: inline-block;
	margin-top: 0.9rem;
}

@media (min-width: 741px) {
	body.single-communio_issue
		.communio-single-issue__button {
		width: 100%;
		max-width: 21rem;
		margin-right: auto;
	}

	body.single-communio_issue
		.communio-single-issue__subscription {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	body.single-communio_issue
		.communio-single-issue__subscription
		.communio-single-issue__availability-kicker {
		margin-bottom: 0.55rem;
	}

	body.single-communio_issue
		.communio-single-issue__subscription
		:is(h2, h3) {
		max-width: 17ch;
		margin-bottom: 0.65rem;
	}

	body.single-communio_issue
		.communio-single-issue__subscription > p:not(
			.communio-single-issue__availability-kicker
		) {
		max-width: 36rem;
		margin-bottom: 0.8rem;
	}

	body.single-communio_issue
		.communio-single-issue__subscription-link {
		margin-top: 0.2rem;
	}
}

body.single-communio_issue
	.communio-single-issue__hero-links a:focus-visible,
body.single-communio_issue
	.communio-single-issue__button:focus-visible,
body.single-communio_issue
	.communio-single-issue__pdf:focus-visible,
body.single-communio_issue
	.communio-single-issue__subscription-link:focus-visible,
body.single-communio_issue
	.communio-single-issue__article a:focus-visible {
	outline: var(--communio-focus-ring-thickness) solid
		var(--communio-color-focus);
	outline-offset: var(--communio-focus-ring-offset);
}

body.single-communio_issue .communio-single-issue__content {
	max-width: 48rem;
	margin-inline: auto;
	padding: clamp(3rem, 6vw, 5rem) clamp(1.25rem, 4vw, 3rem) 0;
	color: var(--communio-color-text);
	font-family: var(--communio-font-reading);
	font-size: 1.08rem;
	line-height: 1.68;
}

body.single-communio_issue .communio-single-issue__toc {
	margin: 0;
	padding: clamp(4rem, 7vw, 6rem) clamp(1.25rem, 4vw, 3.5rem) 0;
}

body.single-communio_issue
	.communio-single-issue__toc-header {
	max-width: 45rem;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

body.single-communio_issue .communio-single-issue__toc h2 {
	margin: 0;
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-display);
	font-size: clamp(2.5rem, 4.5vw, 4rem);
	font-weight: 400;
	line-height: 0.98;
	letter-spacing: -0.02em;
	text-wrap: balance;
}

body.single-communio_issue
	.communio-single-issue__article-list {
	border-top: 1px solid var(--communio-color-rule);
}

body.single-communio_issue
	.communio-single-issue__article {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(7rem, 9rem);
	gap: 1.5rem;
	padding: clamp(1.5rem, 2.5vw, 2.15rem) 0;
	border-bottom: 1px solid var(--communio-color-rule);
}

body.single-communio_issue
	.communio-single-issue__article h3 {
	max-width: 50rem;
	margin: 0;
	font-family: var(--communio-font-display);
	font-size: clamp(1.55rem, 2.6vw, 2.15rem);
	font-weight: 400;
	line-height: 1.12;
}

body.single-communio_issue
	.communio-single-issue__article h3 a {
	color: var(--wp--preset--color--communio-navy);
	text-decoration: none;
}

body.single-communio_issue
	.communio-single-issue__article-author {
	margin: 0.55rem 0 0;
	color: var(--communio-color-muted);
	font-family: var(--communio-font-utility);
	font-size: 0.92rem;
	line-height: 1.45;
}

body.single-communio_issue
	.communio-single-issue__article-summary {
	max-width: 46rem;
	margin-top: 0.9rem;
	color: var(--communio-color-text);
	font-family: var(--communio-font-reading);
	font-size: 1rem;
	line-height: 1.58;
}

body.single-communio_issue
	.communio-single-issue__article-summary > :last-child {
	margin-bottom: 0;
}

body.single-communio_issue
	.communio-single-issue__article-actions {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

body.single-communio_issue
	.communio-single-issue__article-actions a {
	color: var(--wp--preset--color--communio-navy);
	font-family: var(--communio-font-utility);
	font-size: 0.78rem;
	font-weight: 650;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

@container (max-width: 740px) {
	body.single-communio_issue
		.communio-single-issue__hero {
		grid-template-columns: 1fr;
	}

	body.single-communio_issue
		.communio-single-issue__visual {
		min-height: 22rem;
		border-top: 1px solid rgba(31, 43, 58, 0.12);
		border-left: 0;
	}

	body.single-communio_issue
		.communio-single-issue__availability {
		grid-template-columns: 1fr;
	}

	body.single-communio_issue
		.communio-single-issue__subscription {
		border-top: 1px solid var(--communio-color-rule);
		border-left: 0;
	}
}

@container (min-width: 741px) and (max-width: 900px) {
	body.single-communio_issue
		.communio-single-issue__cover-image,
	body.single-communio_issue
		.communio-single-issue__cover-placeholder {
		width: min(84%, 13.75rem);
		max-width: 13.75rem;
	}

	body.single-communio_issue
		.communio-single-issue__cover-disclosure {
		width: min(84%, 13.75rem);
		max-width: 13.75rem;
	}
}

@container (max-width: 620px) {
	body.single-communio_issue
		.communio-single-issue__hero-main {
		padding: 1.9rem 1.35rem 2.1rem;
	}

	body.single-communio_issue
		.communio-single-issue__title {
		max-width: none;
		font-size: clamp(2.8rem, 15cqw, 4rem);
		line-height: 0.96;
	}

	body.single-communio_issue
		.communio-single-issue__hero-links {
		display: grid;
		gap: 0.65rem;
	}

	body.single-communio_issue
		.communio-single-issue__visual {
		min-height: 19rem;
		padding: 0;
	}

	body.single-communio_issue
		.communio-single-issue__order,
	body.single-communio_issue
		.communio-single-issue__subscription {
		padding: 1.15rem 1.35rem;
	}

	body.single-communio_issue
		.communio-single-issue__availability-kicker {
		margin-bottom: 0.55rem;
	}

	body.single-communio_issue
		.communio-single-issue__toc {
		padding-top: 2.75rem;
	}

	body.single-communio_issue
		.communio-single-issue__article {
		grid-template-columns: 1fr;
	}

	body.single-communio_issue
		.communio-single-issue__article-actions {
		justify-content: flex-start;
	}
}

/* Viewport fallback for browsers without container-query support. */
@media (max-width: 760px) {
	body.single-communio_issue
		.communio-single-issue__hero {
		grid-template-columns: 1fr;
	}

	body.single-communio_issue
		.communio-single-issue__visual {
		border-top: 1px solid rgba(31, 43, 58, 0.12);
		border-left: 0;
	}

	body.single-communio_issue
		.communio-single-issue__availability {
		grid-template-columns: 1fr;
	}

	body.single-communio_issue
		.communio-single-issue__subscription {
		border-top: 1px solid var(--communio-color-rule);
		border-left: 0;
	}
}

@media (max-width: 600px) {
	body.single-communio_issue
		#primary.communio-single-issue-page {
		max-width: calc(100vw - 1rem);
		padding-top: 1rem;
	}
}


@container (max-width: 620px) {
	body.single-communio_issue
		.communio-single-issue__presentation-foreground {
		padding: 0.75rem 1rem;
	}

	body.single-communio_issue
		.communio-single-issue__cover-image,
	body.single-communio_issue
		.communio-single-issue__cover-placeholder {
		width: min(74%, 12.625rem);
		max-width: 12.625rem;
	}

	body.single-communio_issue
		.communio-single-issue__cover-disclosure {
		width: min(74%, 12.625rem);
		max-width: 12.625rem;
	}
}


/* COMMUNIO SINGLE ISSUE DETAIL END */

/* Communio author submissions workspace */
.communio-author-submissions__status {
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0.6rem 0 0.35rem;
}

.communio-author-submissions__updated {
	font-size: 0.95rem;
	line-height: 1.45;
	margin: 0 0 1.25rem;
}

.communio-author-submissions__revision-form {
	margin-top: 1.25rem;
}

.communio-author-submissions__revision-form label {
	font-weight: 600;
}