/*
Theme Name: Vyroneia Field Guide
Theme URI: https://vyroneia.gr/
Description: A bilingual, editorial child theme for the Vyroneia visitor guide and community hub.
Author: The Website Agency
Version: 1.1.2
Template: twentytwentyfive
Text Domain: vyroneia-field-guide
*/

:root {
	--vyr-forest-deep: #123b32;
	--vyr-forest: #1d5a4a;
	--vyr-forest-bright: #34745f;
	--vyr-lake: #2b7480;
	--vyr-lake-dark: #19515a;
	--vyr-lake-soft: #deecec;
	--vyr-stone: #f3eee4;
	--vyr-stone-deep: #dfd3bd;
	--vyr-sand: #d7c6a3;
	--vyr-ink: #18231f;
	--vyr-muted: #5d6964;
	--vyr-paper: #fffdf8;
	--vyr-white: #ffffff;
	--vyr-line: rgba(18, 59, 50, 0.16);
	--vyr-shadow: 0 22px 60px rgba(18, 59, 50, 0.12);
	--vyr-radius-small: 0.75rem;
	--vyr-radius: 1.35rem;
	--vyr-radius-large: 2.1rem;
	--vyr-content: 48rem;
	--vyr-wide: 76rem;
	--vyr-gutter: clamp(1rem, 4vw, 3rem);
	--vyr-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;
	--vyr-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	background: var(--vyr-paper);
	color: var(--vyr-ink);
	font-family: var(--vyr-sans);
	font-size: 1rem;
	line-height: 1.7;
	text-rendering: optimizeLegibility;
}

body,
.wp-site-blocks {
	margin: 0;
	padding: 0;
}

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

img,
svg {
	max-width: 100%;
}

img {
	height: auto;
}

a {
	color: var(--vyr-lake-dark);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

a:hover {
	color: var(--vyr-forest);
}

:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid #f2b84b;
	outline-offset: 4px;
}

::selection {
	background: var(--vyr-sand);
	color: var(--vyr-ink);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	font-family: var(--vyr-serif);
	font-weight: 650;
	letter-spacing: -0.025em;
	line-height: 1.08;
	text-wrap: balance;
}

h1 {
	font-size: clamp(2.75rem, 7vw, 6.75rem);
}

h2 {
	font-size: clamp(2rem, 4.25vw, 4rem);
}

h3 {
	font-size: clamp(1.35rem, 2.3vw, 2rem);
}

h4 {
	font-size: clamp(1.15rem, 1.8vw, 1.5rem);
}

p,
li {
	overflow-wrap: break-word;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	top: 0.75rem;
	left: 0.75rem;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	clip: auto;
	background: var(--vyr-white);
	color: var(--vyr-ink);
}

/* Site shell */
.vyr-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--vyr-line);
	background: rgba(255, 253, 248, 0.94);
	backdrop-filter: blur(16px);
}

.admin-bar .vyr-site-header {
	top: 32px;
}

.vyr-header-inner {
	width: min(calc(100% - (2 * var(--vyr-gutter))), var(--vyr-wide));
	min-height: 5rem;
	margin-inline: auto;
}

.vyr-header-inner .wp-block-site-title {
	margin: 0;
	font-family: var(--vyr-serif);
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	font-weight: 700;
	letter-spacing: -0.03em;
}

.vyr-header-inner .wp-block-site-title a {
	color: var(--vyr-forest-deep);
	text-decoration: none;
}

.vyr-header-inner .wp-block-navigation {
	font-size: 0.91rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.vyr-header-inner .wp-block-navigation-item__content {
	padding-block: 0.65rem;
	text-decoration: none;
}

.vyr-header-inner .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
	min-width: 14rem;
	padding: 0.5rem;
	border: 1px solid var(--vyr-line);
	border-radius: var(--vyr-radius-small);
	background: var(--vyr-paper);
	box-shadow: var(--vyr-shadow);
}

.vyr-header-inner .wp-block-navigation-submenu .wp-block-navigation-item__content {
	padding: 0.65rem 0.8rem;
	border-radius: 0.45rem;
}

