/*
 * PPAR Blog (child theme): hero, breadcrumbs, buttons, content typography, archive band.
 * Brand: navy #152131, slate #7287A3 / #4F6481, light #F4F6F8, text #464B4F; Cormorant Garamond headings, Inter body.
 * Flat 16px cards, 8px spacing grid, no shadows.
 */
.ppar-blog {
	--pb-navy: #152131;
	--pb-text: #464B4F;
	--pb-muted: #5A6675;
	--pb-slate: #4F6481;
	--pb-line: #D5DEEA;
	--pb-light: #F4F6F8;
	--pb-head: "Cormorant Garamond", Georgia, serif;
	--pb-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-family: var(--pb-body);
	color: var(--pb-text);
	background: #fff;
}
.ppar-blog *,
.ppar-blog *::before,
.ppar-blog *::after { box-sizing: border-box; }

.ppar-blog__wrap { width: min(720px, 100% - 32px); margin-inline: auto; }
.ppar-blog__wrap--wide { width: min(1140px, 100% - 48px); }

/* ---------- hero (navy band, same look as the page heroes) ---------- */
.ppar-blog__hero { background: var(--pb-navy); color: #fff; padding: 64px 0 56px; }
.ppar-blog--archive .ppar-blog__hero .ppar-blog__wrap { width: min(1140px, 100% - 48px); }
.ppar-blog__title {
	font-family: var(--pb-head);
	font-weight: 500;
	font-size: clamp(40px, 6vw, 64px);
	line-height: 1.08;
	letter-spacing: 0;
	color: #fff;
	margin: 0;
}
.ppar-blog--archive .ppar-blog__title { max-width: 720px; }
.ppar-blog__intro { margin-top: 16px; max-width: 720px; font-size: 18px; line-height: 1.6; color: #D5DEEA; }
.ppar-blog__intro p { margin: 0 0 16px; color: inherit; }
.ppar-blog__intro p:last-child { margin-bottom: 0; }
.ppar-blog__byline { margin: 24px 0 0; font-size: 15px; line-height: 24px; color: #D5DEEA; display: flex; flex-wrap: wrap; gap: 0 8px; }
.ppar-blog__byline time { color: inherit; }

.ppar-blog__crumbs { margin: 0 0 24px; font-size: 14px; line-height: 24px; color: #9AB3D4; }
.ppar-blog__crumbs a { color: #D5DEEA; text-decoration: none; }
.ppar-blog__crumbs a:hover,
.ppar-blog__crumbs a:focus-visible { color: #fff; text-decoration: underline; }
.ppar-blog__crumbs .breadcrumb_last { color: #fff; }

/* ---------- archive list band ---------- */
.ppar-blog__list { background: var(--pb-light); padding: 64px 0 80px; }

/* ---------- buttons (site button style: 10px radius, 16/40 padding) ---------- */
.ppar-blog__btn,
.ppar-blog .wp-block-button__link {
	display: inline-block;
	padding: 16px 40px;
	border: 0;
	border-radius: 10px;
	background: var(--pb-navy);
	color: #fff;
	font-family: var(--pb-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	transition: background-color .15s ease;
}
.ppar-blog__btn:hover,
.ppar-blog .wp-block-button__link:hover { background: #4F6481; color: #fff; }
.ppar-blog__btn:focus-visible,
.ppar-blog .wp-block-button__link:focus-visible { outline: 2px solid var(--pb-navy); outline-offset: 3px; }
.ppar-blog__btn--light { background: #fff; color: var(--pb-navy); }
.ppar-blog__btn--light:hover { background: var(--pb-light); color: var(--pb-navy); }
.ppar-blog__btn--light:focus-visible { outline-color: #fff; }

/* ---------- single post: reading column ---------- */
.ppar-blog__feature { width: min(960px, 100% - 32px); margin: 48px auto 0; }
.ppar-blog__feature img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; }
.ppar-blog__content { width: min(720px, 100% - 32px); margin: 0 auto; padding: 56px 0 24px; font-size: 18px; line-height: 1.7; color: var(--pb-text); }
.ppar-blog__content > :first-child { margin-top: 0; }
.ppar-blog__content p { margin: 0 0 24px; }
.ppar-blog__content h2,
.ppar-blog__content h3,
.ppar-blog__content h4 { font-family: var(--pb-head); font-weight: 500; color: var(--pb-navy); letter-spacing: 0; }
.ppar-blog__content h2 { margin: 56px 0 16px; font-size: 40px; line-height: 1.12; }
.ppar-blog__content h3 { margin: 40px 0 16px; font-size: 30px; line-height: 1.18; }
.ppar-blog__content h4 { margin: 32px 0 8px; font-size: 24px; line-height: 1.2; }
.ppar-blog__content a:not(.wp-block-button__link) { color: var(--pb-navy); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ppar-blog__content a:not(.wp-block-button__link):hover { text-decoration-thickness: 2px; }
.ppar-blog__content ul,
.ppar-blog__content ol { margin: 0 0 24px; padding-left: 24px; }
.ppar-blog__content li { margin: 0 0 8px; }
.ppar-blog__content blockquote { margin: 32px 0; padding: 0 0 0 24px; border-left: 2px solid #9AB3D4; font-family: var(--pb-head); font-size: 28px; line-height: 1.3; color: var(--pb-navy); }
.ppar-blog__content blockquote p { margin: 0 0 16px; }
.ppar-blog__content img,
.ppar-blog__content video { max-width: 100%; height: auto; border-radius: 16px; }
.ppar-blog__content figure { margin: 32px 0; }
.ppar-blog__content figcaption { margin-top: 8px; font-size: 15px; line-height: 24px; color: var(--pb-muted); }
.ppar-blog__content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0 0 24px; font-size: 16px; }
.ppar-blog__content th,
.ppar-blog__content td { padding: 8px 16px; border: 1px solid var(--pb-line); text-align: left; }
.ppar-blog__content th { background: var(--pb-light); color: var(--pb-navy); }
.ppar-blog__content hr { margin: 48px 0; border: 0; border-top: 1px solid var(--pb-line); }
.ppar-blog__content .wp-block-buttons { margin: 32px 0; }
.ppar-blog__content .wp-block-button { margin: 0; }
.ppar-blog__pages { margin: 0 0 24px; font-size: 16px; }

/* ---------- closing call-to-action card ---------- */
.ppar-blog__cta {
	width: min(720px, 100% - 32px);
	margin: 24px auto 0;
	padding: 48px 40px;
	background: var(--pb-navy);
	border-radius: 16px;
	text-align: center;
	color: #D5DEEA;
}
.ppar-blog__cta h2 { margin: 0 0 8px; font-family: var(--pb-head); font-weight: 500; font-size: 36px; line-height: 1.15; color: #fff; }
.ppar-blog__cta p { margin: 0 0 24px; font-size: 16px; line-height: 1.6; color: #D5DEEA; }
.ppar-blog--single .ppar-article { margin: 0; padding: 0 0 80px; }

/* ---------- responsive ---------- */
@media (max-width: 767px) {
	.ppar-blog__hero { padding: 48px 0 40px; }
	.ppar-blog__list { padding: 40px 0 56px; }
	.ppar-blog__wrap--wide,
	.ppar-blog--archive .ppar-blog__hero .ppar-blog__wrap { width: calc(100% - 32px); }
	.ppar-blog__content { padding-top: 40px; font-size: 17px; }
	.ppar-blog__content h2 { font-size: 34px; margin-top: 48px; }
	.ppar-blog__content h3 { font-size: 27px; }
	.ppar-blog__content blockquote { font-size: 24px; }
	.ppar-blog__cta { padding: 40px 24px; }
	.ppar-blog__cta h2 { font-size: 32px; }
	.ppar-blog__feature { margin-top: 32px; }
}
@media (prefers-reduced-motion: reduce) {
	.ppar-blog__btn, .ppar-blog .wp-block-button__link { transition: none; }
}