/*
Theme Name: AccessGuide
Theme URI: https://accessguide.example.com
Author: AccessGuide Team
Author URI: https://accessguide.example.com
Description: A modern, minimalist accessibility-first block theme for disability-focused content. WCAG AA/AAA compliant with a blue palette and serif headings.
Version: 1.2.5
Requires at least: 6.3
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accessguide
Tags: accessibility-ready, full-site-editing, block-patterns, one-column, custom-colors, custom-logo, custom-menu, featured-images, wide-blocks
*/

/* =============================================================================
   1. SKIP LINK
   ============================================================================= */

.skip-link {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	clip: auto !important;
	clip-path: none;
	background-color: #1a56db;
	border-radius: 0 0 4px 4px;
	color: #ffffff;
	display: block;
	font-size: 1rem;
	font-weight: 600;
	height: auto;
	left: 1rem;
	line-height: normal;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
	top: 0;
	width: auto;
	z-index: 100000;
}

/* =============================================================================
   2. SCREEN READER TEXT UTILITY
   ============================================================================= */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f8fafc;
	border-radius: 3px;
	clip: auto !important;
	clip-path: none;
	color: #1e3a5f;
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	height: auto;
	left: 0.5rem;
	line-height: normal;
	padding: 0.875rem 1.5rem;
	text-decoration: none;
	top: 0.5rem;
	width: auto;
	z-index: 100000;
}

/* =============================================================================
   3. FOCUS STYLES (WCAG 2.4.11 focus-visible)
   ============================================================================= */

*:focus-visible {
	outline: 3px solid #1a56db;
	outline-offset: 2px;
	border-radius: 2px;
}

/* Remove default outline only when :focus-visible is supported */
*:focus:not(:focus-visible) {
	outline: none;
}

/* Ensure interactive elements always show focus in high-contrast mode */
@media (forced-colors: active) {
	*:focus-visible {
		outline: 3px solid ButtonText;
		outline-offset: 2px;
	}
}

/* =============================================================================
   4. BASE TYPOGRAPHY & BODY
   ============================================================================= */

