/*
 * Duryea Insights (blog) styles.
 * Loaded on blog views only; relies on the tokens in duryea-home.css.
 * Deliberately plain: white page, thin rules, small radii, no gradients.
 */

.duryea-blog {
	color: var(--duryea-ink, #101827);
	background: var(--duryea-white, #fff);
	font-family: Roboto, Arial, sans-serif;
}

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

.duryea-blog a {
	color: var(--duryea-blue, #0d5a7a);
}

.duryea-blog a:hover,
.duryea-blog a:focus {
	color: var(--duryea-blue-dark, #07384d);
}

/* Masthead */
.duryea-blog-masthead {
	padding: 40px 0 36px;
	background: var(--duryea-surface, #f4f5f6);
	border-bottom: 1px solid #dfe3e6;
}

.duryea-blog-masthead__title {
	max-width: 880px;
	margin: 0;
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: clamp( 2rem, 4vw, 3rem );
	font-weight: 700;
	line-height: 1.12;
	color: var(--duryea-ink, #101827);
}

.duryea-blog-masthead__title--post {
	font-size: clamp( 1.8rem, 3.4vw, 2.6rem );
}

.duryea-blog-masthead__intro {
	max-width: 640px;
	margin: 12px 0 0;
	font-size: 1.125rem;
	line-height: 1.55;
	color: var(--duryea-muted, #5d6570);
}

.duryea-blog-breadcrumb {
	margin: 0 0 14px;
	font-size: .875rem;
	color: var(--duryea-muted, #5d6570);
}

.duryea-blog-breadcrumb span {
	margin: 0 6px;
}

.duryea-blog-breadcrumb a {
	text-decoration: none;
}

.duryea-blog-breadcrumb a:hover {
	text-decoration: underline;
}

.duryea-blog-masthead .duryea-blog-meta {
	margin-top: 16px;
}

/* Meta line */
.duryea-blog-meta {
	margin: 0 0 8px;
	font-size: .875rem;
	color: var(--duryea-muted, #5d6570);
}

.duryea-blog-meta span[aria-hidden],
.duryea-blog-meta > span:not(:first-child) {
	margin-left: 4px;
}

.duryea-blog-meta__cat {
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: .8125rem;
}

/* Two column layout */
.duryea-blog-layout {
	display: grid;
	grid-template-columns: minmax( 0, 1fr ) 330px;
	gap: 56px;
	align-items: start;
	padding: 48px 0 80px;
}

/* Listing */
.duryea-blog-item {
	display: grid;
	grid-template-columns: 260px minmax( 0, 1fr );
	gap: 28px;
	padding: 28px 0;
	border-bottom: 1px solid #dfe3e6;
}

.duryea-blog-item:first-child {
	padding-top: 0;
}

.duryea-blog-item:not(:has(.duryea-blog-item__image)) {
	grid-template-columns: minmax( 0, 1fr );
}

.duryea-blog-item__image {
	display: block;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--duryea-surface, #f4f5f6);
	border-radius: 3px;
}

.duryea-blog-item__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.duryea-blog-item__title {
	margin: 0 0 10px;
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
}

.duryea-blog-item__title a {
	color: var(--duryea-ink, #101827);
	text-decoration: none;
}

.duryea-blog-item__title a:hover {
	color: var(--duryea-blue, #0d5a7a);
	text-decoration: underline;
}

.duryea-blog-item__excerpt {
	margin: 0 0 12px;
	line-height: 1.6;
	color: #343b45;
}

.duryea-blog-item__more {
	font-weight: 700;
	font-size: .9375rem;
}

.duryea-blog-empty {
	font-size: 1.125rem;
}

/* Pagination */
.duryea-blog .navigation.pagination {
	margin-top: 36px;
}

.duryea-blog .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.duryea-blog .nav-links .page-numbers {
	min-width: 40px;
	padding: 8px 14px;
	border: 1px solid #cfd5da;
	border-radius: 3px;
	font-size: .9375rem;
	text-align: center;
	text-decoration: none;
}

.duryea-blog .nav-links .page-numbers.current {
	background: var(--duryea-blue, #0d5a7a);
	border-color: var(--duryea-blue, #0d5a7a);
	color: #fff;
}

/* Article body */
.duryea-blog-featured {
	margin: 0 0 32px;
}

.duryea-blog-featured img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 3px;
}

.duryea-blog-featured figcaption {
	margin-top: 8px;
	font-size: .875rem;
	color: var(--duryea-muted, #5d6570);
}

.duryea-blog-content {
	max-width: 720px;
	font-size: 1.0625rem;
	line-height: 1.75;
	color: #20262f;
}

.duryea-blog-content > *:first-child {
	margin-top: 0;
}

.duryea-blog-content p,
.duryea-blog-content ul,
.duryea-blog-content ol,
.duryea-blog-content blockquote,
.duryea-blog-content figure,
.duryea-blog-content table {
	margin: 0 0 1.4em;
}

.duryea-blog-content h2,
.duryea-blog-content h3,
.duryea-blog-content h4 {
	margin: 1.9em 0 .6em;
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-weight: 700;
	line-height: 1.2;
	color: var(--duryea-ink, #101827);
}

.duryea-blog-content h2 { font-size: 1.75rem; }
.duryea-blog-content h3 { font-size: 1.4rem; }
.duryea-blog-content h4 { font-size: 1.15rem; }

.duryea-blog-content li {
	margin-bottom: .4em;
}

.duryea-blog-content img {
	max-width: 100%;
	height: auto;
	border-radius: 3px;
}

.duryea-blog-content blockquote {
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--duryea-blue, #0d5a7a);
	color: #343b45;
}

.duryea-blog-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9375rem;
}

.duryea-blog-content th,
.duryea-blog-content td {
	padding: 10px 12px;
	border: 1px solid #dfe3e6;
	text-align: left;
}

.duryea-blog-content th {
	background: var(--duryea-surface, #f4f5f6);
}

.duryea-blog-tags {
	max-width: 720px;
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid #dfe3e6;
	font-size: .9375rem;
	color: var(--duryea-muted, #5d6570);
}

.duryea-blog-postnav {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	max-width: 720px;
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px solid #dfe3e6;
}

.duryea-blog-postnav > div {
	max-width: 48%;
}

.duryea-blog-postnav__next {
	margin-left: auto;
	text-align: right;
}

.duryea-blog-postnav span {
	display: block;
	margin-bottom: 4px;
	font-size: .8125rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--duryea-muted, #5d6570);
}

.duryea-blog-postnav a {
	font-weight: 700;
	text-decoration: none;
}

/* Sidebar */
.duryea-blog-sidebar {
	position: sticky;
	top: 24px;
	display: grid;
	gap: 20px;
}

.duryea-blog-widget {
	padding: 22px;
	border: 1px solid #dfe3e6;
	border-radius: 3px;
	background: var(--duryea-white, #fff);
}

.duryea-blog-widget__title {
	margin: 0 0 14px;
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.2;
}

.duryea-blog-widget p {
	margin: 0 0 14px;
	line-height: 1.55;
}

.duryea-blog-widget__more {
	display: inline-block;
	margin-top: 14px;
	font-size: .9375rem;
	font-weight: 700;
}

/* Quote box: the one strong element in the sidebar */
.duryea-blog-quote {
	background: var(--duryea-blue-dark, #07384d);
	border-color: var(--duryea-blue-dark, #07384d);
	color: #fff;
}

.duryea-blog-quote .duryea-blog-widget__title,
.duryea-blog-quote p {
	color: #fff;
}

.duryea-blog-quote .duryea-blog-quote__button {
	display: block;
	width: 100%;
	text-align: center;
}

.duryea-blog-quote__phone {
	margin: 14px 0 0;
	font-size: .9375rem;
	text-align: center;
}

.duryea-blog .duryea-blog-quote a:not(.duryea-button) {
	color: #fff;
	font-weight: 700;
}

/* Share */
.duryea-blog-share {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.duryea-blog-share a {
	display: block;
	padding: 9px 10px;
	border: 1px solid #cfd5da;
	border-radius: 3px;
	font-size: .9375rem;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}

.duryea-blog-share a:hover,
.duryea-blog-share a:focus {
	border-color: var(--duryea-blue, #0d5a7a);
	background: var(--duryea-surface, #f4f5f6);
}

/* Recent */
.duryea-blog-recent {
	margin: 0;
	padding: 0;
	list-style: none;
}

.duryea-blog-recent li {
	padding: 12px 0;
	border-top: 1px solid #e8ebed;
}

.duryea-blog-recent li:first-child {
	padding-top: 0;
	border-top: 0;
}

.duryea-blog-recent a {
	display: block;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
}

.duryea-blog-recent a:hover {
	text-decoration: underline;
}

.duryea-blog-recent time {
	display: block;
	margin-top: 3px;
	font-size: .8125rem;
	color: var(--duryea-muted, #5d6570);
}

/* Responsive */
@media ( max-width: 980px ) {
	.duryea-blog-layout {
		grid-template-columns: minmax( 0, 1fr );
		gap: 40px;
		padding: 36px 0 64px;
	}

	.duryea-blog-sidebar {
		position: static;
	}
}

@media ( max-width: 640px ) {
	.duryea-blog-item {
		grid-template-columns: minmax( 0, 1fr );
		gap: 16px;
	}

	.duryea-blog-masthead {
		padding: 28px 0 24px;
	}

	.duryea-blog-postnav {
		flex-direction: column;
	}

	.duryea-blog-postnav > div {
		max-width: 100%;
	}

	.duryea-blog-postnav__next {
		text-align: left;
	}
}