/**
 * AI Visibility — design tokens (Django).
 * Translated from legacy WordPress theme.json. Accent is temporary and global.
 */

:root {
	/* Colors */
	--av-color-base: #f7f6f3;
	--av-color-surface: #ffffff;
	--av-color-contrast: #1a1a1a;
	--av-color-muted: #5c5c5c;
	--av-color-subtle: #8a8780;
	--av-color-accent: #0f5c4c;
	--av-color-accent-soft: #e6f2ef;
	--av-color-border: #d9d6d0;
	--av-color-border-strong: #b8b4ac;

	/* Compatibility aliases for migrated CSS */
	--wp--preset--color--base: var(--av-color-base);
	--wp--preset--color--surface: var(--av-color-surface);
	--wp--preset--color--contrast: var(--av-color-contrast);
	--wp--preset--color--muted: var(--av-color-muted);
	--wp--preset--color--subtle: var(--av-color-subtle);
	--wp--preset--color--accent: var(--av-color-accent);
	--wp--preset--color--accent-soft: var(--av-color-accent-soft);
	--wp--preset--color--border: var(--av-color-border);
	--wp--preset--color--border-strong: var(--av-color-border-strong);

	/* Layout — concrete values (avoid circular custom-property aliases) */
	--av-site-max: 1120px;
	--av-reading-max: 720px;
	--av-intro-max: 780px;

	/* Section landing pages (Learn, Research, Methods, Insights) */
	--av-section-intro-size: 1rem; /* 16px */
	--av-section-intro-size-mobile: 0.9375rem; /* 15px */
	--av-section-intro-lh: 1.65;
	--av-section-intro-max: 800px;
	--av-section-gap-breadcrumb-kicker: 1.5rem; /* 24px */
	--av-section-gap-kicker-h1: 1rem; /* 16px */
	--av-section-gap-h1-intro: 1.25rem; /* 20px */
	--av-section-gap-intro-content: 3rem; /* 48px */
	--av-section-gap-intro-content-mobile: 2.25rem; /* 36px */
	--av-section-gap-curriculum: 1.25rem; /* 20px */
	--av-section-gap-curriculum-mobile: 1rem; /* 16px */
	/* Standard page gutters — matches WordPress theme.json root padding (md). */
	--av-gutter: 1rem;
	--wp--style--global--wide-size: 1120px;
	--wp--style--global--content-size: 720px;
	--wp--style--root--padding-left: var(--av-gutter);
	--wp--style--root--padding-right: var(--av-gutter);

	/* Spacing */
	--av-space-2xs: 0.25rem;
	--av-space-xs: 0.5rem;
	--av-space-sm: 0.75rem;
	--av-space-md: 1rem;
	--av-space-lg: 1.5rem;
	--av-space-xl: 2rem;
	--av-space-2xl: 2.5rem;
	--av-space-3xl: 3.5rem;
	--av-space-4xl: 5rem;

	--wp--preset--spacing--2-xs: var(--av-space-2xs);
	--wp--preset--spacing--2xs: var(--av-space-2xs);
	--wp--preset--spacing--xs: var(--av-space-xs);
	--wp--preset--spacing--sm: var(--av-space-sm);
	--wp--preset--spacing--md: var(--av-space-md);
	--wp--preset--spacing--lg: var(--av-space-lg);
	--wp--preset--spacing--xl: var(--av-space-xl);
	--wp--preset--spacing--2-xl: var(--av-space-2xl);
	--wp--preset--spacing--2xl: var(--av-space-2xl);
	--wp--preset--spacing--3-xl: var(--av-space-3xl);
	--wp--preset--spacing--3xl: var(--av-space-3xl);
	--wp--preset--spacing--4-xl: var(--av-space-4xl);
	--wp--preset--spacing--4xl: var(--av-space-4xl);

	/* Typography */
	--av-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	--av-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--av-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	--wp--preset--font-family--serif: var(--av-font-serif);
	--wp--preset--font-family--sans: var(--av-font-sans);
	--wp--preset--font-family--mono: var(--av-font-mono);

	--wp--preset--font-size--xs: 0.8125rem;
	--wp--preset--font-size--small: 0.875rem;
	--wp--preset--font-size--medium: 1.0625rem;
	--wp--preset--font-size--large: 1.375rem;
	--wp--preset--font-size--x-large: 1.875rem;
	--wp--preset--font-size--xx-large: 2.625rem;
	--wp--preset--font-size--display: 3.25rem;

	/* Borders / radii */
	--av-radius-sm: 2px;
	--av-radius-md: 4px;
	--av-border-width: 1px;
}

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

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

