/*
 * Accessible editorial templates and content components.
 */

body {
	--editorial-paper: var(--wp--preset--color--paper, #f7f3ea);
	--editorial-ink: var(--wp--preset--color--ink, #171717);
	--editorial-muted: var(--wp--preset--color--muted-ink, #5f5b55);
	--editorial-lavender: var(--wp--preset--color--lavender, #d8cdf7);
	--editorial-accent-ink: var(--wp--preset--color--lavender-ink, #6545a4);
	--editorial-rule: var(--wp--preset--color--rule, #cbc4b8);
	--editorial-white: var(--wp--preset--color--white, #fff);
	--editorial-navy: var(--wp--preset--color--navy, #1b2a4a);
	--editorial-teal: var(--wp--preset--color--teal, #0f6a63);
	--editorial-cobalt: var(--wp--preset--color--cobalt, #2454a6);
	--editorial-amber: var(--wp--preset--color--amber, #8a5a12);
	--editorial-control-border: #70685d;
	--editorial-dark: #121824;
	--editorial-serif: var(--wp--preset--font-family--editorial-serif, "Iowan Old Style", Baskerville, "Times New Roman", serif);
	--editorial-sans: var(--wp--preset--font-family--editorial-sans, Inter, ui-sans-serif, system-ui, sans-serif);
	background: var(--editorial-paper);
	color: var(--editorial-ink);
	font-family: var(--editorial-sans);
}

::selection {
	background: var(--editorial-lavender);
	color: var(--editorial-ink);
}

a {
	color: inherit;
	text-decoration-thickness: 0.08em;
}

a:hover {
	color: var(--editorial-accent-ink);
}

:focus-visible {
	outline: 3px solid var(--editorial-paper);
	outline-offset: 2px;
	box-shadow: 0 0 0 6px var(--editorial-accent-ink);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
summary {
	min-height: 2.75rem;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: var(--editorial-accent-ink);
	border: 2px solid var(--editorial-accent-ink);
	border-radius: 0;
	color: var(--editorial-white);
	cursor: pointer;
	font-weight: 700;
	padding: 0.6rem 1rem;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: var(--editorial-ink);
	border-color: var(--editorial-ink);
}

.home-newsletter input:not([type="checkbox"]):not([type="radio"]) {
	background: var(--editorial-white);
	color: var(--editorial-ink);
}

input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):not([type="submit"]),
select,
textarea {
	background: var(--editorial-white);
	border: 2px solid var(--editorial-control-border);
	border-radius: 0;
	color: var(--editorial-ink);
	max-width: 100%;
	min-height: 2.75rem;
	padding: 0.55rem 0.7rem;
}

textarea {
	min-height: 8rem;
	width: 100%;
}

.home-newsletter select,
.home-newsletter textarea {
	background: var(--editorial-white);
	color: var(--editorial-ink);
}

label {
	font-weight: 650;
}

.search-form {
	align-items: stretch;
	display: flex;
	max-width: 100%;
}

.search-form label {
	display: flex;
	min-width: 0;
}

.search-form .search-field {
	min-width: 0;
	width: min(15rem, 50vw);
}

.screen-reader-text:focus,
.skip-link:focus {
	background: var(--editorial-paper);
	border: 2px solid var(--editorial-ink);
	color: var(--editorial-ink);
	font-weight: 700;
}

/* Publication shell. */
.site-header,
.site-footer {
	max-width: 80rem;
}

.site-header {
	align-items: center;
	border-bottom: 1px solid var(--editorial-rule);
	display: grid;
	gap: 1rem clamp(1rem, 2.5vw, 2.25rem);
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	padding-block: 1rem;
}

.site-header__identity,
.site-footer__identity,
.primary-navigation,
.site-header__search {
	min-width: 0;
}

.site-title,
.site-footer__title {
	font-family: var(--editorial-serif);
	font-size: clamp(1.75rem, 3vw, 2.7rem);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1;
}

.site-tagline,
.site-footer__tagline,
.site-footer__copyright {
	color: var(--editorial-muted);
	font-size: 0.8rem;
}

.site-tagline {
	margin-top: 0.35rem;
	max-width: 28rem;
}

.primary-navigation__list,
.footer-navigation__list {
	align-items: center;
	font-size: clamp(0.73rem, 1vw, 0.84rem);
	font-weight: 750;
	gap: 0.75rem clamp(0.85rem, 1.5vw, 1.4rem);
	justify-content: center;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.footer-navigation__list li,
.recovery-links li {
	min-width: 0;
}

.primary-navigation a,
.footer-navigation a,
.subscribe-link {
	text-decoration: none;
}

.primary-navigation a,
.footer-navigation a {
	text-decoration-color: transparent;
	text-underline-offset: 0.35em;
}

.subscribe-link {
	background: var(--editorial-lavender);
	color: var(--editorial-ink);
	font-size: 0.78rem;
	font-weight: 750;
	letter-spacing: 0.06em;
	padding: 0.65rem 0.85rem;
	text-transform: uppercase;
}

.mobile-navigation summary {
	border: 2px solid var(--editorial-control-border);
	cursor: pointer;
	font-weight: 750;
	padding: 0.5rem 0.8rem;
}

.mobile-navigation[open] summary {
	background: var(--editorial-lavender);
}

.mobile-navigation__list {
	border-top: 1px solid var(--editorial-rule);
	gap: 0;
	margin-top: 0.75rem;
}

.mobile-navigation__list li {
	border-bottom: 1px solid var(--editorial-rule);
}

.mobile-navigation__list a {
	display: block;
	padding-block: 0.7rem;
}

.site-footer {
	align-items: start;
	border-top: 1px solid var(--editorial-rule);
	margin-top: clamp(3rem, 8vw, 7rem);
	padding-block: clamp(2rem, 5vw, 4rem);
}

.site-footer__tagline {
	font-size: 0.9rem;
	line-height: 1.55;
	margin-top: 0.75rem;
	max-width: 28rem;
}

/* Shared main, listing, and recovery layouts. */
.site-main {
	margin-inline: auto;
	max-width: 80rem;
	min-height: 50vh;
	padding: clamp(2rem, 5vw, 5rem) 1.25rem;
}

.archive-header,
.page-entry,
.error-404,
.empty-state {
	margin-inline: auto;
	max-width: 48rem;
}

.archive-title,
.page-entry__title,
.error-404 h1,
.empty-state h2,
.post-summary__title {
	font-family: var(--editorial-serif);
	font-weight: 500;
	line-height: 1.08;
}

.archive-title,
.page-entry__title,
.error-404 h1 {
	font-size: clamp(2.25rem, 7vw, 4.75rem);
	letter-spacing: -0.035em;
	margin: 0;
}

.posts-list {
	display: grid;
	gap: 2rem;
	margin-block: 2rem;
}

.post-summary {
	border-top: 1px solid var(--editorial-rule);
	padding-top: 1.5rem;
}

.post-summary__title {
	margin-top: 0;
}

.post-summary__title a {
	text-decoration: none;
}

.page-entry__content > :first-child,
.post-summary__content > :first-child {
	margin-top: 0;
}

.page-entry__content > :last-child,
.post-summary__content > :last-child {
	margin-bottom: 0;
}

.pagination,
.nav-links,
.recovery-links ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.pagination .page-numbers,
.post-navigation a,
.recovery-links a {
	align-items: center;
	border: 1px solid var(--editorial-control-border);
	display: inline-flex;
	min-height: 2.75rem;
	padding: 0.55rem 0.8rem;
}

.pagination .current {
	background: var(--editorial-ink);
	border-color: var(--editorial-ink);
	color: var(--editorial-white);
}

.recovery-links ul {
	list-style: none;
	padding: 0;
}

.empty-state,
.error-404 {
	padding-block: 2rem;
}

.empty-state .search-form,
.error-404 .search-form {
	margin-block: 1.5rem;
}

/* Editorial Home: a complete single-column reading order below 800px. */
.editorial-home {
	display: grid;
	gap: clamp(3rem, 8vw, 6rem);
	max-width: 80rem;
}

.editorial-home > *,
.content-card > *,
.test-lab-feature > *,
.topic-rail__grid > * {
	min-width: 0;
}

.test-lab-feature {
	display: grid;
	gap: clamp(1.5rem, 4vw, 3rem);
}

.content-card__media,
.test-lab-feature__media {
	background: var(--editorial-lavender);
	display: block;
	overflow: hidden;
}

.content-card__image,
.test-lab-feature__image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.content-card__content,
.test-lab-feature__content {
	align-content: start;
	display: grid;
	gap: 0.8rem;
}

.content-card__title,
.test-lab-feature__title,
.section-heading__title,
.home-newsletter__title {
	font-family: var(--editorial-serif);
	font-weight: 500;
	line-height: 1.06;
	margin: 0;
}

.content-card__title a,
.test-lab-feature__title a,
.section-heading__title a {
	text-decoration: none;
}

.content-card__summary,
.test-lab-feature__summary {
	margin: 0;
}

.content-card__category,
.article-header__topic,
.article-entities__link {
	align-items: center;
	color: var(--editorial-accent-ink);
	display: inline-flex;
	font-size: 0.75rem;
	font-weight: 750;
	justify-self: start;
	letter-spacing: 0.08em;
	min-height: 1.5rem;
	padding-block: 0.2rem;
	text-transform: uppercase;
}

.content-card__meta,
.article-meta {
	align-items: center;
	color: var(--editorial-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.8rem;
	gap: 0.35rem 0.8rem;
}

.content-card__meta > * + *::before {
	content: "·";
	margin-right: 0.8rem;
}

.home-test-lab,
.topic-rail,
.field-notes {
	border-top: 1px solid var(--editorial-rule);
	padding-top: 1.5rem;
}

.topic-rail__grid {
	display: grid;
	gap: 2rem;
}

.content-card {
	display: grid;
	gap: 1rem;
}

.content-card__media {
	aspect-ratio: 16 / 10;
}

.content-card__title,
.test-lab-feature__title {
	font-size: clamp(1.35rem, 3vw, 2rem);
}

.content-card__title {
	overflow-wrap: anywhere;
}

.content-card--compact {
	border-top: 1px solid var(--editorial-rule);
	padding-top: 1.25rem;
}

.content-card--compact .content-card__title {
	font-size: clamp(1.1rem, 2.4vw, 1.45rem);
}

.section-heading {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.section-heading__title {
	font-size: clamp(1.65rem, 4vw, 2.7rem);
}

.home-test-lab {
	background: linear-gradient(135deg, rgb(216 205 247 / 42%), rgb(255 255 255 / 18%));
	border: 1px solid var(--editorial-rule);
	padding: clamp(1.25rem, 3vw, 2.25rem);
}

.test-lab-feature__media {
	aspect-ratio: 4 / 3;
}

.topic-rail__compact,
.field-notes__list {
	display: grid;
	gap: 1.5rem;
}

.field-notes__list .content-card--compact:first-child {
	border-top: 0;
	padding-top: 0;
}

.home-newsletter {
	background: var(--editorial-dark);
	color: var(--editorial-white);
	margin-inline: -1.25rem;
	padding: clamp(2rem, 7vw, 5rem) 1.25rem;
}

.home-newsletter__inner {
	margin-inline: auto;
	max-width: 52rem;
}

.home-newsletter__title {
	font-size: clamp(1.8rem, 5vw, 3.5rem);
	margin-bottom: 1rem;
}

.home-newsletter__content > :first-child {
	margin-top: 0;
}

.home-newsletter__content > :last-child {
	margin-bottom: 0;
}

.home-newsletter a {
	color: var(--editorial-lavender);
}

/* Editorial Home v2: intro, briefing, audiences, coverage, guides, methodology, tools, knowledge. */
.home-intro__title {
	font-family: var(--editorial-serif);
	font-size: clamp(2.5rem, 7vw, 5.5rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.03;
	margin: 0;
}

.home-intro__excerpt {
	font-size: clamp(1.1rem, 2.5vw, 1.35rem);
	line-height: 1.55;
	margin-top: 1rem;
}

.home-intro__content > :first-child {
	margin-top: 0;
}

.home-briefing__label {
	color: var(--editorial-accent-ink);
	font-size: 0.8rem;
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.home-briefing__guide {
	align-items: center;
	border-top: 1px solid var(--editorial-navy);
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(0, 4rem) minmax(0, 1fr);
	padding-block: 1rem;
}

.home-briefing__guide-image {
	border-radius: 50%;
	display: block;
	height: 4rem;
	object-fit: cover;
	width: 4rem;
}

.home-briefing__guide-name {
	font-weight: 700;
	margin: 0;
}

.home-briefing__guide-role {
	color: var(--editorial-muted);
	font-size: 0.85rem;
	margin: 0;
}

.home-briefing__guide-link {
	align-items: center;
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 700;
	min-height: 44px;
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.home-briefing__post {
	border-top: 1px solid var(--editorial-rule);
	display: grid;
	gap: 0.8rem;
	padding-top: 1.25rem;
}

.home-briefing__title {
	font-family: var(--editorial-serif);
	font-size: clamp(1.5rem, 3.5vw, 2.25rem);
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
}

.home-briefing__title a {
	text-decoration: none;
}

.home-briefing__summary {
	margin: 0;
}

.home-briefing__related {
	display: grid;
	gap: 0.6rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.home-briefing__related a {
	align-items: center;
	display: inline-flex;
	min-height: 44px;
}

/* Audience pathways: CSS Grid card layout at every viewport. */
.home-audiences__list {
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.home-audiences__link {
	align-items: start;
	border: 1px solid var(--editorial-navy);
	display: grid;
	gap: 0.4rem;
	min-height: 44px;
	padding: 1.25rem;
	text-decoration: none;
}

.home-audiences__title {
	font-weight: 700;
}

.home-audiences__description {
	color: var(--editorial-muted);
	font-size: 0.9rem;
}

/* Latest coverage: one feature card plus a CSS Grid of supporting cards. */
.home-coverage__grid {
	display: grid;
	gap: clamp(1.5rem, 4vw, 3rem);
}

.home-coverage__support {
	display: grid;
	gap: 1.25rem;
}

/* Field guides: CSS Grid of up to four complete groups. */
.home-guides__list {
	display: grid;
	gap: clamp(2rem, 5vw, 3rem);
	grid-template-columns: minmax(0, 1fr);
}

.home-guides__group-category a {
	align-items: center;
	color: var(--editorial-amber);
	display: inline-flex;
	font-weight: 700;
	min-height: 44px;
	text-decoration: none;
}

.home-guides__group-description {
	color: var(--editorial-muted);
	font-size: 0.9rem;
}

.home-guides__group-posts {
	display: grid;
	gap: 1rem;
	margin-top: 1rem;
}

/* Methodology / trust module. */
.home-methodology__excerpt {
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	line-height: 1.55;
}

.home-methodology__steps {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 1.5rem 0;
	padding: 0;
}

.home-methodology__step {
	border-top: 1px solid var(--editorial-rule);
	font-weight: 700;
	padding-top: 0.75rem;
}

.home-methodology__marker {
	background: var(--editorial-teal);
	color: var(--editorial-white);
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 750;
	letter-spacing: 0.04em;
	padding: 0.5rem 0.85rem;
	text-transform: uppercase;
}

/* Tool intelligence: CSS Grid of compact cards; cobalt marks technical content. */
.home-tools {
	border-left: 0.35rem solid var(--editorial-cobalt);
	padding-left: 1.25rem;
}

.home-tools__grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(0, 1fr);
}

/* Knowledge continuity. */
.home-knowledge {
	display: grid;
	gap: clamp(1.5rem, 4vw, 3rem);
}

.home-knowledge__media {
	background: var(--editorial-lavender);
	display: block;
	overflow: hidden;
}

.home-knowledge__image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.home-knowledge__excerpt {
	color: var(--editorial-muted);
}

/* Native article and knowledge-listing templates. */
.single-article,
.article-entry {
	display: grid;
	gap: clamp(2rem, 5vw, 4rem);
}

.article-entry {
	margin-inline: auto;
	max-width: 52rem;
}

.article-header {
	display: grid;
	gap: 1rem;
}

.article-header__title {
	font-family: var(--editorial-serif);
	font-size: clamp(2.5rem, 7vw, 5.5rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.03;
	margin: 0;
}

.article-header__excerpt {
	font-size: clamp(1.1rem, 2.5vw, 1.35rem);
	line-height: 1.55;
	margin: 0;
}

.article-meta {
	font-size: 0.85rem;
	gap: 0.4rem 1rem;
}

.article-featured-image {
	margin: 0;
}

.article-featured-image__image {
	display: block;
	height: auto;
	width: 100%;
}

.article-featured-image figcaption {
	color: var(--editorial-muted);
	font-size: 0.8rem;
	margin-top: 0.5rem;
}

.article-body {
	font-size: clamp(1rem, 1.4vw, 1.125rem);
	line-height: 1.75;
}

.article-body h2,
.article-body h3,
.article-body h4,
.article-author-bio h2,
.article-entities h2,
.more-from-topic h2 {
	font-family: var(--editorial-serif);
	font-weight: 500;
	line-height: 1.15;
}

.article-body h2 {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	margin-top: 2.5em;
}

.article-body h3 {
	font-size: clamp(1.4rem, 3vw, 1.85rem);
	margin-top: 2em;
}

.article-body > :first-child,
.article-author-bio > :first-child,
.affiliate-disclosure > :first-child {
	margin-top: 0;
}

.article-body > :last-child,
.article-author-bio > :last-child,
.affiliate-disclosure > :last-child {
	margin-bottom: 0;
}

.article-body blockquote {
	border-left: 0.3rem solid var(--editorial-lavender);
	font-family: var(--editorial-serif);
	font-size: 1.15em;
	margin-inline: 0;
	padding-left: 1.25rem;
}

.article-body pre,
.article-body .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

.article-body code,
.article-body pre,
.article-body td,
.article-body th {
	overflow-wrap: anywhere;
}

.article-body iframe,
.article-body video {
	max-width: 100%;
}

.article-author-bio,
.article-entities,
.affiliate-disclosure,
.more-from-topic {
	border-top: 1px solid var(--editorial-rule);
	padding-top: 1.5rem;
}

.article-entities__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	list-style: none;
	padding: 0;
}

.affiliate-disclosure {
	background: rgb(216 205 247 / 35%);
	border: 1px solid var(--editorial-rule);
	font-size: 0.9rem;
	padding: 1.25rem;
}

.more-from-topic__grid,
.editorial-listing__grid {
	display: grid;
	gap: 2rem;
}

.editorial-listing .pagination {
	margin-top: 3rem;
}

.archive-description {
	font-size: 1.1rem;
	line-height: 1.6;
	margin-top: 1rem;
}

/* Long words and titles must remain within their reading column. */
.test-lab-feature__title,
.section-heading__title,
.home-newsletter__title,
.article-header__title,
.content-card__category,
.article-header__topic,
.article-entities__link,
.site-title,
.site-footer__title,
.primary-navigation a,
.footer-navigation a,
.mobile-navigation a,
.recovery-links a,
.archive-title,
.page-entry__title,
.post-summary__title {
	overflow-wrap: anywhere;
}

.primary-navigation a:hover,
.primary-navigation a:focus-visible,
.footer-navigation a:hover,
.footer-navigation a:focus-visible {
	text-decoration: underline;
	text-decoration-color: currentcolor;
	text-decoration-thickness: 0.12em;
}

@media (min-width: 40rem) {

	.more-from-topic__grid,
	.editorial-listing__grid,
	.field-notes__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.field-notes__list .content-card--compact:nth-child(2) {
		border-top: 0;
		padding-top: 0;
	}

	.home-newsletter {
		margin-inline: 0;
		padding-inline: clamp(2rem, 6vw, 5rem);
	}
}

/* 768px: audience pathways move from a single column to a flexible,
   auto-fitting CSS Grid — naturally producing a two-plus-one layout
   at in-between widths without a hardcoded column count. */
@media (min-width: 48rem) {

	.home-audiences__list {
		grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	}
}

/* 800px: exact 7/5 lead desk while preserving source order. */
@media (min-width: 800px) {

	.editorial-home {
		column-gap: clamp(1.25rem, 3vw, 2.5rem);
		grid-template-columns: repeat(12, minmax(0, 1fr));
		row-gap: clamp(3.5rem, 7vw, 6rem);
	}

	.editorial-home > .home-intro {
		align-self: start;
		grid-column: span 7;
	}

	.editorial-home > .home-briefing {
		grid-column: span 5;
	}

	.editorial-home > :not(.home-intro):not(.home-briefing) {
		grid-column: 1 / -1;
	}

	.test-lab-feature,
	.topic-rail__grid {
		align-items: center;
		grid-template-columns: minmax(0, 7fr) minmax(16rem, 5fr);
	}

	.home-coverage__grid {
		align-items: start;
		grid-template-columns: minmax(0, 7fr) minmax(16rem, 5fr);
	}

	.home-guides__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-tools__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 64rem) {

	.more-from-topic__grid,
	.editorial-listing__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.field-notes__list {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.field-notes__list .content-card--compact {
		border-left: 1px solid var(--editorial-rule);
		border-top: 0;
		padding-left: 1.25rem;
		padding-top: 0;
	}

	.field-notes__list .content-card--compact:first-child {
		border-left: 0;
		padding-left: 0;
	}
}

/* 1440px: field guides reach their full four-column rail. */
@media (min-width: 90rem) {

	.home-guides__list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 63.99rem) and (min-width: 48.01rem) {

	.site-header {
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	.primary-navigation {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

@media (max-width: 48rem) {

	.site-header {
		align-items: center;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.site-header__identity {
		grid-column: 1 / -1;
	}

	.site-header__search {
		grid-column: 1 / -1;
	}

	.site-header__search .search-form,
	.site-header__search label,
	.site-header__search .search-field {
		width: 100%;
	}

	.subscribe-link {
		justify-self: start;
	}

	.mobile-navigation {
		justify-self: end;
	}

	.mobile-navigation nav {
		left: 1.25rem;
		position: absolute;
		right: 1.25rem;
		z-index: 10;
	}

	.mobile-navigation__list {
		background: var(--editorial-paper);
		border: 1px solid var(--editorial-control-border);
		padding: 0.75rem 1rem;
	}
}

/* Motion targets remain visible and in normal flow before JavaScript mounts. */
@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

	[data-motion],
	[data-motion] *,
	[data-motion-stream],
	[data-motion-stream] *,
	[data-motion-island],
	[data-motion-island] * {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-delay: 0ms !important;
		transition-duration: 0.01ms !important;
	}
}