.vyr-header-inner .wp-block-navigation-submenu .wp-block-navigation-item__content:hover {
	background: var(--vyr-lake-soft);
}

.vyr-nav-language > a {
	padding-inline: 0.8rem !important;
	border: 1px solid var(--vyr-forest);
	border-radius: 999px;
}

.vyr-site-main {
	min-height: 60vh;
}

.vyr-site-main > .wp-block-post-content {
	margin-top: 0;
}

.vyr-site-footer {
	margin-block-start: 0;
	padding: clamp(3.5rem, 7vw, 6rem) var(--vyr-gutter) 2rem;
	background: var(--vyr-forest-deep);
	color: rgba(255, 255, 255, 0.78);
}

.vyr-footer-inner,
.vyr-footer-legal {
	width: min(100%, var(--vyr-wide));
	margin-inline: auto;
}

.vyr-footer-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(10rem, 0.65fr));
	gap: clamp(2rem, 5vw, 5rem);
}

.vyr-footer-wordmark {
	margin-block: 0 0.9rem;
	font-family: var(--vyr-serif);
	font-size: clamp(2rem, 4vw, 3.3rem);
	font-weight: 700;
	line-height: 1.08;
}

.vyr-footer-wordmark a,
.vyr-site-footer a {
	color: var(--vyr-white);
}

.vyr-footer-wordmark a {
	text-decoration: none;
}

.vyr-site-footer h2 {
	margin-block: 0 1rem;
	font-family: var(--vyr-sans);
	font-size: 0.77rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.vyr-footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.vyr-footer-links li + li {
	margin-top: 0.55rem;
}

.vyr-footer-links a {
	text-decoration-color: rgba(255, 255, 255, 0.38);
}

.vyr-footer-legal {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	font-size: 0.82rem;
}

/* Page content */
.vyr-page {
	margin: 0 !important;
}

.vyr-language-switch {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.65rem;
	width: min(calc(100% - (2 * var(--vyr-gutter))), var(--vyr-wide));
	margin: 0 auto;
	padding-block: 0.85rem;
	color: var(--vyr-muted);
	font-size: 0.82rem;
	font-weight: 750;
	letter-spacing: 0.04em;
}

.vyr-language-switch span[aria-current="page"] {
	color: var(--vyr-forest-deep);
}

.vyr-language-switch a {
	text-decoration: none;
}

.vyr-hero {
	position: relative;
	min-height: clamp(36rem, 78vh, 50rem) !important;
	overflow: hidden;
	background: var(--vyr-forest-deep);
}

.vyr-hero::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: "";
	pointer-events: none;
	background: linear-gradient(90deg, rgba(9, 36, 30, 0.86) 0%, rgba(9, 36, 30, 0.46) 52%, rgba(9, 36, 30, 0.12) 100%);
}

.vyr-hero .wp-block-cover__background,
.vyr-hero .wp-block-cover__inner-container {
	z-index: 2;
}

.vyr-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: flex-end;
	width: min(calc(100% - (2 * var(--vyr-gutter))), var(--vyr-wide));
	height: 100%;
	margin-inline: auto;
	padding-block: clamp(5rem, 12vh, 8rem) clamp(2rem, 5vh, 4rem);
}

.vyr-hero-copy {
	width: min(48rem, 100%);
	color: var(--vyr-white);
}

.vyr-hero-copy h1 {
	max-width: 12ch;
	margin-block: 0.2rem 1.4rem;
	color: var(--vyr-white);
	font-size: clamp(3.4rem, 8vw, 7.6rem);
	line-height: 0.94;
	text-shadow: 0 4px 32px rgba(0, 0, 0, 0.28);
}

.vyr-hero-lede {
	max-width: 43rem;
	margin-block: 0;
	font-size: clamp(1.12rem, 2.3vw, 1.55rem);
	line-height: 1.5;
}

.vyr-hero-credit {
	max-width: 54rem;
	margin-top: 2.2rem;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.72rem;
	line-height: 1.55;
}

.vyr-hero-credit a {
	color: inherit;
}