body {
	margin: 0;
	background: var(--av-color-base);
	color: var(--av-color-contrast);
	font-family: var(--av-font-serif);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.65;
	overflow-x: clip;
	/* Global side gutters for every page (WordPress root padding equivalent). */
	padding-left: var(--av-gutter);
	padding-right: var(--av-gutter);
}

img,
svg,
video,
canvas,
iframe {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--av-color-accent);
}

a:hover {
	color: var(--av-color-contrast);
}

:focus-visible {
	outline: 2px solid var(--av-color-accent);
	outline-offset: 2px;
}

.av-skip-link {
	position: absolute;
	left: var(--av-space-md);
	top: -100px;
	z-index: 1000;
	background: var(--av-color-contrast);
	color: var(--av-color-base);
	padding: var(--av-space-xs) var(--av-space-sm);
	text-decoration: none;
}

.av-skip-link:focus {
	top: var(--av-space-md);
}

/*
 * Site grid: max 1120px, centered inside the body gutters.
 * Do NOT add horizontal padding here — gutters live on body so header,
 * main, and footer share one left/right edge on every page.
 */
.av-site-container {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--av-site-max);
	width: 100%;
}

.av-reading-container {
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 0;
	max-width: var(--av-reading-max);
	width: 100%;
}

.av-intro-measure {
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 0;
	max-width: var(--av-intro-max);
	width: 100%;
}

.av-intro-measure > *,
.av-reading-container > * {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

/*
 * Header / footer: full-bleed chrome (border to viewport edges),
 * then restore the same gutter so content aligns with .av-site-container.
 */
.av-site-header,
.av-site-footer {
	margin-left: calc(-1 * var(--av-gutter));
	margin-right: calc(-1 * var(--av-gutter));
	padding-left: var(--av-gutter);
	padding-right: var(--av-gutter);
}

/* Header */
.av-site-header {
	background-color: var(--av-color-base);
	border-bottom: var(--av-border-width) solid var(--av-color-border);
	padding-top: var(--av-space-xl);
	padding-bottom: var(--av-space-xl);
}

.av-site-header__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--av-space-lg);
}

.av-site-identity {
	font-family: var(--av-font-sans);
	font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.2;
	max-width: min(100%, 18rem);
	overflow-wrap: anywhere;
	margin: 0;
}

.av-site-identity a {
	color: var(--av-color-contrast);
	text-decoration: none;
}

.av-site-identity a:hover {
	color: var(--av-color-accent);
}

.av-primary-nav {
	font-family: var(--av-font-sans);
}

.av-primary-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--av-space-md);
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: flex-end;
}

.av-primary-nav a {
	align-items: center;
	color: var(--av-color-muted);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.01em;
	min-height: 2.75rem;
	padding: 0.35rem 0.2rem;
	text-decoration: none;
}

.av-primary-nav a:hover,
.av-primary-nav a[aria-current="page"] {
	color: var(--av-color-contrast);
}

.av-nav-toggle {
	display: none;
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
	background: transparent;
	border: 1px solid var(--av-color-border);
	color: var(--av-color-contrast);
	min-height: 2.75rem;
	padding: 0 var(--av-space-sm);
	cursor: pointer;
}