body {
	font-family: var(--wp--preset--font-family--inter, 'Inter', system-ui, -apple-system, sans-serif);
	font-size: var(--wp--preset--font-size--medium, 1.125rem);
	line-height: 1.6;
	color: var(--wp--preset--color--dark-text, #1e293b);
	background-color: var(--wp--preset--color--off-white, #f8fafc);
	background-image:
		radial-gradient(circle at 5% 0%, rgba(37, 99, 235, 0.08), transparent 35%),
		radial-gradient(circle at 95% 12%, rgba(59, 130, 246, 0.07), transparent 40%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	scroll-padding-top: 9rem;
}

/* =============================================================================
   5. LINKS
   ============================================================================= */

a {
	color: var(--wp--preset--color--primary-blue, #1a56db);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

a:hover,
a:focus-visible {
	color: var(--wp--preset--color--dark-blue, #1e3a5f);
	text-decoration-thickness: 2px;
}

/* =============================================================================
   6. SITE HEADER
   ============================================================================= */

.site-header {
	border-bottom: 1px solid var(--wp--preset--color--light-blue, #dbeafe);
	background-color: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(8px);
	position: sticky;
	top: 0;
	z-index: 1000;
}

.site-header::after {
	content: '';
	display: block;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, 0.35) 45%, transparent 100%);
}

.site-header .wp-block-site-title a {
	color: var(--wp--preset--color--dark-blue, #1e3a5f);
	text-decoration: none;
	font-weight: 700;
}

.site-header .wp-block-site-title a:hover {
	color: var(--wp--preset--color--primary-blue, #1a56db);
}

/* =============================================================================
   7. NAVIGATION
   ============================================================================= */

.wp-block-navigation a {
	color: var(--wp--preset--color--dark-text, #1e293b);
	text-decoration: none;
	font-weight: 500;
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	border-radius: 4px;
	position: relative;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wp-block-navigation a:hover,
.wp-block-navigation a:focus-visible {
	background-color: var(--wp--preset--color--light-blue, #dbeafe);
	color: var(--wp--preset--color--dark-blue, #1e3a5f);
}

.wp-block-navigation .wp-block-navigation-item.current-menu-item > a {
	color: var(--wp--preset--color--primary-blue, #1a56db);
	font-weight: 700;
}

.wp-block-navigation .wp-block-navigation-item > a::after {
	content: '';
	position: absolute;
	left: 0.75rem;
	right: 0.75rem;
	bottom: 0.15rem;
	height: 2px;
	border-radius: 999px;
	background-color: var(--wp--preset--color--primary-blue, #1a56db);
	opacity: 0;
	transform: scaleX(0.35);
	transform-origin: center;
	transition: transform 0.18s ease, opacity 0.18s ease;
}

.wp-block-navigation .wp-block-navigation-item.current-menu-item > a::after,
.wp-block-navigation .wp-block-navigation-item > a:hover::after,
.wp-block-navigation .wp-block-navigation-item > a:focus-visible::after {
	opacity: 1;
	transform: scaleX(1);
}

.nav-cta a {
	background: linear-gradient(135deg, #1a56db 0%, #2563eb 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 8px 20px rgba(30, 58, 95, 0.22);
}

.nav-cta a::after {
	display: none;
}

.nav-cta a:hover,
.nav-cta a:focus-visible {
	background: linear-gradient(135deg, #1e3a5f 0%, #1a56db 100%) !important;
}

.site-header__notice {
	background: #0f2444;
	color: #dbeafe;
	padding: 0.45rem 1.5rem;
}

.site-header__notice p {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	margin: 0;
	text-transform: uppercase;
}

.site-header__main {
	border-bottom: 1px solid var(--wp--preset--color--light-blue, #dbeafe);
}

.site-brand {
	flex-shrink: 0;
}

.site-brand .wp-block-site-title {
	font-size: clamp(1.25rem, 2vw, 1.6rem);
	line-height: 1.1;
	margin: 0;
}

.site-brand__tagline {
	color: var(--wp--preset--color--muted-text, #64748b);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	margin: 0;
}

.primary-navigation .wp-block-navigation__container {
	gap: 0.2rem;
}

.primary-navigation .nav-cta {
	margin-left: 0.5rem;
}

.primary-navigation .nav-cta a {
	border-radius: 999px;
	padding: 0.65rem 1.1rem;
}

/* Dropdown menus */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: #ffffff;
	border: 1px solid var(--wp--preset--color--light-blue, #dbeafe);
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(30, 58, 95, 0.12);
	padding: 0.5rem;
	min-width: 220px;
}

.wp-block-navigation .wp-block-navigation__submenu-container a {
	border-radius: 6px;
	display: block;
	padding: 0.625rem 0.875rem;
}

/* =============================================================================
   8. BUTTONS
   ============================================================================= */

.wp-element-button,
.wp-block-button__link {
	border-radius: 6px;
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: 0.01em;
	padding: 0.75rem 1.5rem;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	cursor: pointer;
	line-height: 1.25;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--dark-blue, #1e3a5f) !important;
	box-shadow: 0 2px 8px rgba(30, 58, 95, 0.3);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--light-blue, #dbeafe) !important;
}

/* =============================================================================
   9. CONTACT FORM STYLES
   ============================================================================= */

.contact-form-card .wpforms-container {
	margin: 0;
}

.contact-form-card .wpforms-container .wpforms-field {
	padding: 0 0 1.25rem;
}

.contact-form-card .wpforms-container .wpforms-field-label {
	color: #17233b;
	font-size: 0.9375rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.contact-form-card .wpforms-container input[type="text"],
.contact-form-card .wpforms-container input[type="email"],
.contact-form-card .wpforms-container input[type="tel"],
.contact-form-card .wpforms-container select,
.contact-form-card .wpforms-container textarea {
	background: #f8fafc;
	border: 1px solid #cbd6e4;
	border-radius: 10px;
	box-shadow: none;
	color: #17233b;
	font-family: inherit;
	font-size: 1rem;
	min-height: 48px;
	padding: 0.75rem 0.875rem;
	width: 100%;
}

.contact-form-card .wpforms-container textarea {
	min-height: 170px;
	resize: vertical;
}

.contact-form-card .wpforms-container input:focus,
.contact-form-card .wpforms-container select:focus,
.contact-form-card .wpforms-container textarea:focus {
	background: #ffffff;
	border-color: #2458b8;
	box-shadow: 0 0 0 3px rgba(36, 88, 184, 0.14);
	outline: none;
}

.contact-form-card .wpforms-container .wpforms-submit-container {
	padding-top: 0.25rem;
}

.contact-form-card .wpforms-container button[type="submit"] {
	background: #2458b8;
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	color: #ffffff;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	min-height: 50px;
	padding: 0.75rem 1.5rem;
	transition: background-color 160ms ease, transform 160ms ease;
}

.contact-form-card .wpforms-container button[type="submit"]:hover {
	background: #173f8a;
	transform: translateY(-1px);
}

.contact-form-card .wpforms-container button[type="submit"]:focus-visible {
	outline: 3px solid #86a8e8;
	outline-offset: 3px;
}

.accessguide-contact-form {
	max-width: 680px;
	margin: 0 auto;
}

.accessguide-contact-form__form .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
}

@media (max-width: 600px) {
	.accessguide-contact-form__form .form-row {
		grid-template-columns: 1fr;
	}
}

.accessguide-contact-form__form .form-group {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	margin-bottom: 1.5rem;
}

.accessguide-contact-form__form label {
	font-weight: 600;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--dark-blue, #1e3a5f);
	line-height: 1.4;
}

.accessguide-contact-form__form .required-indicator {
	color: #dc2626;
	margin-left: 2px;
}

.accessguide-contact-form__form input[type="text"],
.accessguide-contact-form__form input[type="email"],
.accessguide-contact-form__form textarea {
	background-color: #ffffff;
	border: 2px solid #cbd5e1;
	border-radius: 6px;
	color: var(--wp--preset--color--dark-text, #1e293b);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	padding: 0.75rem 1rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	width: 100%;
	box-sizing: border-box;
}

.accessguide-contact-form__form input[type="text"]:focus,
.accessguide-contact-form__form input[type="email"]:focus,
.accessguide-contact-form__form textarea:focus {
	border-color: var(--wp--preset--color--primary-blue, #1a56db);
	box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.2);
	outline: none;
}

.accessguide-contact-form__form input[aria-invalid="true"],
.accessguide-contact-form__form textarea[aria-invalid="true"] {
	border-color: #dc2626;
	box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}

.accessguide-contact-form__form textarea {
	resize: vertical;
	min-height: 160px;
}

.form-submit-btn {
	background-color: var(--wp--preset--color--primary-blue, #1a56db);
	border: none;
	border-radius: 6px;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: inherit;
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	padding: 0.875rem 2rem;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.form-submit-btn:hover:not(:disabled) {
	background-color: var(--wp--preset--color--dark-blue, #1e3a5f);
	box-shadow: 0 2px 8px rgba(30, 58, 95, 0.3);
}

.form-submit-btn:focus-visible {
	outline: 3px solid #1a56db;
	outline-offset: 3px;
}

.btn-spinner {
	display: none;
	align-items: center;
	gap: 0.5rem;
}

.btn-spinner svg {
	animation: spin 0.8s linear infinite;
}

#contact-submit-btn[aria-busy="true"] .btn-text {
	display: none;
}

#contact-submit-btn[aria-busy="true"] .btn-spinner {
	display: inline-flex;
}

#contact-submit-btn:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

.form-field-error:empty {
	display: none !important;
}

.form-notice {
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	padding: 1rem 1.25rem;
}

.form-notice--success {
	background-color: #dcfce7;
	border: 1px solid #16a34a;
	color: #14532d;
}

.form-notice--error {
	background-color: #fef2f2;
	border: 1px solid #dc2626;
	color: #7f1d1d;
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* =============================================================================
   10. RESOURCE CARD
   ============================================================================= */

.resource-card {
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	overflow: hidden;
}

.resource-card:hover {
	box-shadow: 0 8px 32px rgba(30, 58, 95, 0.15) !important;
	transform: translateY(-4px);
}

.resource-card:focus-within {
	outline: 3px solid #1a56db;
	outline-offset: 2px;
}

/* =============================================================================
   11. MAIN CONTENT AREA
   ============================================================================= */

.wp-site-blocks {
	padding-top: 0;
}

main {
	min-height: 60vh;
}

/* =============================================================================
   12. FOOTER
   ============================================================================= */

.site-footer {
	border-top: 1px solid var(--wp--preset--color--light-blue, #dbeafe);
}

.site-footer__inner {
	background: #17233a;
	color: #ffffff;
	padding: clamp(3.5rem, 7vw, 6rem) clamp(1rem, 4vw, 3rem) 2rem;
}

.site-footer__grid {
	gap: clamp(2rem, 5vw, 5rem);
}

.site-footer__title {
	color: #ffffff;
	font-size: clamp(1.6rem, 3vw, 2.3rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	margin: 0 0 1rem;
}

.site-footer__title a {
	color: #ffffff !important;
	text-decoration: none;
}

.site-footer__description {
	color: #bdc8d9;
	font-size: 0.98rem;
	line-height: 1.7;
	max-width: 420px;
}

.site-footer__contact {
	margin-top: 1.5rem;
}

.site-footer__contact a {
	color: #ffffff !important;
	font-weight: 800;
	text-decoration-color: #789ee7;
	text-underline-offset: 4px;
}

.site-footer__heading {
	color: #8fa8d8;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	margin: 0 0 1.25rem;
	text-transform: uppercase;
}

.site-footer__links {
	gap: 0.7rem;
}

.site-footer__links p {
	margin: 0;
}

.site-footer__links a {
	color: #e0e7f1 !important;
	font-size: 0.94rem;
	font-weight: 650;
	text-decoration: none;
}

.site-footer__links a:hover,
.site-footer__links a:focus-visible {
	color: #ffffff !important;
	text-decoration: underline;
	text-decoration-color: #789ee7;
	text-underline-offset: 4px;
}

.site-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	color: #8f9db2;
	font-size: 0.78rem;
	gap: 0.75rem 2rem;
	margin-top: clamp(2.5rem, 5vw, 4rem);
	padding-top: 1.5rem;
}

.site-footer__bottom p {
	margin: 0;
}

@media (max-width: 781px) {
	.site-footer__grid {
		gap: 2.5rem;
	}

	.site-footer__brand,
	.site-footer__column {
		flex-basis: 100% !important;
	}
}

/* =============================================================================
   13. HOME PAGE ENHANCEMENTS
   ============================================================================= */

.home-hero {
	position: relative;
	isolation: isolate;
}

.home-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 18% 25%, rgba(59, 130, 246, 0.32), transparent 40%),
		radial-gradient(circle at 84% 72%, rgba(37, 99, 235, 0.28), transparent 42%),
		repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.04) 0 2px, transparent 2px 18px);
	pointer-events: none;
	z-index: 0;
}

.home-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
}

.home-latest {
	position: relative;
}

.home-latest::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(219, 234, 254, 0.32) 100%);
	pointer-events: none;
}

.home-latest > * {
	position: relative;
	z-index: 1;
}

.home-topics {
	background-image:
		linear-gradient(180deg, rgba(219, 234, 254, 0.75) 0%, rgba(255, 255, 255, 0.95) 100%);
}

.topic-card {
	position: relative;
	min-height: 100%;
	transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.topic-card::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(165deg, rgba(59, 130, 246, 0.08) 0%, rgba(255, 255, 255, 0) 55%);
	opacity: 0;
	transition: opacity 0.24s ease;
}

.topic-card > * {
	position: relative;
	z-index: 1;
}

.topic-card:hover,
.topic-card:focus-within {
	transform: translateY(-5px);
	box-shadow: 0 14px 30px rgba(30, 58, 95, 0.14);
	border-color: var(--wp--preset--color--accent-blue, #3b82f6) !important;
}

.topic-card:hover::before,
.topic-card:focus-within::before {
	opacity: 1;
}

.topic-card a {
	text-decoration-thickness: 1px;
}

.topic-card a:hover,
.topic-card a:focus-visible {
	text-decoration-thickness: 2px;
}

.site-footer a {
	color: rgba(219, 234, 254, 0.87) !important;
}

.site-footer a:hover,
.site-footer a:focus-visible {
	color: #ffffff !important;
}

/* =============================================================================
   14. HIGH CONTRAST MODE SUPPORT
   ============================================================================= */

@media (forced-colors: active) {
	.wp-block-button__link {
		border: 2px solid ButtonText;
	}
	.resource-card {
		border: 2px solid ButtonText;
	}
	.form-submit-btn {
		border: 2px solid ButtonText;
	}
}

/* =============================================================================
   15. REDUCED MOTION
   ============================================================================= */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	.resource-card:hover {
		transform: none;
	}
	.topic-card:hover,
	.topic-card:focus-within {
		transform: none;
	}
}

/* =============================================================================
   16. MOBILE NAV TUNING
   ============================================================================= */

@media (max-width: 782px) {
	.site-header .taste-header__inner {
		flex-wrap: nowrap !important;
	}

	.site-header .wp-block-navigation {
		flex: 0 0 auto;
		justify-content: flex-end;
		width: auto;
	}

	.site-header .wp-block-navigation__responsive-container-open {
		align-items: center;
		background: #eef3f9;
		border: 1px solid #d2ddea;
		border-radius: 10px;
		color: #17233a;
		display: flex;
		height: 44px;
		justify-content: center;
		padding: 0;
		width: 44px;
	}

	.site-header .wp-block-navigation__responsive-container-open:hover,
	.site-header .wp-block-navigation__responsive-container-open:focus-visible {
		background: #e0e9f5;
		color: #2458b8;
	}

	.site-header .wp-block-navigation__responsive-container-open svg,
	.site-header .wp-block-navigation__responsive-container-close svg {
		height: 24px;
		width: 24px;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		background: #ffffff;
		color: #17233a;
		height: 100dvh;
		inset: 0;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 1.25rem;
		position: fixed;
		width: 100%;
		z-index: 10000;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 720px;
		overflow: visible;
		width: 100%;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		align-items: center;
		background: #eef3f9;
		border: 1px solid #d2ddea;
		border-radius: 10px;
		color: #17233a;
		display: flex;
		height: 44px;
		justify-content: center;
		padding: 0;
		width: 44px;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		align-items: stretch !important;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		justify-content: flex-start !important;
		overflow: visible;
		padding-top: 5rem;
		width: 100%;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		align-items: stretch !important;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		justify-content: flex-start !important;
		overflow: visible;
		width: 100%;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		display: block;
		flex: 0 0 auto;
		border-bottom: 1px solid #dbe3ed;
		margin: 0;
		white-space: normal;
		width: 100%;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a {
		color: #17233a;
		display: block;
		font-size: clamp(1.4rem, 7vw, 2rem);
		font-weight: 750;
		padding: 1rem 0;
		width: 100%;
	}

	.wp-block-navigation__responsive-container.is-menu-open .nav-cta {
		border-bottom: 0;
		margin: 1.25rem 0 0;
	}

	.wp-block-navigation__responsive-container.is-menu-open .nav-cta a {
		background: #2458b8 !important;
		border-radius: 999px;
		color: #ffffff;
		display: block;
		font-size: 1rem;
		padding: 0.9rem 1.25rem;
		text-align: center;
	}
}

/* =============================================================================
   17. LANDING PAGE REDESIGN
   ============================================================================= */

.home-landing {
	--landing-deep: #0f2444;
	--landing-mid: #1a56db;
	--landing-glow: #7cc8ff;
	--landing-ink: #11253f;
}

.landing-hero {
	position: relative;
	overflow: clip;
	background:
		radial-gradient(circle at 10% 12%, rgba(124, 200, 255, 0.35), transparent 30%),
		radial-gradient(circle at 85% 30%, rgba(59, 130, 246, 0.35), transparent 34%),
		linear-gradient(145deg, #0d1f3e 0%, #1a56db 58%, #3387e6 100%);
	isolation: isolate;
}

.landing-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(120deg, rgba(255, 255, 255, 0.08) 5%, transparent 40%),
		repeating-linear-gradient(125deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 22px);
	opacity: 0.45;
	pointer-events: none;
}

.landing-hero::after {
	content: '';
	position: absolute;
	inset: auto 0 0;
	height: 180px;
	background: linear-gradient(180deg, rgba(13, 31, 62, 0) 0%, rgba(13, 31, 62, 0.45) 100%);
	pointer-events: none;
}

.landing-hero > * {
	position: relative;
	z-index: 1;
}

.landing-graphic-shell {
	position: relative;
	min-height: 380px;
	border-radius: 28px;
	background:
		radial-gradient(circle at 20% 20%, rgba(124, 200, 255, 0.45), transparent 36%),
		linear-gradient(165deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.09) 100%);
	border: 1px solid rgba(255, 255, 255, 0.35);
	backdrop-filter: blur(2px);
	box-shadow:
		0 24px 42px rgba(10, 21, 43, 0.36),
		inset 0 1px 1px rgba(255, 255, 255, 0.34);
}

.landing-graphic-shell::before,
.landing-graphic-shell::after {
	content: '';
	position: absolute;
	border-radius: 999px;
	border: 1px dashed rgba(219, 234, 254, 0.52);
	pointer-events: none;
}

.landing-graphic-shell::before {
	inset: 1.35rem;
}

.landing-graphic-shell::after {
	inset: 3.1rem;
}

.landing-floating-card {
	position: absolute;
	width: min(72%, 280px);
	padding: 1rem 1rem 0.85rem;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.93);
	border: 1px solid rgba(124, 200, 255, 0.35);
	box-shadow: 0 12px 26px rgba(22, 43, 77, 0.18);
}

.landing-floating-card p,
.landing-floating-card h3 {
	margin: 0;
}

.landing-floating-card--a {
	left: 1.1rem;
	top: 1.5rem;
	animation: landingFloat 6s ease-in-out infinite;
}

.landing-floating-card--b {
	right: 1rem;
	bottom: 1.3rem;
	animation: landingFloat 7.2s ease-in-out infinite reverse;
}

.landing-center-badge {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	border-radius: 999px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: linear-gradient(160deg, rgba(26, 86, 219, 0.94), rgba(18, 49, 94, 0.98));
	border: 3px solid rgba(219, 234, 254, 0.75);
	box-shadow: 0 10px 28px rgba(15, 36, 68, 0.45);
}

.landing-center-badge p {
	margin: 0;
}

.landing-stat-strip {
	padding: 1rem 1.1rem;
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(8, 21, 46, 0.65), rgba(16, 35, 68, 0.35));
	border: 1px solid rgba(219, 234, 254, 0.26);
	backdrop-filter: blur(4px);
	gap: 1rem;
}

.landing-stat-item {
	min-width: 140px;
	padding: 0.8rem 1rem;
	border-radius: 12px;
	background: rgba(9, 24, 47, 0.28);
	border: 1px solid rgba(219, 234, 254, 0.2);
}

.landing-stat-item p {
	margin: 0;
}

.landing-feature-grid {
	position: relative;
	background:
		radial-gradient(circle at 8% 14%, rgba(59, 130, 246, 0.1), transparent 28%),
		radial-gradient(circle at 88% 78%, rgba(30, 58, 95, 0.08), transparent 30%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(219, 234, 254, 0.65) 100%);
}

.landing-feature-card {
	height: 100%;
	padding: 1.8rem 1.5rem;
	border-radius: 18px;
	border: 1px solid rgba(49, 105, 201, 0.28);
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.94), rgba(239, 247, 255, 0.95));
	box-shadow: 0 10px 30px rgba(30, 58, 95, 0.11);
	transition: transform 0.26s ease, box-shadow 0.26s ease, border-color 0.26s ease;
}

.landing-feature-card:hover,
.landing-feature-card:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 18px 36px rgba(22, 44, 80, 0.17);
	border-color: rgba(26, 86, 219, 0.46);
}

.landing-feature-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--playfair);
	background: rgba(59, 130, 246, 0.14);
}

.landing-feature-icon + h3 {
	margin-top: 0.8rem;
}

.landing-latest {
	position: relative;
	isolation: isolate;
}

.landing-latest::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 15% 12%, rgba(59, 130, 246, 0.14), transparent 28%),
		linear-gradient(180deg, rgba(236, 246, 255, 0.68) 0%, rgba(255, 255, 255, 0.98) 100%);
	pointer-events: none;
	z-index: 0;
}

.landing-latest > * {
	position: relative;
	z-index: 1;
}

.landing-resource-card {
	height: 100%;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid rgba(59, 130, 246, 0.22);
	background-color: #ffffff;
	box-shadow: 0 10px 32px rgba(18, 41, 75, 0.1);
	transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.landing-resource-card:hover,
.landing-resource-card:focus-within {
	transform: translateY(-5px);
	box-shadow: 0 18px 34px rgba(18, 41, 75, 0.16);
}

.landing-cta-band {
	background:
		radial-gradient(circle at 20% 24%, rgba(124, 200, 255, 0.28), transparent 36%),
		linear-gradient(140deg, #11294c 0%, #1a56db 58%, #3b82f6 100%);
	position: relative;
	overflow: clip;
}

.landing-cta-band::before {
	content: '';
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(125deg, rgba(255, 255, 255, 0.07) 0 2px, transparent 2px 26px);
	opacity: 0.3;
	pointer-events: none;
}

.landing-cta-band > * {
	position: relative;
	z-index: 1;
}

/* =============================================================================
   21. GUIDES LANDING PAGE
   ============================================================================= */

.guide-landing {
	--guide-navy: #0f2444;
	--guide-blue: #1a56db;
	--guide-sky: #8ad5ff;
	--guide-cream: #f6f3ea;
	background: #ffffff;
}

.guide-landing__hero,
.guide-landing__paths,
.guide-landing__latest,
.guide-landing__cta {
	padding: clamp(4.5rem, 9vw, 8rem) var(--wp--preset--spacing--50);
}

.guide-landing__hero {
	background:
		radial-gradient(circle at 86% 18%, rgba(138, 213, 255, 0.26), transparent 24rem),
		linear-gradient(135deg, #0b1e3a 0%, #123968 58%, #1a56db 100%);
	color: #ffffff;
	overflow: hidden;
	position: relative;
}

.guide-landing__hero::after {
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	content: '';
	height: 34rem;
	position: absolute;
	right: -12rem;
	top: -18rem;
	width: 34rem;
}

.guide-landing__hero-columns {
	position: relative;
	z-index: 1;
}

.guide-landing__eyebrow {
	color: var(--guide-blue);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.guide-landing__hero .guide-landing__eyebrow,
.guide-landing__cta .guide-landing__eyebrow {
	color: var(--guide-sky);
}

.guide-landing__title {
	color: #ffffff;
	font-size: clamp(2.6rem, 5.5vw, 5.2rem);
	letter-spacing: -0.045em;
	line-height: 1.02;
	margin: 0 0 1.5rem;
	max-width: 900px;
}

.guide-landing__intro {
	color: #dbeafe;
	font-size: clamp(1.1rem, 2vw, 1.35rem);
	line-height: 1.7;
	max-width: 760px;
}

.guide-landing__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 2rem;
}

.guide-landing__actions .wp-block-button__link {
	border-radius: 999px;
	display: inline-flex;
	font-weight: 700;
	padding: 0.9rem 1.5rem;
	text-decoration: none;
}

.guide-landing__primary .wp-block-button__link {
	background: #ffffff;
	color: var(--guide-navy);
}

.guide-landing__secondary .wp-block-button__link {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.65);
	color: #ffffff;
}

.guide-landing__secondary .wp-block-button__link:hover,
.guide-landing__secondary .wp-block-button__link:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	border-color: #ffffff;
	color: #ffffff;
}

.guide-landing__manifesto {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 1.5rem;
	box-shadow: 0 2rem 5rem rgba(2, 12, 27, 0.28);
	padding: clamp(1.75rem, 4vw, 3rem);
	transform: rotate(2deg);
}

.guide-landing__manifesto-number {
	color: var(--guide-sky);
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
}

.guide-landing__manifesto h2 {
	color: #ffffff;
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	margin-top: 1rem;
}

.guide-landing__manifesto p:last-child {
	color: #dbeafe;
	line-height: 1.7;
}

.guide-landing__paths {
	background: var(--guide-cream);
}

.guide-landing__section-heading {
	margin: 0 0 3rem;
	max-width: 760px;
}

.guide-landing__section-heading h2 {
	font-size: clamp(2rem, 4vw, 3.6rem);
	letter-spacing: -0.035em;
	margin: 0 0 1rem;
}

.guide-landing__section-heading > p:last-child {
	color: var(--wp--preset--color--muted-text);
	font-size: 1.1rem;
}

.guide-landing__path-grid {
	gap: 1.25rem;
}

.guide-path-card {
	background: #ffffff;
	border: 1px solid rgba(30, 58, 95, 0.1);
	border-radius: 1rem;
	box-shadow: 0 1rem 2.5rem rgba(15, 36, 68, 0.07);
	height: 100%;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.guide-path-card:hover,
.guide-path-card:focus-within {
	box-shadow: 0 1.4rem 3rem rgba(15, 36, 68, 0.13);
	transform: translateY(-5px);
}

.guide-path-card__number {
	color: var(--guide-blue);
	font-family: var(--wp--preset--font-family--playfair);
	font-size: 2rem;
	font-weight: 700;
}

.guide-path-card h3 {
	font-size: 1.45rem;
	line-height: 1.25;
	margin: 1.25rem 0 0.8rem;
}

.guide-path-card h3 a {
	color: var(--guide-navy);
	text-decoration: none;
}

.guide-path-card > p:not(.guide-path-card__number):not(.guide-path-card__link) {
	color: var(--wp--preset--color--muted-text);
}

.guide-path-card__link {
	font-size: 0.9rem;
	font-weight: 700;
	margin: 1.5rem 0 0;
}

.guide-landing__latest {
	background: #ffffff;
	scroll-margin-top: 9rem;
}

.guide-landing__post-grid {
	gap: 1.5rem;
}

.guide-landing__post-grid.columns-4,
.guide-landing__post-grid.is-layout-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.guide-article-card {
	background: #ffffff;
	border: 1px solid var(--wp--preset--color--light-blue);
	border-radius: 1rem;
	box-shadow: 0 0.6rem 2rem rgba(15, 36, 68, 0.07);
	height: 100%;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.guide-article-card:hover,
.guide-article-card:focus-within {
	box-shadow: 0 1.2rem 2.6rem rgba(15, 36, 68, 0.13);
	transform: translateY(-4px);
}

.guide-article-card .wp-block-post-featured-image {
	margin: 0;
}

.guide-article-card .wp-block-post-featured-image img {
	object-fit: cover;
}

.guide-article-card__body {
	padding: 1.5rem;
}

.guide-article-card .wp-block-post-date {
	color: var(--guide-blue);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.guide-article-card .wp-block-post-title {
	font-size: 1.4rem;
	line-height: 1.25;
	margin: 0.7rem 0 1rem;
}

.guide-article-card .wp-block-post-title a {
	color: var(--guide-navy);
	text-decoration: none;
}

.guide-article-card .wp-block-post-excerpt {
	color: var(--wp--preset--color--muted-text);
	font-size: 0.95rem;
	line-height: 1.65;
}

.guide-article-card .wp-block-post-excerpt__more-link {
	display: inline-block;
	font-weight: 700;
	margin-top: 1rem;
}

.guide-landing__pagination {
	margin-top: 3rem;
}

.guide-landing__cta {
	background:
		linear-gradient(rgba(15, 36, 68, 0.92), rgba(15, 36, 68, 0.96)),
		radial-gradient(circle at center, #1a56db, #0f2444);
	color: #ffffff;
	text-align: center;
}

.guide-landing__cta h2 {
	color: #ffffff;
	font-size: clamp(2rem, 4vw, 3.5rem);
	margin: 0 auto 1rem;
}

.guide-landing__cta p:not(.guide-landing__eyebrow) {
	color: #dbeafe;
	font-size: 1.1rem;
	line-height: 1.7;
}

.guide-landing__cta .wp-block-button__link {
	border-radius: 999px;
	font-weight: 700;
	margin-top: 1rem;
}

@keyframes landingFloat {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-8px);
	}
}

@media (max-width: 960px) {
	.site-header__main > .wp-block-group {
		column-gap: 1rem;
		flex-wrap: wrap !important;
	}

	.landing-graphic-shell {
		min-height: 340px;
	}

	.landing-floating-card {
		width: min(78%, 260px);
	}

	.guide-landing__post-grid.columns-4,
	.guide-landing__post-grid.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	html {
		scroll-padding-top: 7rem;
	}

	.guide-landing__latest {
		scroll-margin-top: 7rem;
	}

	.site-brand__tagline {
		display: none;
	}

	.primary-navigation .nav-cta {
		margin-left: 0;
	}

	.landing-hero {
		padding-top: var(--wp--preset--spacing--80) !important;
	}

	.landing-hero__content h1,
	.landing-hero__content p {
		text-align: center;
	}

	.landing-hero__content .wp-block-buttons {
		justify-content: center;
	}

	.landing-graphic-shell {
		max-width: 460px;
		margin-inline: auto;
		min-height: 300px;
	}

	.landing-center-badge {
		width: 132px;
		height: 132px;
	}

	.landing-stat-strip {
		justify-content: center !important;
	}

	.landing-stat-item {
		flex: 1 1 160px;
	}

	.guide-landing__hero,
	.guide-landing__paths,
	.guide-landing__latest,
	.guide-landing__cta {
		padding-bottom: 4.5rem;
		padding-top: 4.5rem;
	}

	.guide-landing__hero {
		text-align: center;
	}

	.guide-landing__intro {
		margin-inline: auto;
	}

	.guide-landing__actions {
		justify-content: center;
	}

	.guide-landing__manifesto {
		margin: 1.5rem auto 0;
		max-width: 500px;
		text-align: left;
		transform: none;
	}

	.guide-landing__path-grid,
	.guide-landing__post-grid {
		gap: 1rem;
	}
}

@media (max-width: 520px) {
	.site-header__notice {
		display: none;
	}

	.site-header__main {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.site-brand .wp-block-site-logo {
		display: none;
	}

	.landing-floating-card {
		padding: 0.8rem 0.8rem 0.7rem;
	}

	.landing-floating-card h3 {
		font-size: 1.03rem !important;
	}

	.landing-center-badge {
		width: 116px;
		height: 116px;
	}

	.guide-landing__hero,
	.guide-landing__paths,
	.guide-landing__latest,
	.guide-landing__cta {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.guide-landing__title {
		font-size: 2.35rem;
	}

	.guide-landing__actions .wp-block-button,
	.guide-landing__actions .wp-block-button__link {
		width: 100%;
	}

	.guide-landing__post-grid.columns-4,
	.guide-landing__post-grid.is-layout-grid {
		grid-template-columns: 1fr;
	}
}

/* =============================================================================
   23. CALM EDITORIAL HOMEPAGE
   ============================================================================= */

.calm-home {
	--calm-ink: #17233a;
	--calm-blue: #2458b8;
	--calm-blue-dark: #183f87;
	--calm-soft: #eef3f9;
	--calm-paper: #fbfcfe;
	--calm-line: #d9e1eb;
	background: var(--calm-paper);
	color: var(--calm-ink);
}

.calm-hero,
.calm-latest,
.calm-story,
.calm-cta {
	padding: clamp(4rem, 7vw, 6.5rem) clamp(1rem, 4vw, 3rem);
}

.calm-hero {
	background: #ffffff;
}

.calm-hero__columns {
	gap: clamp(2.5rem, 6vw, 6rem);
	margin: 0;
}

.calm-hero__media {
	position: relative;
}

.calm-hero__media::before {
	background: var(--calm-soft);
	content: "";
	inset: -1rem 1.5rem 1.5rem -1rem;
	position: absolute;
	z-index: 0;
}

.calm-hero__image {
	margin: 0;
	position: relative;
	z-index: 1;
}

.calm-hero__image img {
	aspect-ratio: 4 / 5;
	display: block;
	object-fit: cover;
	object-position: center 38%;
	width: 100%;
}

.calm-kicker {
	color: var(--calm-blue);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	margin: 0 0 1.25rem;
	text-transform: uppercase;
}

.calm-hero__title {
	color: var(--calm-ink);
	font-size: clamp(2.9rem, 4.7vw, 4.5rem);
	font-weight: 750;
	letter-spacing: -0.055em;
	line-height: 0.98;
	margin: 0;
	max-width: 720px;
}

.calm-hero__intro {
	color: #526078;
	font-size: clamp(1.08rem, 1.7vw, 1.3rem);
	line-height: 1.65;
	margin: 1.75rem 0 0;
	max-width: 620px;
}

.calm-actions {
	gap: 0.75rem;
	margin-top: 2rem;
}

.calm-button-primary .wp-block-button__link {
	background: var(--calm-blue) !important;
	color: #ffffff !important;
}

.calm-button-primary .wp-block-button__link:hover,
.calm-button-primary .wp-block-button__link:focus-visible {
	background: var(--calm-blue-dark) !important;
}

.calm-button-secondary .wp-block-button__link {
	background: transparent !important;
	border: 1.5px solid var(--calm-ink);
	color: var(--calm-ink) !important;
}

.calm-button-secondary .wp-block-button__link:hover,
.calm-button-secondary .wp-block-button__link:focus-visible {
	background: var(--calm-ink) !important;
	color: #ffffff !important;
}

.calm-topics {
	background: var(--calm-ink);
	color: #ffffff;
	padding: 1.4rem clamp(1rem, 4vw, 3rem);
}

.calm-topics__inner {
	gap: 1rem 2rem;
}

.calm-topics__label {
	color: #aebbd0;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.calm-topics__list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.8rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.calm-topics__list li {
	margin: 0;
}

.calm-topics__list a {
	color: #ffffff !important;
	font-size: 0.95rem;
	font-weight: 700;
	text-decoration-color: transparent;
}

.calm-topics__list a:hover,
.calm-topics__list a:focus-visible {
	color: #ffffff !important;
	text-decoration-color: #ffffff;
}

.calm-latest {
	background: var(--calm-soft);
	scroll-margin-top: 6rem;
}

.calm-section-heading {
	margin: 0 0 3rem;
	max-width: 700px;
}

.calm-section-heading h2,
.calm-story h2,
.calm-cta h2 {
	color: var(--calm-ink);
	font-size: clamp(2.2rem, 4vw, 3.8rem);
	font-weight: 750;
	letter-spacing: -0.045em;
	line-height: 1.05;
	margin: 0 0 1rem;
}

.calm-section-heading > p:last-child {
	color: #5d6a80;
	font-size: 1.08rem;
	line-height: 1.65;
	margin: 0;
}

.calm-post-grid {
	display: grid;
	gap: 2.5rem 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.calm-post {
	height: 100%;
}

.calm-post:first-child {
	grid-column: 1 / -1;
}

.calm-post:first-child {
	display: grid;
	gap: clamp(2rem, 5vw, 4rem);
	grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
}

.calm-post .wp-block-post-featured-image {
	margin: 0;
	overflow: hidden;
}

.calm-post .wp-block-post-featured-image img {
	aspect-ratio: 16 / 10;
	display: block;
	object-fit: cover;
	transition: transform 0.3s ease;
	width: 100%;
}

.calm-post:first-child .wp-block-post-featured-image img {
	aspect-ratio: 16 / 9;
}

.calm-post:hover .wp-block-post-featured-image img,
.calm-post:focus-within .wp-block-post-featured-image img {
	transform: scale(1.02);
}

.calm-post__body {
	border-top: 1px solid var(--calm-line);
	padding-top: 1.25rem;
}

.calm-post:first-child .calm-post__body {
	align-self: center;
	border-top: 2px solid var(--calm-blue);
	padding-top: 1.5rem;
}

.calm-post .wp-block-post-terms {
	color: var(--calm-blue);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.calm-post .wp-block-post-terms a {
	color: inherit;
	text-decoration: none;
}

.calm-post .wp-block-post-title {
	font-size: clamp(1.45rem, 2.3vw, 2.05rem);
	line-height: 1.16;
	margin: 0.75rem 0;
}

.calm-post:first-child .wp-block-post-title {
	font-size: clamp(2rem, 3.3vw, 3.25rem);
}

.calm-post .wp-block-post-title a {
	color: var(--calm-ink);
	text-decoration: none;
}

.calm-post .wp-block-post-title a:hover,
.calm-post .wp-block-post-title a:focus-visible {
	color: var(--calm-blue);
}

.calm-post .wp-block-post-excerpt {
	color: #5c687b;
	font-size: 0.98rem;
	line-height: 1.65;
}

.calm-post .wp-block-post-excerpt__more-link {
	color: var(--calm-blue);
	display: inline-block;
	font-weight: 800;
	margin-top: 0.75rem;
}

.calm-all-guides {
	margin-top: 3.5rem;
}

.calm-featured-guides {
	display: grid;
	gap: 2.5rem;
}

.calm-guide {
	height: 100%;
}

.calm-guide--featured {
	align-items: center;
	display: grid;
	gap: clamp(2rem, 5vw, 4rem);
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
}

.calm-guide-row {
	gap: 1.5rem;
}

.calm-guide__image {
	margin: 0;
	overflow: hidden;
}

.calm-guide__image img {
	aspect-ratio: 16 / 10;
	display: block;
	object-fit: cover;
	transition: transform 0.3s ease;
	width: 100%;
}

.calm-guide--featured .calm-guide__image img {
	aspect-ratio: 16 / 9;
}

.calm-guide:hover .calm-guide__image img,
.calm-guide:focus-within .calm-guide__image img {
	transform: scale(1.02);
}

.calm-guide__body {
	border-top: 1px solid var(--calm-line);
	padding-top: 1.25rem;
}

.calm-guide--featured .calm-guide__body {
	border-top: 2px solid var(--calm-blue);
	padding-top: 1.5rem;
}

.calm-guide__category {
	color: var(--calm-blue);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	margin: 0;
	text-transform: uppercase;
}

.calm-guide h3 {
	font-size: clamp(1.45rem, 2.3vw, 2.05rem);
	line-height: 1.16;
	margin: 0.75rem 0;
}

.calm-guide--featured h3 {
	font-size: clamp(2rem, 3.3vw, 3.25rem);
}

.calm-guide h3 a {
	color: var(--calm-ink);
	text-decoration: none;
}

.calm-guide h3 a:hover,
.calm-guide h3 a:focus-visible {
	color: var(--calm-blue);
}

.calm-guide__body > p:not(.calm-guide__category):not(.calm-guide__link) {
	color: #5c687b;
	font-size: 0.98rem;
	line-height: 1.65;
}

.calm-guide__link a {
	color: var(--calm-blue);
	font-weight: 800;
}

.calm-empty {
	background: #ffffff;
	border: 1px solid var(--calm-line);
	padding: 2rem;
}

.calm-story {
	background: #ffffff;
}

.calm-story__columns {
	gap: clamp(2.5rem, 7vw, 7rem);
}

.calm-story__copy > p:not(.calm-kicker):not(.calm-text-link) {
	color: #566278;
	font-size: 1.15rem;
	line-height: 1.75;
}

.calm-text-link {
	margin-top: 1.5rem;
}

.calm-text-link a {
	color: var(--calm-blue);
	font-weight: 800;
}

.calm-story__media figure {
	margin: 0;
}

.calm-story__media img {
	aspect-ratio: 1 / 1;
	display: block;
	object-fit: cover;
	width: 100%;
}

.calm-cta {
	background: var(--calm-blue);
	color: #ffffff;
	text-align: center;
}

.calm-cta h2 {
	color: #ffffff;
}

.calm-cta p {
	color: #e4ecfa;
	font-size: 1.12rem;
	line-height: 1.65;
	margin-inline: auto;
	max-width: 620px;
}

.calm-cta .wp-block-buttons {
	margin-top: 1.75rem;
}

.calm-cta__button .wp-block-button__link {
	background: #ffffff !important;
	color: var(--calm-blue-dark) !important;
}

.calm-cta__button .wp-block-button__link:hover,
.calm-cta__button .wp-block-button__link:focus-visible {
	background: var(--calm-ink) !important;
	color: #ffffff !important;
}

@media (max-width: 900px) {
	.calm-post:first-child {
		display: block;
	}

	.calm-post:first-child .calm-post__body {
		margin-top: 1.25rem;
	}

	.calm-guide--featured {
		display: block;
	}

	.calm-guide--featured .calm-guide__body {
		margin-top: 1.25rem;
	}
}

@media (max-width: 781px) {
	.calm-hero,
	.calm-latest,
	.calm-story,
	.calm-cta {
		padding-block: 4rem;
	}

	.calm-hero__columns {
		flex-direction: column-reverse;
	}

	.calm-hero__copy,
	.calm-hero__media {
		flex-basis: auto !important;
		width: 100%;
	}

	.calm-hero__media {
		margin-top: 1rem;
	}

	.calm-hero__image img {
		aspect-ratio: 4 / 3;
		max-height: 560px;
	}

	.calm-topics__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.calm-post-grid {
		grid-template-columns: 1fr;
	}

	.calm-post:first-child {
		grid-column: auto;
	}

	.calm-guide-row {
		gap: 2.5rem;
	}

	.calm-story__columns {
		gap: 2.5rem;
	}
}

@media (max-width: 520px) {
	.calm-hero__title {
		font-size: 2.65rem;
		letter-spacing: -0.045em;
	}

	.calm-actions,
	.calm-actions .wp-block-button,
	.calm-actions .wp-block-button__link {
		width: 100%;
	}

	.calm-actions .wp-block-button__link {
		justify-content: center;
	}

	.calm-topics__list {
		align-items: stretch;
		display: grid;
		gap: 0;
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}

	.calm-topics__list li {
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}

	.calm-topics__list a {
		display: block;
		padding: 0.8rem 0;
	}

	.calm-story__media img {
		aspect-ratio: 4 / 3;
	}
}

/* =============================================================================
   18. PRINT
   ============================================================================= */

@media print {
	.skip-link,
	.site-header,
	.wp-block-navigation,
	.site-footer {
		display: none;
	}
	body {
		font-size: 12pt;
		color: #000000;
		background: #ffffff;
	}
	a {
		color: #000000;
		text-decoration: underline;
	}
	a[href]::after {
		content: ' (' attr(href) ')';
		font-size: 0.8em;
	}
}

/* =============================================================================
   22. TASTE REDESIGN
   ============================================================================= */

:root {
	--taste-ink: #10213b;
	--taste-cobalt: #1457d9;
	--taste-cobalt-dark: #0d3f9e;
	--taste-sky: #dceaff;
	--taste-paper: #f5f7fa;
	--taste-line: #cbd6e5;
}

body {
	background: #ffffff;
	background-image: none;
	color: var(--taste-ink);
	font-family: Arial, "Helvetica Neue", sans-serif;
}

h1,
h2,
h3,
h4,
.wp-block-post-title,
.wp-block-site-title {
	font-family: Arial, "Helvetica Neue", sans-serif !important;
	letter-spacing: -0.035em;
}

.site-header {
	background: rgba(255, 255, 255, 0.97);
	border-bottom: 1px solid var(--taste-line);
}

.site-header::after {
	display: none;
}

.taste-header {
	border: 0;
	padding-inline: clamp(1rem, 4vw, 3rem);
}

.taste-header__inner {
	min-height: 74px;
}

.site-brand {
	gap: 0.75rem;
}

.site-brand .wp-block-site-title {
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.04em;
}

.wp-block-navigation a {
	border-radius: 0;
	font-size: 0.94rem;
	font-weight: 700;
	padding: 0.7rem 0.6rem;
}

.wp-block-navigation a:hover,
.wp-block-navigation a:focus-visible {
	background: transparent;
	color: var(--taste-cobalt);
}

.wp-block-navigation .wp-block-navigation-item > a::after {
	bottom: 0.35rem;
	left: 0.6rem;
	right: 0.6rem;
}

.primary-navigation .nav-cta {
	margin-left: 0.75rem;
}

.primary-navigation .nav-cta a {
	background: var(--taste-cobalt) !important;
	border-radius: 8px;
	box-shadow: none;
	padding: 0.72rem 1rem;
}

.primary-navigation .nav-cta a:hover,
.primary-navigation .nav-cta a:focus-visible {
	background: var(--taste-cobalt-dark) !important;
	color: #ffffff;
}

.wp-element-button,
.wp-block-button__link {
	border-radius: 8px;
	font-weight: 750;
	padding: 0.9rem 1.25rem;
	transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.wp-element-button:active,
.wp-block-button__link:active {
	transform: translateY(1px);
}

.taste-hero,
.taste-principles,
.taste-latest,
.taste-cta {
	padding: clamp(4.5rem, 9vw, 8rem) clamp(1rem, 4vw, 3rem);
}

.taste-hero {
	background: var(--taste-paper);
	border-bottom: 1px solid var(--taste-line);
	min-height: min(780px, calc(100dvh - 74px));
	display: flex;
	align-items: center;
}

.taste-hero__columns {
	gap: clamp(2.5rem, 7vw, 7rem);
	margin: 0;
}

.taste-hero__copy {
	padding-block: 2rem;
}

.taste-kicker {
	color: var(--taste-cobalt);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.13em;
	margin: 0 0 1.5rem;
	text-transform: uppercase;
}

.taste-hero__title {
	color: var(--taste-ink);
	font-size: clamp(3.4rem, 7.4vw, 7.2rem);
	font-weight: 800;
	letter-spacing: -0.07em;
	line-height: 0.91;
	margin: 0;
	max-width: 920px;
}

.taste-hero__intro {
	color: #465773;
	font-size: clamp(1.12rem, 1.8vw, 1.35rem);
	line-height: 1.65;
	margin: 2rem 0 0;
	max-width: 650px;
}

.taste-actions {
	gap: 0.75rem;
	margin-top: 2rem;
}

.taste-button-primary .wp-block-button__link {
	background: var(--taste-cobalt) !important;
	color: #ffffff !important;
	opacity: 1 !important;
}

.taste-button-primary {
	opacity: 1 !important;
}

.taste-button-primary .wp-block-button__link:hover,
.taste-button-primary .wp-block-button__link:focus-visible {
	background: var(--taste-cobalt-dark);
}

.taste-button-secondary .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--taste-ink);
	color: var(--taste-ink) !important;
}

.taste-button-secondary .wp-block-button__link:hover,
.taste-button-secondary .wp-block-button__link:focus-visible {
	background: var(--taste-ink) !important;
	color: #ffffff;
}

.taste-hero__index {
	align-self: stretch;
	background: var(--taste-cobalt);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 5vw, 4rem);
}

.taste-hero__index h2 {
	color: #ffffff;
	font-size: clamp(1.6rem, 2.4vw, 2.3rem);
	line-height: 1.1;
	margin: 0 0 2rem;
}

.taste-topic-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.taste-topic-list li {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0;
}

.taste-topic-list li:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.taste-topic-list a {
	align-items: center;
	color: #ffffff !important;
	display: flex;
	font-size: clamp(1rem, 1.5vw, 1.18rem);
	font-weight: 700;
	gap: 1rem;
	justify-content: space-between;
	padding: 1.2rem 0;
	text-decoration: none;
}

.taste-topic-list a::after {
	content: "→";
	font-size: 1.25rem;
	transition: transform 0.16s ease;
}

.taste-topic-list a:hover::after,
.taste-topic-list a:focus-visible::after {
	transform: translateX(4px);
}

.taste-topic-list span {
	color: #bcd5ff !important;
	font-size: 0.72rem;
	letter-spacing: 0.08em;
}

.taste-principles {
	background: #ffffff;
}

.taste-section-heading {
	margin: 0 0 3.5rem;
	max-width: 760px;
}

.taste-section-heading h2,
.taste-latest__heading h2 {
	color: var(--taste-ink);
	font-size: clamp(2.4rem, 5vw, 4.6rem);
	font-weight: 800;
	line-height: 0.98;
	margin: 0 0 1.25rem;
}

.taste-section-heading p {
	color: #56657c;
	font-size: 1.15rem;
	line-height: 1.65;
}

.taste-principle-grid {
	border-top: 1px solid var(--taste-line);
	gap: 0;
}

.taste-principle {
	border-right: 1px solid var(--taste-line);
	height: 100%;
	padding: 2.25rem clamp(1rem, 3vw, 2.25rem) 1rem 0;
}

.taste-principle-grid > .wp-block-column:not(:first-child) .taste-principle {
	padding-left: clamp(1rem, 3vw, 2.25rem);
}

.taste-principle-grid > .wp-block-column:last-child .taste-principle {
	border-right: 0;
}

.taste-principle__number {
	color: var(--taste-cobalt);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin: 0 0 3rem;
}

.taste-principle h3 {
	color: var(--taste-ink);
	font-size: 1.45rem;
	margin: 0 0 0.85rem;
}

.taste-principle p:last-child {
	color: #5c697d;
	font-size: 1rem;
	line-height: 1.65;
}

.taste-latest {
	background: var(--taste-paper);
	border-block: 1px solid var(--taste-line);
	scroll-margin-top: 6rem;
}

.taste-latest__heading {
	align-items: flex-end;
	margin-bottom: 3rem;
}

.taste-latest__heading .taste-kicker {
	margin-bottom: 1rem;
}

.taste-latest__heading h2 {
	margin-bottom: 0;
}

.taste-text-link a {
	color: var(--taste-ink);
	font-weight: 800;
	text-decoration-color: var(--taste-cobalt);
	text-decoration-thickness: 2px;
}

.taste-post-grid {
	gap: 1.5rem;
}

.taste-post {
	height: 100%;
}

.taste-post .wp-block-post-featured-image {
	margin: 0;
	overflow: hidden;
}

.taste-post .wp-block-post-featured-image img {
	aspect-ratio: 4 / 3;
	border-radius: 0;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.taste-post:hover .wp-block-post-featured-image img,
.taste-post:focus-within .wp-block-post-featured-image img {
	transform: scale(1.025);
}

.taste-post__body {
	padding-top: 1.35rem;
}

.taste-post .wp-block-post-terms {
	color: var(--taste-cobalt);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.taste-post .wp-block-post-title {
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	line-height: 1.15;
	margin: 0.85rem 0;
}

.taste-post .wp-block-post-title a {
	color: var(--taste-ink);
	text-decoration: none;
}

.taste-post .wp-block-post-excerpt {
	color: #5b687b;
	font-size: 0.96rem;
	line-height: 1.65;
}

.taste-post .wp-block-post-excerpt__more-link {
	color: var(--taste-cobalt);
	display: inline-block;
	font-weight: 800;
	margin-top: 0.75rem;
}

.taste-empty {
	border: 1px solid var(--taste-line);
	padding: 2rem;
}

.taste-cta {
	background: var(--taste-cobalt);
	color: #ffffff;
}

.taste-cta__columns {
	gap: 3rem;
}

.taste-cta h2 {
	color: #ffffff;
	font-size: clamp(2.3rem, 4vw, 4rem);
	font-weight: 800;
	line-height: 1;
	margin: 0 0 1rem;
}

.taste-cta p {
	color: #dceaff;
	font-size: 1.12rem;
	margin: 0;
}

.taste-cta__button .wp-block-button__link {
	background: #ffffff !important;
	color: var(--taste-cobalt-dark) !important;
	white-space: nowrap;
}

.taste-cta__button .wp-block-button__link:hover,
.taste-cta__button .wp-block-button__link:focus-visible {
	background: var(--taste-ink);
	color: #ffffff;
}

/* Bring the existing guide collection into the same editorial system. */
.guide-landing {
	--guide-navy: var(--taste-ink);
	--guide-blue: var(--taste-cobalt);
	--guide-sky: #bcd5ff;
	--guide-cream: var(--taste-paper);
}

.guide-landing__hero {
	background: var(--taste-ink);
}

.guide-landing__hero::after {
	border-radius: 0;
	border-color: rgba(255, 255, 255, 0.12);
}

.guide-landing__title {
	font-family: Arial, "Helvetica Neue", sans-serif;
	font-weight: 800;
	letter-spacing: -0.06em;
	line-height: 0.96;
}

.guide-landing__manifesto {
	background: var(--taste-cobalt);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	transform: none;
}

.guide-landing__manifesto-number,
.guide-path-card__number {
	font-family: Arial, "Helvetica Neue", sans-serif;
}

.guide-path-card,
.guide-article-card {
	border-radius: 0;
	box-shadow: none;
}

.guide-path-card {
	border: 0;
	border-top: 2px solid var(--taste-ink);
}

.guide-article-card {
	border-color: var(--taste-line);
}

.guide-article-card .wp-block-post-featured-image img {
	border-radius: 0;
}

@media (max-width: 781px) {
	.taste-header__inner {
		min-height: 66px;
	}

	.taste-hero,
	.taste-principles,
	.taste-latest,
	.taste-cta {
		padding-block: 4.5rem;
	}

	.taste-hero {
		display: block;
		min-height: auto;
	}

	.taste-hero__copy {
		padding-block: 0;
	}

	.taste-hero__title {
		font-size: clamp(3rem, 15vw, 5.2rem);
	}

	.taste-hero__index {
		margin-top: 1rem;
		padding: 2rem;
	}

	.taste-principle-grid {
		border-top: 0;
	}

	.taste-principle,
	.taste-principle-grid > .wp-block-column:not(:first-child) .taste-principle {
		border-right: 0;
		border-top: 1px solid var(--taste-line);
		padding: 1.75rem 0;
	}

	.taste-principle__number {
		margin-bottom: 1.5rem;
	}

	.taste-latest__heading {
		align-items: flex-start;
		gap: 1rem;
	}

	.taste-cta__columns {
		gap: 1.5rem;
	}

	.taste-cta .wp-block-buttons {
		justify-content: flex-start !important;
	}
}

@media (max-width: 520px) {
	.taste-header {
		padding-inline: 1rem;
	}

	.taste-actions,
	.taste-actions .wp-block-button,
	.taste-actions .wp-block-button__link {
		width: 100%;
	}

	.taste-actions .wp-block-button__link {
		justify-content: center;
		text-align: center;
	}

	.taste-hero__title {
		font-size: 2.95rem;
		letter-spacing: -0.055em;
	}

	.taste-hero__index {
		margin-inline: -1rem;
	}
}

/* Final interaction layer: compact, modern actions for the current homepage. */
.calm-home .calm-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.15rem;
	margin-top: 2rem;
}

.calm-home .calm-actions .wp-block-button,
.calm-home .calm-actions .wp-block-button__link {
	margin: 0;
	width: auto;
}

.calm-home .calm-actions .wp-block-button__link {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 0.92rem;
	font-weight: 750;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1;
	min-height: 46px;
	padding: 0.8rem 1.2rem;
	white-space: nowrap;
}

.calm-home .calm-button-primary .wp-block-button__link {
	background: var(--calm-blue) !important;
	border: 1px solid var(--calm-blue) !important;
	box-shadow: 0 8px 20px rgba(36, 88, 184, 0.16);
	color: #ffffff !important;
}

.calm-home .calm-button-primary .wp-block-button__link:hover,
.calm-home .calm-button-primary .wp-block-button__link:focus-visible {
	background: var(--calm-blue-dark) !important;
	border-color: var(--calm-blue-dark) !important;
	box-shadow: 0 10px 24px rgba(24, 63, 135, 0.2);
	transform: translateY(-1px);
}

.calm-home .calm-actions .calm-button-secondary .wp-block-button__link {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	color: var(--calm-ink) !important;
	min-height: 44px;
	padding: 0.75rem 0;
	text-decoration: none;
}

.calm-home .calm-actions .calm-button-secondary .wp-block-button__link::after {
	content: "→";
	margin-left: 0.45rem;
	transition: transform 0.16s ease;
}

.calm-home .calm-actions .calm-button-secondary .wp-block-button__link:hover,
.calm-home .calm-actions .calm-button-secondary .wp-block-button__link:focus-visible {
	background: transparent !important;
	color: var(--calm-blue) !important;
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 4px;
}

.calm-home .calm-actions .calm-button-secondary .wp-block-button__link:hover::after,
.calm-home .calm-actions .calm-button-secondary .wp-block-button__link:focus-visible::after {
	transform: translateX(3px);
}

.calm-home .calm-all-guides .wp-block-button__link,
.calm-home .calm-cta__button .wp-block-button__link {
	border-radius: 999px;
	font-size: 0.92rem;
	min-height: 46px;
	padding: 0.8rem 1.2rem;
	white-space: nowrap;
}

@media (max-width: 520px) {
	.calm-home .calm-actions,
	.calm-home .calm-actions .wp-block-button,
	.calm-home .calm-actions .wp-block-button__link {
		width: auto;
	}

	.calm-home .calm-actions {
		gap: 0.45rem 1rem;
	}
}

/* Modern topic discovery rail. */
.calm-home .calm-topics {
	background: #ffffff;
	border-bottom: 1px solid var(--calm-line);
	border-top: 1px solid var(--calm-line);
	color: var(--calm-ink);
	padding: 1.1rem clamp(1rem, 4vw, 3rem);
}

.calm-home .calm-topics__inner {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: clamp(1.25rem, 3vw, 2.5rem);
	justify-content: flex-start;
}

.calm-home .calm-topics__label {
	align-items: center;
	color: #627089;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.calm-home .calm-topics__label::before {
	background: var(--calm-blue);
	border-radius: 999px;
	content: "";
	height: 7px;
	margin-right: 0.55rem;
	width: 7px;
}

.calm-home .calm-topics__list {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	gap: 0.55rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.calm-home .calm-topics__list li {
	margin: 0;
}

.calm-home .calm-topics__list a {
	align-items: center;
	background: var(--calm-soft);
	border: 1px solid transparent;
	border-radius: 999px;
	color: var(--calm-ink) !important;
	display: inline-flex;
	font-size: 0.86rem;
	font-weight: 700;
	gap: 0.35rem;
	line-height: 1;
	min-height: 38px;
	padding: 0.65rem 0.9rem;
	text-decoration: none;
	white-space: nowrap;
}

.calm-home .calm-topics__list a::after {
	color: var(--calm-blue);
	content: "↗";
	font-size: 0.78rem;
	transition: transform 0.16s ease;
}

.calm-home .calm-topics__list a:hover,
.calm-home .calm-topics__list a:focus-visible {
	background: #ffffff;
	border-color: #a9bde2;
	color: var(--calm-blue) !important;
}

.calm-home .calm-topics__list a:hover::after,
.calm-home .calm-topics__list a:focus-visible::after {
	transform: translate(2px, -2px);
}

@media (max-width: 781px) {
	.calm-home .calm-topics {
		padding-inline: 0;
	}

	.calm-home .calm-topics__inner {
		align-items: flex-start;
		display: block;
		overflow: hidden;
	}

	.calm-home .calm-topics__label {
		margin: 0 1rem 0.8rem;
	}

	.calm-home .calm-topics__list {
		display: flex;
		flex-wrap: nowrap;
		gap: 0.5rem;
		overflow-x: auto;
		padding: 0 1rem 0.25rem;
		scrollbar-width: none;
		scroll-snap-type: x proximity;
	}

	.calm-home .calm-topics__list::-webkit-scrollbar {
		display: none;
	}

	.calm-home .calm-topics__list li {
		border: 0;
		flex: 0 0 auto;
		scroll-snap-align: start;
	}

	.calm-home .calm-topics__list a {
		padding: 0.65rem 0.85rem;
	}
}

/* Compact editorial CTA replacing the full-width blue billboard. */
.calm-home .calm-cta {
	background: #ffffff;
	border-top: 1px solid var(--calm-line);
	color: var(--calm-ink);
	padding: clamp(3.5rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem);
	text-align: left;
}

.calm-home .calm-cta__inner {
	align-items: center;
	background:
		radial-gradient(circle at 88% 10%, rgba(36, 88, 184, 0.12), transparent 32%),
		var(--calm-soft);
	border: 1px solid #d3ddeb;
	border-radius: 24px;
	display: grid;
	gap: clamp(2rem, 6vw, 5rem);
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
	overflow: hidden;
	padding: clamp(2rem, 5vw, 4rem);
	position: relative;
}

.calm-home .calm-cta__inner::after {
	border: 1px solid rgba(36, 88, 184, 0.18);
	border-radius: 50%;
	content: "";
	height: 210px;
	position: absolute;
	right: -90px;
	top: -110px;
	width: 210px;
}

.calm-home .calm-cta__copy,
.calm-home .calm-cta__action {
	position: relative;
	z-index: 1;
}

.calm-home .calm-cta__eyebrow {
	color: var(--calm-blue);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	margin: 0 0 1rem;
	text-transform: uppercase;
}

.calm-home .calm-cta h2 {
	color: var(--calm-ink);
	font-size: clamp(2rem, 3.5vw, 3.35rem);
	letter-spacing: -0.045em;
	line-height: 1.02;
	margin: 0 0 1rem;
	max-width: 680px;
}

.calm-home .calm-cta__copy > p:last-child {
	color: #59677d;
	font-size: 1.05rem;
	line-height: 1.65;
	margin: 0;
	max-width: 650px;
}

.calm-home .calm-cta__action {
	border-left: 1px solid #cbd7e7;
	padding-left: clamp(1.5rem, 4vw, 3rem);
}

.calm-home .calm-cta__action > p {
	color: #5b687c;
	font-size: 0.9rem;
	line-height: 1.55;
	margin: 0 0 1.25rem;
	max-width: 260px;
}

.calm-home .calm-cta .wp-block-buttons {
	margin-top: 0;
}

.calm-home .calm-cta__button .wp-block-button__link {
	background: var(--calm-blue) !important;
	border: 1px solid var(--calm-blue);
	box-shadow: 0 8px 20px rgba(36, 88, 184, 0.16);
	color: #ffffff !important;
}

.calm-home .calm-cta__button .wp-block-button__link::after {
	content: "→";
	margin-left: 0.45rem;
	transition: transform 0.16s ease;
}

.calm-home .calm-cta__button .wp-block-button__link:hover,
.calm-home .calm-cta__button .wp-block-button__link:focus-visible {
	background: var(--calm-blue-dark) !important;
	border-color: var(--calm-blue-dark);
	color: #ffffff !important;
	transform: translateY(-1px);
}

.calm-home .calm-cta__button .wp-block-button__link:hover::after,
.calm-home .calm-cta__button .wp-block-button__link:focus-visible::after {
	transform: translateX(3px);
}

@media (max-width: 781px) {
	.calm-home .calm-cta__inner {
		gap: 2rem;
		grid-template-columns: 1fr;
	}

	.calm-home .calm-cta__action {
		border-left: 0;
		border-top: 1px solid #cbd7e7;
		padding-left: 0;
		padding-top: 1.5rem;
	}

	.calm-home .calm-cta__action > p {
		max-width: 500px;
	}
}

@media (max-width: 520px) {
	.calm-home .calm-cta {
		padding-inline: 1rem;
	}

	.calm-home .calm-cta__inner {
		border-radius: 18px;
		padding: 1.5rem;
	}

	.calm-home .calm-cta h2 {
		font-size: 2rem;
	}
}

/* =============================================================================
   24. SINGLE ARTICLE
   ============================================================================= */

.article-page {
	--article-ink: #17233a;
	--article-blue: #2458b8;
	--article-soft: #eef3f9;
	--article-line: #d9e1eb;
	background: #ffffff;
	color: var(--article-ink);
}

.article-shell {
	padding-top: clamp(3.5rem, 7vw, 6.5rem);
}

.article-header {
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
	padding-inline: 1rem;
}

.article-category {
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}

.article-category a {
	color: var(--article-blue);
	text-decoration: none;
}

.article-title {
	color: var(--article-ink);
	font-size: clamp(3rem, 6.5vw, 6.25rem) !important;
	font-weight: 760 !important;
	letter-spacing: -0.065em !important;
	line-height: 0.95 !important;
	margin: 0 !important;
	max-width: 980px;
}

.article-deck {
	color: #56647a;
	font-size: clamp(1.15rem, 2vw, 1.45rem);
	line-height: 1.6;
	margin: 1.75rem 0 0;
	max-width: 760px;
}

.article-deck .wp-block-post-excerpt__more-link {
	display: none;
}

.article-byline {
	gap: 0.8rem;
	margin-top: 2rem;
}

.article-avatar img {
	border-radius: 50%;
}

.article-byline__text {
	gap: 0.1rem;
}

.article-author {
	color: var(--article-ink);
	font-size: 0.92rem;
	font-weight: 800;
}

.article-meta {
	color: #6a7689;
	font-size: 0.82rem;
	gap: 0.8rem;
}

.article-meta > * {
	margin: 0;
}

.article-meta > * + *::before {
	content: "•";
	margin-right: 0.8rem;
}

.article-featured-image {
	margin-bottom: 0;
	max-width: 1280px;
	overflow: hidden;
}

.article-featured-image img {
	aspect-ratio: 16 / 9;
	display: block;
	object-fit: cover;
	width: 100%;
}

.article-reading-layout {
	display: grid;
	gap: clamp(2rem, 7vw, 7rem);
	grid-template-columns: minmax(180px, 240px) minmax(0, 720px);
	justify-content: center;
	padding: clamp(4rem, 8vw, 7rem) 1rem;
}

.article-aside {
	align-self: start;
	border-top: 2px solid var(--article-blue);
	position: sticky;
	top: 7rem;
}

.article-aside__label {
	color: var(--article-blue);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin: 1rem 0 0.75rem;
	text-transform: uppercase;
}

.article-aside > p:not(.article-aside__label) {
	color: #5f6b7f;
	font-size: 0.88rem;
	line-height: 1.6;
}

.article-aside hr {
	border-color: var(--article-line);
	margin-block: 1.25rem;
}

.article-aside__note {
	font-size: 0.78rem !important;
}

.article-content {
	color: #26354b;
	font-size: clamp(1.08rem, 1.5vw, 1.2rem);
	line-height: 1.82;
}

.article-content > * {
	max-width: 720px;
}

.article-content > p:first-child {
	color: var(--article-ink);
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 500;
	line-height: 1.65;
}

.article-content h2 {
	color: var(--article-ink);
	font-size: clamp(2rem, 3.5vw, 3rem);
	font-weight: 750;
	letter-spacing: -0.045em;
	line-height: 1.08;
	margin: 3.5rem 0 1.25rem;
}

.article-content h3 {
	color: var(--article-ink);
	font-size: clamp(1.4rem, 2.4vw, 1.85rem);
	font-weight: 750;
	letter-spacing: -0.025em;
	line-height: 1.2;
	margin: 2.5rem 0 1rem;
}

.article-content a {
	color: var(--article-blue);
	font-weight: 650;
}

.article-content ul,
.article-content ol {
	padding-left: 1.4rem;
}

.article-content li {
	margin-bottom: 0.7rem;
	padding-left: 0.35rem;
}

.article-content blockquote,
.article-content .wp-block-quote {
	background: var(--article-soft);
	border: 0;
	border-left: 4px solid var(--article-blue);
	color: var(--article-ink);
	font-size: clamp(1.2rem, 2vw, 1.45rem);
	font-style: normal;
	line-height: 1.55;
	margin: 2.5rem 0;
	padding: 1.5rem 1.75rem;
}

.article-content figure {
	margin-block: 2.5rem;
}

.article-content img {
	height: auto;
	width: 100%;
}

.article-content figcaption {
	color: #687489;
	font-size: 0.8rem;
	line-height: 1.5;
	margin-top: 0.65rem;
	text-align: left;
}

.article-content .wp-block-table {
	overflow-x: auto;
}

.article-content table {
	border-collapse: collapse;
	font-size: 0.95rem;
	width: 100%;
}

.article-content th,
.article-content td {
	border-color: var(--article-line);
	padding: 0.8rem;
	text-align: left;
}

.article-content th {
	background: var(--article-soft);
	color: var(--article-ink);
}

.article-end {
	border-top: 1px solid var(--article-line);
	margin-top: 4.5rem;
	padding-top: 2rem;
}

.article-tags {
	font-size: 0.82rem;
	margin-bottom: 2.5rem;
}

.article-tags a {
	background: var(--article-soft);
	border-radius: 999px;
	color: var(--article-ink);
	display: inline-block;
	font-weight: 700;
	margin: 0.25rem 0.35rem 0.25rem 0;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
}

.article-author-note {
	background: var(--article-soft);
	border: 1px solid var(--article-line);
	border-radius: 20px;
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.article-author-note__label {
	color: var(--article-blue);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin: 0 0 0.8rem;
	text-transform: uppercase;
}

.article-author-note h2 {
	color: var(--article-ink);
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	margin: 0 0 0.8rem;
}

.article-author-note > p:not(.article-author-note__label):not(.article-author-note__link) {
	color: #5b687c;
	line-height: 1.65;
}

.article-author-note__link a {
	color: var(--article-blue);
	font-weight: 800;
}

.article-navigation-section {
	background: var(--article-soft);
	border-top: 1px solid var(--article-line);
	padding: clamp(3rem, 6vw, 5rem) 1rem;
}

.article-navigation {
	gap: 1.5rem;
}

.article-navigation__link {
	flex: 1 1 320px;
	max-width: 520px;
}

.article-navigation__link a {
	color: var(--article-ink);
	display: block;
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	font-weight: 750;
	line-height: 1.25;
	text-decoration: none;
}

.article-navigation__link a:hover,
.article-navigation__link a:focus-visible {
	color: var(--article-blue);
}

.article-navigation__link--next {
	margin-left: auto;
	text-align: right;
}

@media (max-width: 900px) {
	.article-reading-layout {
		display: block;
	}

	.article-aside {
		background: var(--article-soft);
		border-left: 3px solid var(--article-blue);
		border-top: 0;
		margin: 0 auto 3rem;
		max-width: 720px;
		padding: 1rem 1.25rem;
		position: static;
	}

	.article-aside__label {
		margin-top: 0;
	}

	.article-aside hr,
	.article-aside__note {
		display: none;
	}
}

@media (max-width: 520px) {
	.article-shell {
		padding-top: 3rem;
	}

	.article-title {
		font-size: 2.75rem !important;
		letter-spacing: -0.05em !important;
	}

	.article-featured-image {
		margin-inline: 1rem;
	}

	.article-featured-image img {
		aspect-ratio: 4 / 3;
	}

	.article-reading-layout {
		padding-top: 3rem;
	}

	.article-content {
		font-size: 1.05rem;
		line-height: 1.75;
	}

	.article-navigation__link--next {
		margin-left: 0;
		text-align: left;
	}
}