.vyr-page-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 88% 12%, rgba(222, 236, 236, 0.18), transparent 32rem),
		linear-gradient(128deg, var(--vyr-forest-deep), var(--vyr-lake-dark));
	color: var(--vyr-white);
}

.vyr-page-hero::before {
	position: absolute;
	right: -8rem;
	bottom: -13rem;
	width: 34rem;
	height: 34rem;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 50%;
	box-shadow: 0 0 0 4rem rgba(255, 255, 255, 0.035), 0 0 0 9rem rgba(255, 255, 255, 0.025);
	content: "";
}

.vyr-page-hero__inner {
	position: relative;
	z-index: 1;
	width: min(calc(100% - (2 * var(--vyr-gutter))), var(--vyr-wide));
	margin-inline: auto;
	padding-block: clamp(5rem, 10vw, 9rem);
}

.vyr-page-hero h1 {
	max-width: 13ch;
	margin-block: 0.3rem 1.4rem;
	color: var(--vyr-white);
	font-size: clamp(3rem, 7vw, 6.5rem);
	line-height: 0.97;
}

.vyr-page-hero p:last-child {
	max-width: 48rem;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(1.08rem, 2.2vw, 1.45rem);
	line-height: 1.55;
}

.vyr-eyebrow {
	margin-block: 0 0.75rem;
	color: var(--vyr-lake-dark);
	font-size: 0.75rem;
	font-weight: 850;
	letter-spacing: 0.17em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vyr-hero .vyr-eyebrow,
.vyr-page-hero .vyr-eyebrow,
.vyr-section--ink .vyr-eyebrow,
.vyr-card--forest .vyr-eyebrow,
.vyr-card--lake .vyr-eyebrow {
	color: #aad5ce;
}

.vyr-section {
	width: min(calc(100% - (2 * var(--vyr-gutter))), var(--vyr-wide));
	margin-inline: auto;
	padding-block: clamp(4rem, 8vw, 7.5rem);
	scroll-margin-top: 6.5rem;
}

.vyr-section + .vyr-section:not(.vyr-section--lake):not(.vyr-section--ink) {
	border-top: 1px solid var(--vyr-line);
}

.vyr-section--lake,
.vyr-section--ink {
	width: 100%;
	max-width: none;
	padding-inline: var(--vyr-gutter);
}

.vyr-section--lake {
	background: var(--vyr-lake-soft);
}

.vyr-section--ink {
	background: var(--vyr-forest-deep);
	color: var(--vyr-white);
}

.vyr-section--lake > *,
.vyr-section--ink > * {
	width: min(100%, var(--vyr-wide));
	margin-inline: auto;
}

.vyr-section-heading {
	max-width: 56rem;
	margin: 0 0 clamp(2rem, 5vw, 4rem);
}

.vyr-section-heading h2 {
	margin-block: 0.3rem 1.2rem;
}

.vyr-section-heading > :last-child {
	max-width: 48rem;
	margin-bottom: 0;
	color: var(--vyr-muted);
	font-size: clamp(1.03rem, 1.8vw, 1.24rem);
}

.vyr-section--ink .vyr-section-heading > :last-child {
	color: rgba(255, 255, 255, 0.72);
}

.vyr-grid,
.vyr-directory-grid {
	display: grid;
	gap: clamp(1rem, 2.4vw, 1.75rem);
}

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

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

.vyr-card,
.vyr-directory-card {
	min-width: 0;
	padding: clamp(1.35rem, 3vw, 2.2rem);
	border: 1px solid var(--vyr-line);
	border-radius: var(--vyr-radius);
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 8px 26px rgba(18, 59, 50, 0.055);
}

.vyr-card {
	display: flex;
	flex-direction: column;
}

.vyr-card h2,
.vyr-card h3,
.vyr-card h4,
.vyr-directory-card h3,
.vyr-directory-card h4 {
	margin-block: 0.45rem 1rem;
}

.vyr-card > :last-child,
.vyr-directory-card > :last-child {
	margin-bottom: 0;
}

.vyr-card__number,
.vyr-directory-card__meta,
.vyr-status {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	margin: 0;
	color: var(--vyr-lake-dark);
	font-size: 0.72rem;
	font-weight: 850;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-transform: uppercase;
}

.vyr-card__link {
	margin-top: auto;
	padding-top: 1.3rem;
	font-weight: 760;
	text-decoration: none;
}

.vyr-card__link:hover {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.vyr-card--forest,
.vyr-card--lake {
	border-color: transparent;
	color: var(--vyr-white);
}

.vyr-card--forest {
	background: var(--vyr-forest-deep);
}

.vyr-card--lake {
	background: var(--vyr-lake-dark);
}

.vyr-card--forest a,
.vyr-card--lake a {
	color: var(--vyr-white);
}

.vyr-card--stone {
	background: var(--vyr-stone);
	color: var(--vyr-ink);
}

.vyr-split {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 6rem);
}

.vyr-split > * {
	min-width: 0;
}

.vyr-split figure {
	margin: 0;
}

.vyr-split figure img,
.vyr-photo-card img {
	display: block;
	width: 100%;
	border-radius: var(--vyr-radius-large);
	box-shadow: var(--vyr-shadow);
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.vyr-photo-credit,
.vyr-source,
.vyr-hero-credit {
	font-size: 0.74rem;
	line-height: 1.55;
}

.vyr-photo-credit {
	margin-top: 0.75rem;
	color: var(--vyr-muted);
}

.vyr-photo-card {
	overflow: hidden;
	border: 1px solid var(--vyr-line);
	border-radius: var(--vyr-radius);
	background: var(--vyr-white);
}

.vyr-photo-card img {
	border-radius: 0;
	box-shadow: none;
}

.vyr-photo-card__body {
	padding: 1.5rem;
}

.vyr-prose {
	max-width: var(--vyr-content);
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
}

.vyr-prose h2:not(:first-child),
.vyr-prose h3:not(:first-child) {
	margin-top: 2.4em;
}

.vyr-prose p,
.vyr-prose li {
	line-height: 1.8;
}

.vyr-callout,
.vyr-empty-state,
.vyr-source-box {
	padding: clamp(1.5rem, 4vw, 3rem);
	border-radius: var(--vyr-radius);
}

.vyr-callout {
	border-left: 5px solid var(--vyr-lake);
	background: var(--vyr-stone);
}

.vyr-callout h2,
.vyr-callout h3,
.vyr-empty-state h2,
.vyr-source-box h2 {
	margin-block: 0.25rem 1rem;
}

.vyr-callout > :last-child,
.vyr-empty-state > :last-child,
.vyr-source-box > :last-child {
	margin-bottom: 0;
}

.vyr-empty-state {
	border: 1px dashed rgba(18, 59, 50, 0.35);
	background: rgba(222, 236, 236, 0.42);
	text-align: center;
}

.vyr-empty-state .vyr-status {
	align-self: auto;
	padding: 0.45rem 0.8rem;
	border-radius: 999px;
	background: var(--vyr-white);
}

.vyr-source-box {
	margin-top: 2rem;
	border: 1px solid var(--vyr-line);
	background: var(--vyr-lake-soft);
}

.vyr-source-list,
.vyr-link-list,
.vyr-checklist {
	padding-left: 1.25rem;
}

.vyr-source-list li + li,
.vyr-link-list li + li,
.vyr-checklist li + li {
	margin-top: 0.65rem;
}

.vyr-checklist {
	list-style: none;
	padding-left: 0;
}

.vyr-checklist li {
	position: relative;
	padding-left: 1.75rem;
}

.vyr-checklist li::before {
	position: absolute;
	top: 0.15em;
	left: 0;
	color: var(--vyr-lake);
	content: "✓";
	font-weight: 900;
}

.vyr-section--ink .vyr-checklist li::before,
.vyr-card--forest .vyr-checklist li::before,
.vyr-card--lake .vyr-checklist li::before {
	color: #aad5ce;
}

.vyr-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: 2rem;
}

.vyr-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0.76rem 1.15rem;
	border: 1px solid var(--vyr-forest-deep);
	border-radius: 999px;
	background: var(--vyr-forest-deep);
	color: var(--vyr-white);
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	transition: transform 160ms ease, background 160ms ease, color 160ms ease;
}