@media (max-width: 720px) {
	.av-nav-toggle {
		display: inline-flex;
		align-items: center;
	}

	.av-primary-nav {
		display: none;
		width: 100%;
	}

	.av-primary-nav.is-open {
		display: block;
	}

	.av-primary-nav ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
}

/* Footer */
.av-site-footer {
	border-top: var(--av-border-width) solid var(--av-color-border);
	margin-top: var(--av-space-3xl);
	padding-top: var(--av-space-2xl);
	padding-bottom: var(--av-space-2xl);
}

.av-site-footer .av-site-container {
	display: flex;
	flex-direction: column;
	gap: var(--av-space-sm);
}

.av-footer-identity {
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	margin: 0;
}

.av-footer-identity a {
	color: var(--av-color-contrast);
	text-decoration: none;
}

.av-footer-tagline {
	color: var(--av-color-muted);
	font-size: var(--wp--preset--font-size--small);
	margin: 0;
}

.av-footer-nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--av-space-sm);
	list-style: none;
	margin: 0;
	padding: 0;
}

.av-footer-nav a {
	color: var(--av-color-muted);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

.av-footer-nav a:hover {
	color: var(--av-color-contrast);
}

.av-copyright {
	color: var(--av-color-subtle);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--xs);
	margin: var(--av-space-sm) 0 0;
}

/* Main shell */
.av-site-main {
	padding-top: var(--av-space-2xl);
	padding-bottom: var(--av-space-4xl);
}

.av-site-main.av-home {
	padding-top: 0;
	padding-bottom: 0;
}

.av-kicker {
	color: var(--av-color-accent);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.08em;
	margin: 0 0 var(--av-space-sm);
	text-transform: uppercase;
}

.is-style-intro,
.av-article-intro {
	font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
	line-height: 1.55;
	color: var(--av-color-muted);
}

/*
 * Section landing header stack (Learn, Research, Methods, Insights).
 * Scoped so article H1s, kickers, breadcrumbs, and homepage intros stay unchanged.
 */
.av-intro-measure.av-section-header {
	max-width: var(--av-section-intro-max);
	margin-bottom: var(--av-section-gap-intro-content);
}

.av-section-header .av-breadcrumbs {
	margin: 0 0 var(--av-section-gap-breadcrumb-kicker);
}

.av-section-header .av-kicker {
	margin: 0 0 var(--av-section-gap-kicker-h1);
}

.av-section-header h1 {
	margin: 0 0 var(--av-section-gap-h1-intro);
}

.av-section-header .av-section-intro,
p.av-section-intro {
	font-size: var(--av-section-intro-size);
	font-weight: 400;
	line-height: var(--av-section-intro-lh);
	color: var(--av-color-muted);
	max-width: var(--av-section-intro-max);
	margin: 0;
	text-align: left;
}

/* First content after the section intro — avoid stacking with header margin-bottom */
.av-section-header + .av-archive-filters,
.av-section-header + .av-archive-list,
.av-section-header + .av-insights-stream,
.av-section-header + .av-empty {
	margin-top: 0;
}

.av-learn-landing .av-learn-intro {
	margin-bottom: var(--av-section-gap-intro-content);
}

.av-learn-landing .av-learn-intro .av-section-header {
	margin-bottom: 0;
}

.av-learn-landing .av-curriculum {
	gap: var(--av-section-gap-curriculum);
}

@media (max-width: 720px) {
	.av-intro-measure.av-section-header {
		margin-bottom: var(--av-section-gap-intro-content-mobile);
	}

	.av-learn-landing .av-learn-intro {
		margin-bottom: var(--av-section-gap-intro-content-mobile);
	}

	.av-section-header .av-section-intro,
	p.av-section-intro {
		font-size: var(--av-section-intro-size-mobile);
	}

	.av-learn-landing .av-curriculum {
		gap: var(--av-section-gap-curriculum-mobile);
	}
}

