/* ==========================================================================
   Long-form content: page.php, single.php, index.php (posts), policies,
   WooCommerce/Elementor content rendered inside the theme.
   ========================================================================== */

.prose {
	font-size: var(--fs-lg);
}

.prose > * + * {
	margin-top: 1em;
}

.prose h2 { font-size: var(--fs-2xl); margin-top: 1.6em; }
.prose h3 { font-size: var(--fs-xl); margin-top: 1.4em; }

.prose ul,
.prose ol {
	padding-left: 1.3em;
}

.prose li + li {
	margin-top: 0.4em;
}

.prose blockquote {
	margin: 1.5em 0;
	padding: 4px 0 4px 20px;
	border-left: 4px solid var(--dli-green-500);
	color: var(--color-heading);
	font-weight: 600;
}

.prose img {
	border-radius: var(--r-lg);
}

.prose__cover {
	width: 100%;
	margin-bottom: var(--s-6);
	border-radius: var(--r-xl);
}

.prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--fs-base);
}

.prose th,
.prose td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
}

/* Elementor content inside our page.php keeps its own widths. */
.prose .elementor {
	font-size: var(--fs-base);
}

/* Blog cards */
.post-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
	gap: var(--s-5);
}

.post-card {
	border: 1px solid var(--color-border);
	border-radius: var(--r-lg);
	overflow: hidden;
	background: var(--color-surface);
	transition: transform var(--dur) var(--ease-out), box-shadow var(--dur);
}

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

.post-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	background: linear-gradient(135deg, var(--dli-green-500), var(--dli-night-700));
}

.post-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.post-card__body {
	padding: var(--s-5);
}

.post-card__date {
	margin-bottom: 6px;
	color: var(--color-text-muted);
	font-size: var(--fs-sm);
	font-weight: 600;
}

.post-card__title {
	font-size: var(--fs-xl);
}

.post-card__title a {
	color: inherit;
	text-decoration: none;
}

.pagination .nav-links {
	display: flex;
	gap: 6px;
	justify-content: center;
	margin-top: var(--s-7);
}

.pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var(--color-border);
	border-radius: var(--r-pill);
	color: var(--color-text-2);
	font-weight: 700;
	text-decoration: none;
}

.pagination .page-numbers.current {
	background: var(--color-invert-bg);
	border-color: var(--color-invert-bg);
	color: var(--color-invert-text);
}

.page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-3);
	margin-top: var(--s-5);
}