.vyr-button:hover {
	transform: translateY(-2px);
	background: var(--vyr-lake-dark);
	color: var(--vyr-white);
}

.vyr-button--light {
	border-color: var(--vyr-white);
	background: var(--vyr-white);
	color: var(--vyr-forest-deep);
}

.vyr-button--light:hover {
	background: var(--vyr-lake-soft);
	color: var(--vyr-forest-deep);
}

.vyr-button--outline {
	border-color: rgba(255, 255, 255, 0.7);
	background: transparent;
	color: var(--vyr-white);
}

.vyr-button--outline:hover {
	background: rgba(255, 255, 255, 0.12);
}

/* Directory */
.vyr-directory-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 1.4rem;
}

.vyr-directory-jump a {
	padding: 0.58rem 0.85rem;
	border: 1px solid var(--vyr-line);
	border-radius: 999px;
	background: var(--vyr-white);
	font-size: 0.84rem;
	font-weight: 760;
	text-decoration: none;
}

.vyr-directory-jump a:hover {
	background: var(--vyr-lake-soft);
}

.vyr-directory-place {
	margin: clamp(2.8rem, 6vw, 5rem) 0 1.4rem;
	padding-bottom: 0.7rem;
	border-bottom: 2px solid var(--vyr-line);
}

.vyr-directory-card {
	display: grid;
	grid-template-rows: auto auto 1fr auto auto;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.vyr-directory-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--vyr-shadow);
}