h1, h2, h3, h4 {
	font-family: var(--av-font-serif);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: var(--av-color-contrast);
}

h1 {
	font-size: clamp(2rem, 1.6rem + 1.5vw, 3.25rem);
	margin: 0 0 var(--av-space-md);
}

h2 {
	font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem);
	margin: var(--av-space-2xl) 0 var(--av-space-md);
}

h3 {
	font-size: clamp(1.25rem, 1.15rem + 0.4vw, 1.375rem);
	margin: var(--av-space-xl) 0 var(--av-space-sm);
}

/* Buttons */
.av-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--av-space-sm);
	margin-top: var(--av-space-xl);
}

.av-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.65rem 1.15rem;
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
}

.av-button--primary {
	background: var(--av-color-accent);
	color: #fff;
}

.av-button--primary:hover {
	background: var(--av-color-contrast);
	color: #fff;
}

.av-button--secondary {
	background: transparent;
	border-color: var(--av-color-border-strong);
	color: var(--av-color-contrast);
}

.av-button--secondary:hover {
	border-color: var(--av-color-accent);
	color: var(--av-color-accent);
}

.av-section-link a {
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-decoration: none;
}

/* Breadcrumbs */
.av-breadcrumbs {
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--av-color-muted);
	margin: 0 0 var(--av-space-md);
}

.av-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.av-breadcrumbs li:not(:last-child)::after {
	content: "→";
	margin-left: 0.35rem;
	color: var(--av-color-subtle);
}

.av-breadcrumbs a {
	color: var(--av-color-muted);
	text-decoration: none;
}

.av-breadcrumbs a:hover {
	color: var(--av-color-accent);
}

/* Meta */
.av-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--av-space-sm);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
	color: var(--av-color-muted);
	margin: var(--av-space-md) 0 0;
}

.av-meta a {
	color: inherit;
	text-decoration: none;
}

.av-meta a:hover {
	color: var(--av-color-accent);
}

/* TOC */
.av-toc {
	border-top: 1px solid var(--av-color-border);
	border-bottom: 1px solid var(--av-color-border);
	padding: var(--av-space-lg) 0;
	margin: var(--av-space-xl) 0;
}

.av-toc__title {
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 0 0 var(--av-space-sm);
	color: var(--av-color-muted);
}

.av-toc__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.av-toc__item {
	margin: 0.35rem 0;
}

.av-toc__item a {
	color: var(--av-color-contrast);
	text-decoration: none;
}

.av-toc__item a:hover {
	color: var(--av-color-accent);
}

.av-toc__item--h3 {
	margin-left: 0.75rem;
}

/* Article content */
.av-article__content {
	max-width: var(--av-reading-max);
}

.av-article__content > * + * {
	margin-top: 1.1em;
}

.av-article__content pre,
.av-article__content code {
	font-family: var(--av-font-mono);
	font-size: 0.9em;
}

.av-article__content pre {
	background: #111;
	color: #f5f5f5;
	padding: var(--av-space-md);
	overflow-x: auto;
}

.av-article__content blockquote {
	border-left: 3px solid var(--av-color-accent);
	margin: var(--av-space-xl) 0;
	padding-left: var(--av-space-lg);
	color: var(--av-color-muted);
}

.av-article__content table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
}

.av-article__content th,
.av-article__content td {
	border: 1px solid var(--av-color-border);
	padding: 0.6rem 0.75rem;
	text-align: left;
}

.av-callout {
	background: var(--av-color-accent-soft);
	border: 1px solid var(--av-color-border);
	padding: var(--av-space-md) var(--av-space-lg);
}

/* Learn curriculum */
.av-curriculum {
	display: flex;
	flex-direction: column;
	gap: var(--av-space-sm);
}

.av-curriculum__section,
.av-curriculum__chapter {
	border: 1px solid var(--av-color-border);
	background: var(--av-color-surface);
}

