/* ==============================================================
 * Ponca · Population Through Time
 * ============================================================ */

.wp-block-ponca-population-through-time {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	background-color: var(--ptt-bg, #FFFFFF);

}

.wp-block-ponca-population-through-time.has-bg-image {
	background-image: var(--ptt-bg-image);
	background-size: cover;
	background-position: center;
}

.wp-block-ponca-population-through-time *,
.wp-block-ponca-population-through-time *::before,
.wp-block-ponca-population-through-time *::after {
	box-sizing: border-box;
}

.ponca-ptt__inner {
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: var(--ptt-max-width, 1600px);
	gap: var(--ptt-column-gap, 30px);
}

/* Left column */
.ponca-ptt__left {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 var(--ptt-left-width, 658px);
	max-width: var(--ptt-left-width, 658px);
}
.ponca-ptt__eyebrow {
	margin: 0;
	display: block;
	color: var(--ptt-eyebrow-color, #DEB209);
	font-family: var(--ptt-eyebrow-font-family, DM Sans);
	font-size: var(--ptt-eyebrow-font-size, 13px);
	line-height: var(--ptt-eyebrow-line-height, 22px);
	font-weight: var(--ptt-eyebrow-font-weight, 600);
	letter-spacing: var(--ptt-eyebrow-letter-spacing, 3px);
	text-transform: var(--ptt-eyebrow-text-transform, uppercase);
}
.ponca-ptt__heading {
	margin: 0;
	margin-top: var(--ptt-heading-margin-top, 14px);
	color: var(--ptt-heading-color, #0D0F0E);
	font-family: var(--ptt-heading-font-family, Cormorant Garamond);
	font-size: var(--ptt-heading-font-size, 56px);
	line-height: var(--ptt-heading-line-height, 62px);
	font-weight: var(--ptt-heading-font-weight, 300);
	font-style: var(--ptt-heading-font-style, normal);
	letter-spacing: var(--ptt-heading-letter-spacing, -0.56px);
}
.ponca-ptt__heading-line {
	display: block;
}
.ponca-ptt__heading-line--accent {
	color: var(--ptt-heading-accent-color, #DEB209);
	font-style: var(--ptt-heading-accent-font-style, italic);
	font-weight: var(--ptt-heading-accent-font-weight, 300);
}
.ponca-ptt__body {
	display: flex;
	flex-direction: column;
	gap: var(--ptt-body-gap, 24px);
	margin-top: var(--ptt-body-margin-top, 24px);
}
.ponca-ptt__body p {
	margin: 0;
	color: var(--ptt-body-color, #474747);
	font-family: var(--ptt-body-font-family, DM Sans);
	font-size: var(--ptt-body-font-size, 18px);
	line-height: var(--ptt-body-line-height, 30px);
	font-weight: var(--ptt-body-font-weight, 400);
}

/* Right column */
.ponca-ptt__right {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 var(--ptt-right-width, 765px);
	max-width: var(--ptt-right-width, 765px);
	gap: var(--ptt-right-gap, 30px);
	padding-top: var(--ptt-right-top-pad, 40px);
}

/* Table */
.ponca-ptt__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: var(--ptt-table-border-width, 1px) solid var(--ptt-table-border-color, #DBB7B1)!important;
}
.ponca-ptt__table th,
.ponca-ptt__table td {
	vertical-align: middle;
	text-align: left;
}
.ponca-ptt__table th {
	margin: 0;
}

/* Table header row */
.ponca-ptt__table thead tr {
	background-color: var(--ptt-thead-bg, #691103);
	color: var(--ptt-thead-color, #EEDCD9);
	font-family: var(--ptt-thead-font-family, Cormorant Garamond);
	font-size: var(--ptt-thead-font-size, 18px);
	line-height: var(--ptt-thead-line-height, 20px);
	font-weight: var(--ptt-thead-font-weight, 600);
	font-style: var(--ptt-thead-font-style, normal);
	letter-spacing: var(--ptt-thead-letter-spacing, -0.179px);
}

/* Header cells */
.ponca-ptt__table thead th {
	padding: 0 var(--ptt-cell-pad-x, 20px);
	height: var(--ptt-row-height, 60px);
}
.ponca-ptt__table thead th:nth-child(1) {
	width: var(--ptt-year-col-width, 120px);
	border-right: 1px solid var(--ptt-inner-border-color, #EEDCD9)!important;
}
.ponca-ptt__table thead th:nth-child(2) {
	width: var(--ptt-pop-col-width, 137px);
	border-right: 1px solid var(--ptt-inner-border-color, #EEDCD9)!important;
}

/* Body rows */
.ponca-ptt__table tbody tr {
	background-color: var(--ptt-row-bg, #FFFFFF);
}

/* Body cells */
.ponca-ptt__table tbody td {
	padding: 0 var(--ptt-cell-pad-x, 20px);
	height: var(--ptt-row-height, 60px);
}
.ponca-ptt__table tbody td:nth-child(1) {
	width: var(--ptt-year-col-width, 120px);
	border-right: 1px solid var(--ptt-inner-border-color, #EEDCD9)!important;
	color: var(--ptt-year-color, #474747);
	font-family: var(--ptt-year-font-family, Cormorant Garamond);
	font-size: var(--ptt-year-font-size, 18px);
	line-height: var(--ptt-year-line-height, 20px);
	font-weight: var(--ptt-year-font-weight, 700);
}
.ponca-ptt__table tbody td:nth-child(2) {
	width: var(--ptt-pop-col-width, 137px);
	border-right: 1px solid var(--ptt-inner-border-color, #EEDCD9)!important;
	color: var(--ptt-pop-color, #474747);
	font-family: var(--ptt-pop-font-family, Cormorant Garamond);
	font-size: var(--ptt-pop-font-size, 18px);
	line-height: var(--ptt-pop-line-height, 20px);
	font-weight: var(--ptt-pop-font-weight, 700);
}
.ponca-ptt__table tbody td:nth-child(3) {
	color: var(--ptt-details-color, #474747);
	font-family: var(--ptt-details-font-family, Cormorant Garamond);
	font-size: var(--ptt-details-font-size, 18px);
	line-height: var(--ptt-details-line-height, 20px);
	font-weight: var(--ptt-details-font-weight, 500);
}

/* Stat cards */
.ponca-ptt__stats {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ptt-stats-gap, 33px);
}
.ponca-ptt__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: var(--ptt-stat-width, 233px);
	height: var(--ptt-stat-height, 135px);
	background-color: var(--ptt-stat-bg, #691103);
	border-radius: var(--ptt-stat-radius, 0px);
	padding: var(--ptt-stat-pad-y, 20px) var(--ptt-stat-pad-x, 30px);
	gap: var(--ptt-stat-gap, 5px);
}
.ponca-ptt__stat-number,
.ponca-ptt__stat-label {
	margin: 0;
	text-align: center;
	width: 100%;
}
.ponca-ptt__stat-number {
	color: var(--ptt-stat-number-color, #DEB209);
	font-family: var(--ptt-stat-number-font-family, Cormorant Garamond);
	font-size: var(--ptt-stat-number-font-size, 40px);
	line-height: var(--ptt-stat-number-line-height, 55px);
	font-weight: var(--ptt-stat-number-font-weight, 600);
	font-style: var(--ptt-stat-number-font-style, normal);
}
.ponca-ptt__stat-label {
	color: var(--ptt-stat-label-color, #EEDCD9);
	font-family: var(--ptt-stat-label-font-family, DM Sans);
	font-size: var(--ptt-stat-label-font-size, 16px);
	line-height: var(--ptt-stat-label-line-height, 25px);
	font-weight: var(--ptt-stat-label-font-weight, 400);
	text-transform: var(--ptt-stat-label-text-transform, none);
}

/* ==============================================================
 * Responsive
 * ============================================================ */
@media (max-width: 1200px) {
	
	.ponca-ptt__right {
		padding-top: 0 !important;
	}
}
@media (max-width: 1024px) {
	.ponca-ptt__inner {
		flex-direction: column;
		gap: 48px !important;
	}
	.ponca-ptt__left,
	.ponca-ptt__right {
		max-width: 100% !important;
		flex: 1 1 100% !important;
		width: 100%;
	}
}

@media (max-width: 768px) {
	
	.ponca-ptt__heading {
		font-size: 36px !important;
		line-height: 42px !important;
	}
	.ponca-ptt__body p {
		font-size: 16px !important;
		line-height: 28px !important;
	}
	/* Stack stat cards */
	.ponca-ptt__stats {
		justify-content: center;
		gap:12px
	}
	.ponca-ptt__stat{
		padding:16px 20px;
	}
	/* Table — scroll horizontally on small screens */
	.ponca-ptt__table-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

}

@media (max-width: 480px) {
	.ponca-ptt__heading {
		font-size: 30px !important;
		line-height: 36px !important;
	}
}