.vyr-directory-card__meta {
	color: var(--vyr-forest);
}

.vyr-contact {
	margin-top: 1.2rem;
	padding-top: 1rem;
	border-top: 1px solid var(--vyr-line);
	font-size: 0.9rem;
}

.vyr-contact a {
	white-space: nowrap;
}

.vyr-source {
	margin-top: 1rem;
	color: var(--vyr-muted);
}

.vyr-source a {
	font-weight: 720;
}

.vyr-directory-tools {
	display: grid;
	gap: 0.9rem;
	margin-top: 2rem;
	padding: clamp(1.1rem, 3vw, 1.7rem);
	border: 1px solid var(--vyr-line);
	border-radius: var(--vyr-radius);
	background: var(--vyr-white);
	box-shadow: 0 8px 26px rgba(18, 59, 50, 0.055);
}

.vyr-directory-tools label {
	font-size: 0.88rem;
	font-weight: 800;
}

.vyr-directory-tools input[type="search"] {
	width: 100%;
	min-height: 3.2rem;
	padding: 0.78rem 1rem;
	border: 1px solid rgba(18, 59, 50, 0.3);
	border-radius: 0.75rem;
	background: var(--vyr-paper);
	color: var(--vyr-ink);
	font: inherit;
}

.vyr-filter-buttons,
.vyr-map-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
}

.vyr-filter-buttons button,
.vyr-map-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.55rem;
	padding: 0.55rem 0.82rem;
	border: 1px solid var(--vyr-line);
	border-radius: 999px;
	background: var(--vyr-white);
	color: var(--vyr-forest-deep);
	font: inherit;
	font-size: 0.82rem;
	font-weight: 760;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.vyr-filter-buttons button:hover,
.vyr-map-links a:hover {
	border-color: var(--vyr-lake);
	background: var(--vyr-lake-soft);
	color: var(--vyr-forest-deep);
}

.vyr-filter-buttons button[aria-pressed="true"] {
	border-color: var(--vyr-forest-deep);
	background: var(--vyr-forest-deep);
	color: var(--vyr-white);
}

.vyr-filter-status {
	min-height: 1.5em;
	margin: 0;
	color: var(--vyr-muted);
	font-size: 0.82rem;
}

.vyr-map-links {
	margin: 1.1rem 0 0;
}