.av-curriculum__section > summary,
.av-curriculum__chapter > summary {
	cursor: pointer;
	list-style: none;
	padding: var(--av-space-md) var(--av-space-lg);
	font-family: var(--av-font-sans);
}

.av-curriculum__section > summary::-webkit-details-marker,
.av-curriculum__chapter > summary::-webkit-details-marker {
	display: none;
}

.av-curriculum__section-title {
	display: flex;
	gap: var(--av-space-md);
	align-items: baseline;
	font-weight: 600;
}

.av-curriculum__number {
	color: var(--av-color-accent);
	font-variant-numeric: tabular-nums;
	min-width: 2.5rem;
}

.av-curriculum__body {
	padding: 0 var(--av-space-lg) var(--av-space-lg);
}

.av-curriculum__desc {
	color: var(--av-color-muted);
	margin: 0 0 var(--av-space-md);
}

.av-curriculum__chapters {
	display: flex;
	flex-direction: column;
	gap: var(--av-space-xs);
}

.av-curriculum__chapter-link {
	color: var(--av-color-contrast);
	font-weight: 600;
	text-decoration: none;
}

.av-curriculum__chapter-link:hover {
	color: var(--av-color-accent);
}

.av-curriculum__parts {
	list-style: none;
	margin: var(--av-space-sm) 0 0;
	padding: 0 0 0 2.75rem;
}

.av-curriculum__parts li {
	margin: 0.35rem 0;
}

.av-curriculum__parts a {
	color: var(--av-color-muted);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

.av-curriculum__parts a:hover {
	color: var(--av-color-accent);
}

/* Archives */
.av-archive-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-top: var(--av-space-2xl);
	border-top: 1px solid var(--av-color-border);
}

.av-archive-item {
	padding: var(--av-space-xl) 0;
	border-bottom: 1px solid var(--av-color-border);
}

.av-archive-item h2,
.av-archive-item h3 {
	margin: 0.35rem 0;
	font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
}

.av-archive-item h2 a,
.av-archive-item h3 a {
	color: var(--av-color-contrast);
	text-decoration: none;
}

.av-archive-item h2 a:hover,
.av-archive-item h3 a:hover {
	color: var(--av-color-accent);
}

/* Insights stream — date-first meta; topics are metadata, not navigation */
.av-insights-stream {
	margin-top: var(--av-space-2xl);
}

.av-insights-item__meta {
	gap: var(--av-space-sm);
}

.av-insights-item__topics {
	color: var(--av-color-subtle);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 400;
}

.av-insights-item__topic {
	color: var(--av-color-subtle);
}

.av-insights-item__sep {
	color: var(--av-color-subtle);
	margin: 0 0.15rem;
}

.av-insights-item__excerpt {
	color: var(--av-color-muted);
	margin: 0.35rem 0 0;
}

.av-archive-filters {
	display: flex;
	flex-wrap: wrap;
	gap: var(--av-space-sm);
	margin-top: var(--av-space-lg);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
}

.av-archive-filters a {
	color: var(--av-color-muted);
	text-decoration: none;
	padding: 0.35rem 0;
	border-bottom: 2px solid transparent;
}

.av-archive-filters a.is-active,
.av-archive-filters a:hover {
	color: var(--av-color-contrast);
	border-bottom-color: var(--av-color-accent);
}

.av-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: var(--av-space-sm);
	margin-top: var(--av-space-2xl);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
}

.av-pagination a,
.av-pagination span {
	min-height: 2.5rem;
	min-width: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--av-color-border);
	padding: 0 0.65rem;
	text-decoration: none;
	color: var(--av-color-contrast);
}

.av-pagination .is-current {
	background: var(--av-color-accent);
	border-color: var(--av-color-accent);
	color: #fff;
}

/* Home */
.av-home-section {
	padding-top: var(--av-space-2xl);
	padding-bottom: var(--av-space-2xl);
}

.av-home-section .av-site-container > * {
	max-width: 100%;
}

.av-home-hero {
	padding-top: var(--av-space-2xl);
	padding-bottom: var(--av-space-3xl);
}

.av-hero-title {
	max-width: 18ch;
	margin-bottom: var(--av-space-lg);
}

.av-hero-lede {
	max-width: 42rem;
	margin: 0;
}

.av-explore-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-top: 1px solid var(--av-color-border);
	margin-top: var(--av-space-xl);
}

.av-explore-item {
	padding: var(--av-space-xl) var(--av-space-lg) var(--av-space-xl) 0;
	border-right: 1px solid var(--av-color-border);
}

.av-explore-item:last-child {
	border-right: 0;
	padding-right: 0;
}

.av-explore-index {
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--av-color-accent);
	margin: 0 0 var(--av-space-sm);
}

.av-explore-title {
	margin: 0 0 var(--av-space-sm);
	font-size: var(--wp--preset--font-size--large);
}

.av-explore-desc {
	color: var(--av-color-muted);
	margin: 0 0 var(--av-space-md);
}

@media (max-width: 860px) {
	.av-explore-grid {
		grid-template-columns: 1fr;
	}

	.av-explore-item {
		border-right: 0;
		border-bottom: 1px solid var(--av-color-border);
		padding-right: 0;
	}
}

.av-home-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-top: var(--av-space-lg);
	border-top: 1px solid var(--av-color-border);
}

.av-home-list-item {
	padding: var(--av-space-lg) 0;
	border-bottom: 1px solid var(--av-color-border);
}

.av-home-list-item h3 {
	margin: 0.25rem 0;
	font-size: var(--wp--preset--font-size--large);
}

.av-home-list-item h3 a {
	color: var(--av-color-contrast);
	text-decoration: none;
}

.av-home-list-item h3 a:hover {
	color: var(--av-color-accent);
}

.av-home-about {
	padding-top: var(--av-space-3xl);
	padding-bottom: var(--av-space-4xl);
}

.av-home-about p {
	max-width: 42rem;
}

/* Chapter nav */
.av-lesson-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--av-space-lg);
	border-top: 1px solid var(--av-color-border);
	margin-top: var(--av-space-3xl);
	padding-top: var(--av-space-xl);
}

.av-lesson-nav__label {
	display: block;
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--xs);
	color: var(--av-color-muted);
	margin-bottom: 0.35rem;
}

.av-lesson-nav a {
	color: var(--av-color-contrast);
	font-weight: 600;
	text-decoration: none;
}

.av-lesson-nav a:hover {
	color: var(--av-color-accent);
}

.av-lesson-nav__next {
	text-align: right;
}

.av-back-guide {
	margin-top: var(--av-space-lg);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
}

.av-back-guide a {
	color: var(--av-color-muted);
	text-decoration: none;
}

.av-back-guide a:hover {
	color: var(--av-color-accent);
}

.av-related {
	margin-top: var(--av-space-3xl);
	padding-top: var(--av-space-xl);
	border-top: 1px solid var(--av-color-border);
	max-width: var(--av-reading-max);
}

.av-related h2 {
	margin-top: 0;
	font-size: var(--wp--preset--font-size--large);
}

.av-related ul {
	list-style: none;
	padding: 0;
	margin: var(--av-space-md) 0 0;
}

.av-related li {
	margin: 0.5rem 0;
}

.av-related a {
	color: var(--av-color-contrast);
	text-decoration: none;
}

.av-related a:hover {
	color: var(--av-color-accent);
}

.av-featured-image {
	margin: var(--av-space-xl) 0;
	max-width: var(--av-reading-max);
}

.av-featured-image img {
	display: block;
	width: 100%;
	height: auto;
}

/* 404 */
.av-404 {
	max-width: var(--av-intro-max);
}

.av-404 ul {
	padding-left: 1.25rem;
}

.av-empty {
	color: var(--av-color-muted);
	font-family: var(--av-font-sans);
	font-size: var(--wp--preset--font-size--small);
}