.vyr-category-placeholder {
	display: grid;
	place-items: end start;
	min-height: 8rem;
	margin: -0.4rem -0.4rem 1.25rem;
	padding: 1rem;
	overflow: hidden;
	border-radius: 1rem;
	background-color: var(--vyr-lake-soft);
	background-image:
		linear-gradient(135deg, rgba(255, 255, 255, 0.52), transparent 58%),
		radial-gradient(circle at 78% 22%, rgba(18, 59, 50, 0.13) 0 0.5rem, transparent 0.55rem),
		radial-gradient(circle at 78% 22%, transparent 0 1.75rem, rgba(18, 59, 50, 0.12) 1.8rem 1.9rem, transparent 1.95rem);
	color: var(--vyr-forest-deep);
}

.vyr-category-placeholder span {
	font-family: var(--vyr-serif);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.15;
}

.vyr-category-placeholder--food {
	background-color: #efe2c6;
}

.vyr-category-placeholder--stay {
	background-color: #dce7de;
}

.vyr-category-placeholder--essentials {
	background-color: #e8e5dc;
}

.vyr-category-placeholder--transport {
	background-color: #dce9eb;
}

.vyr-category-placeholder--culture {
	background-color: #e5dfeb;
}

.vyr-category-placeholder--produce {
	background-color: #e2ead2;
}

[data-vyr-card][hidden],
[data-vyr-card-section][hidden] {
	display: none !important;
}

/* Posts, archives and utility templates */
.vyr-article-shell,
.vyr-archive-shell,
.vyr-utility-shell {
	width: min(calc(100% - (2 * var(--vyr-gutter))), var(--vyr-wide));
	margin-inline: auto;
	padding-block: clamp(4rem, 8vw, 7rem);
}

.vyr-article-header,
.vyr-archive-header,
.vyr-utility-shell {
	max-width: 58rem;
}

.vyr-article-header .wp-block-post-title,
.vyr-archive-header .wp-block-query-title,
.vyr-utility-shell h1 {
	margin-bottom: 1rem;
	font-size: clamp(2.8rem, 7vw, 6.2rem);
}

.vyr-article-meta {
	color: var(--vyr-muted);
	font-size: 0.85rem;
}

.vyr-article-featured {
	margin-block: 2.5rem;
}

.vyr-article-featured img {
	width: 100%;
	max-height: 42rem;
	border-radius: var(--vyr-radius-large);
	object-fit: cover;
}

.vyr-article-body {
	max-width: var(--vyr-content);
	font-size: clamp(1.04rem, 1.6vw, 1.18rem);
}

.vyr-article-body > * + * {
	margin-block-start: 1.25em;
}

.vyr-post-grid .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
	padding: 0;
}

.vyr-post-card {
	height: 100%;
	padding: 1.6rem;
	border: 1px solid var(--vyr-line);
	border-radius: var(--vyr-radius);
	background: var(--vyr-white);
}

.vyr-post-card .wp-block-post-title {
	font-size: clamp(1.4rem, 2.2vw, 2rem);
}

.vyr-post-card .wp-block-post-title a {
	color: var(--vyr-forest-deep);
	text-decoration: none;
}

.vyr-post-card .wp-block-post-date {
	color: var(--vyr-muted);
	font-size: 0.78rem;
}

.vyr-post-card .wp-block-post-excerpt__more-link {
	font-weight: 760;
}

.vyr-pagination {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--vyr-line);
}

/* Core block refinements */
.wp-block-separator {
	border-color: var(--vyr-line);
}

.wp-block-quote {
	margin-inline: 0;
	padding-left: 1.5rem;
	border-left: 4px solid var(--vyr-lake);
	font-family: var(--vyr-serif);
	font-size: 1.25rem;
}

.wp-block-button__link {
	border-radius: 999px;
}

@media (max-width: 960px) {
	.vyr-grid--3,
	.vyr-directory-grid,
	.vyr-post-grid .wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vyr-footer-inner {
		grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(9rem, 0.75fr));
		gap: 2rem;
	}
}

@media (max-width: 782px) {
	.admin-bar .vyr-site-header {
		top: 46px;
	}

	/*
	 * A backdrop filter creates a containing block for fixed descendants in
	 * mobile browsers. Disable it here so WordPress's fixed navigation dialog
	 * can cover the viewport instead of being clipped to the sticky header.
	 */
	.vyr-site-header {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.vyr-header-inner {
		min-height: 4.35rem;
	}

	.vyr-header-inner .wp-block-navigation__responsive-container.is-menu-open {
		position: fixed;
		inset: 0;
		z-index: 100000;
		width: auto;
		height: 100vh;
		height: 100dvh;
		max-height: none;
		padding: 1.25rem;
		overflow-y: auto;
		background: var(--vyr-paper);
		color: var(--vyr-ink);
	}

	.vyr-header-inner .wp-block-navigation__responsive-close,
	.vyr-header-inner .wp-block-navigation__responsive-dialog {
		width: 100%;
		min-height: 100%;
	}

	.vyr-header-inner .wp-block-navigation__responsive-container-content {
		align-items: stretch;
		width: 100%;
		padding-top: 3rem;
	}

	.vyr-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		width: 100%;
		gap: 0.4rem;
	}

	.vyr-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	.vyr-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		width: 100%;
	}

	.vyr-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		padding: 0.7rem 0;
	}

	.vyr-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
		padding: 0 0 0 1rem;
		border: 0;
		box-shadow: none;
	}

	.vyr-split {
		grid-template-columns: 1fr;
	}

	.vyr-footer-inner {
		grid-template-columns: 1fr 1fr;
	}

	.vyr-footer-brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	:root {
		--vyr-gutter: 1rem;
	}

	h1 {
		font-size: clamp(2.65rem, 15vw, 4.2rem);
	}

	h2 {
		font-size: clamp(1.9rem, 10vw, 3rem);
	}

	.vyr-language-switch {
		justify-content: flex-start;
	}

	.vyr-hero::after {
		background: linear-gradient(0deg, rgba(9, 36, 30, 0.88) 0%, rgba(9, 36, 30, 0.48) 80%, rgba(9, 36, 30, 0.34) 100%);
	}

	.vyr-hero .wp-block-cover__inner-container {
		align-items: flex-end;
	}

	.vyr-hero-copy h1,
	.vyr-page-hero h1 {
		font-size: clamp(3rem, 17vw, 4.9rem);
	}

	.vyr-hero-credit {
		font-size: 0.67rem;
	}

	.vyr-grid--2,
	.vyr-grid--3,
	.vyr-directory-grid,
	.vyr-post-grid .wp-block-post-template,
	.vyr-footer-inner {
		grid-template-columns: 1fr;
	}

	.vyr-footer-brand {
		grid-column: auto;
	}

	.vyr-section {
		padding-block: 3.5rem;
	}

	.vyr-card,
	.vyr-directory-card,
	.vyr-callout,
	.vyr-empty-state,
	.vyr-source-box {
		padding: 1.25rem;
		border-radius: 1rem;
	}

	.vyr-actions,
	.vyr-actions .vyr-button {
		width: 100%;
	}

	.vyr-directory-jump {
		display: grid;
		grid-template-columns: 1fr;
	}

	.vyr-directory-jump a {
		width: 100%;
	}

	.vyr-filter-buttons {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.vyr-filter-buttons button {
		width: 100%;
	}
}

@media (max-width: 360px) {
	.vyr-header-inner .wp-block-site-title {
		font-size: 1.18rem;
	}

	.vyr-hero-copy h1,
	.vyr-page-hero h1 {
		font-size: 2.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

@media print {
	.vyr-site-header,
	.vyr-site-footer,
	.vyr-language-switch,
	.vyr-actions,
	.vyr-directory-jump,
	.vyr-directory-tools {
		display: none !important;
	}

	body {
		background: #fff;
		color: #000;
	}

	.vyr-section,
	.vyr-section--lake,
	.vyr-section--ink {
		width: 100%;
		padding: 1.5rem 0;
		background: #fff !important;
		color: #000 !important;
	}

	a {
		color: #000;
	}
}