@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:wght@400;500;600;700&display=swap');

/* ============================================================
   PONCA CODE AMENDMENTS — dual-view timeline
   Class prefix: ponca-am
   ============================================================ */

.ponca-am {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background: var(--ponca-am-section-bg, linear-gradient(180deg, #FFFDF6 0%, #FFF7F5 158.08%));
	padding-top: var(--ponca-am-section-pad-y, 0px);
	padding-bottom: var(--ponca-am-section-pad-y, 0px);
	padding-left: var(--ponca-am-section-pad-x, 160px);
	padding-right: var(--ponca-am-section-pad-x, 160px);
}
.ponca-am *, .ponca-am *::before, .ponca-am *::after { box-sizing: border-box; }

.ponca-am__container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	max-width: var(--ponca-am-container-max-width, 1504px);
	gap: var(--ponca-am-container-gap, 60px);
}

.ponca-am__eyebrow,
.ponca-am__heading,
.ponca-am__description,
.ponca-am__view-heading,
.ponca-am__card-eyebrow,
.ponca-am__card-name,
.ponca-am__card-enacted,
.ponca-am__revision-desc,
.ponca-am__empty-revisions,
.ponca-am__year-title,
.ponca-am__date-event-desc { margin: 0; }

/* Header row */
.ponca-am__header {
	display: flex;
	flex-direction: row;
	width: 100%;
	box-sizing: border-box;
	align-items: var(--ponca-am-header-align-items, flex-end);
	gap: var(--ponca-am-header-row-gap, 24px);
}

.ponca-am__heading-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 1 auto;
	min-width: 0;
	gap: var(--ponca-am-heading-block-gap, 24px);
}

.ponca-am__heading-stack {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ponca-am__eyebrow {
	color: var(--ponca-am-eyebrow-color, #DEB209);
	font-family: var(--ponca-am-eyebrow-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-eyebrow-font-size, 13px);
	line-height: var(--ponca-am-eyebrow-line-height, 22px);
	font-weight: var(--ponca-am-eyebrow-font-weight, 600);
	font-style: var(--ponca-am-eyebrow-font-style, normal);
	letter-spacing: var(--ponca-am-eyebrow-letter-spacing, 3px);
	text-transform: var(--ponca-am-eyebrow-text-transform, uppercase);
	margin-bottom: var(--ponca-am-eyebrow-margin-bottom, 14px);
}

.ponca-am__heading {
	font-family: var(--ponca-am-heading-font-family, 'Cormorant Garamond', serif);
	font-size: var(--ponca-am-heading-font-size, 56px);
	line-height: var(--ponca-am-heading-line-height, 62px);
	font-weight: var(--ponca-am-heading-font-weight, 300);
	letter-spacing: var(--ponca-am-heading-letter-spacing, -0.56px);
}

.ponca-am__heading > span {
	color: var(--ponca-am-heading-span-color, #0D0F0E);
	font-style: var(--ponca-am-heading-span-font-style, normal);
}

.ponca-am__description {
	color: var(--ponca-am-desc-color, #474747);
	font-family: var(--ponca-am-desc-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-desc-font-size, 18px);
	line-height: var(--ponca-am-desc-line-height, 30px);
	font-weight: var(--ponca-am-desc-font-weight, 400);
	font-style: var(--ponca-am-desc-font-style, normal);
}

/* CTA */
.ponca-am__cta {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none !important;
	box-sizing: border-box;
	padding: var(--ponca-am-cta-pad-y, 14.4px) var(--ponca-am-cta-pad-x, 28px);
	gap: var(--ponca-am-cta-gap, 12px);
	background: var(--ponca-am-cta-bg, #691103);
	border-radius: var(--ponca-am-cta-border-radius, 4px);
	color: var(--ponca-am-cta-color, #F0EBE4);
	font-family: var(--ponca-am-cta-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-cta-font-size, 16px);
	line-height: var(--ponca-am-cta-line-height, 24px);
	font-weight: var(--ponca-am-cta-font-weight, 600);
	font-style: var(--ponca-am-cta-font-style, normal);
	letter-spacing: var(--ponca-am-cta-letter-spacing, 0px);
	text-transform: var(--ponca-am-cta-text-transform, capitalize);
	transition: background 180ms ease;
}
.ponca-am__cta:hover { background: var(--ponca-am-cta-hover-bg, #7C1A0B) !important; }

.ponca-am__cta-arrow {
	color: var(--ponca-am-cta-arrow-color, #FDFDFD);
	font-family: var(--ponca-am-cta-arrow-font-family, Arial, sans-serif);
	font-size: var(--ponca-am-cta-arrow-font-size, 12.8px);
	font-weight: var(--ponca-am-cta-arrow-font-weight, 700);
	letter-spacing: var(--ponca-am-cta-arrow-letter-spacing, 1.92px);
}

/* View-toggle (driven by data-view) */
.ponca-am[data-view="title"] .ponca-am__view--title { display: flex; }
.ponca-am[data-view="title"] .ponca-am__view--date  { display: none; }
.ponca-am[data-view="date"]  .ponca-am__view--title { display: none; }
.ponca-am[data-view="date"]  .ponca-am__view--date  { display: flex; }

.ponca-am__view {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: var(--ponca-am-view-gap, 40px);
}

.ponca-am__view-heading {
	width: 100%;
	color: var(--ponca-am-view-heading-color, #0D0F0E);
	font-family: var(--ponca-am-view-heading-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-view-heading-font-size, 30px);
	line-height: var(--ponca-am-view-heading-line-height, 39px);
	font-weight: var(--ponca-am-view-heading-font-weight, 600);
	font-style: var(--ponca-am-view-heading-font-style, normal);
	letter-spacing: var(--ponca-am-view-heading-letter-spacing, 0px);
}

/* Toolbar */
.ponca-am__toolbar {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	box-sizing: border-box;
	gap: var(--ponca-am-toolbar-gap, 16px);
}

.ponca-am__search-wrap {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	gap: 10px;
	background: var(--ponca-am-search-bg, #FBFBFB);
	border: 1px solid var(--ponca-am-search-border-color, #B4B4B4)!important;
	border-radius: var(--ponca-am-search-border-radius, 6px);
	padding: var(--ponca-am-search-padding, 16px);
}

.ponca-am__search-icon {
	flex-shrink: 0;
	display: inline-flex;
}

.ponca-am__search-input {
	flex: 1 1 auto;
	min-width: 0;
	background: transparent;
	border: 0;
	outline: none;
	padding: 0;
	color: var(--ponca-am-search-text-color, #474747);
	font-family: var(--ponca-am-search-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-search-font-size, 16px);
	line-height: var(--ponca-am-search-line-height, 26px);
	font-weight: var(--ponca-am-search-font-weight, 400);
}
.ponca-am__search-input::placeholder { color: var(--ponca-am-search-ph, #A7A7A7); opacity: 1; }
.ponca-am__search-input { font: inherit; }

/* View switcher */
.ponca-am__view-switcher {
	box-sizing: border-box;
	flex-shrink: 0;
	position: relative;
	cursor: pointer;
	min-width: var(--ponca-am-switcher-min-width, 267px);
}
.ponca-am__view-switcher-select:focus { outline: none; }

.ponca-am__view-trigger {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	cursor: pointer;
	gap: 10px;
	text-align: left;
	outline: none;
	background: var(--ponca-am-switcher-bg, #FBFBFB);
	border: 1px solid var(--ponca-am-switcher-border-color, #B4B4B4)!important;
	border-radius: var(--ponca-am-switcher-border-radius, 6px);
	padding: var(--ponca-am-switcher-padding, 16px);
	color: var(--ponca-am-switcher-color, #474747);
	font-family: var(--ponca-am-switcher-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-switcher-font-size, 16px);
	line-height: var(--ponca-am-switcher-line-height, 26px);
	font-weight: var(--ponca-am-switcher-font-weight, 400);
}

.ponca-am__view-chevron {
	flex-shrink: 0;
	pointer-events: none;
	display: inline-flex;
	color: var(--ponca-am-chevron-color, #A7A7A7);
	transition: transform 180ms ease;
}

.ponca-am__view-menu {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 30;
	list-style: none;
	margin: 0;
	top: calc(100% + var(--ponca-am-menu-offset, 6px));
	background: var(--ponca-am-menu-bg, #FFFEF9);
	border: var(--ponca-am-menu-border-width, 1px) solid var(--ponca-am-menu-border-color, #E5E5E5);
	border-radius: var(--ponca-am-menu-border-radius, 6px);
	box-shadow: var(--ponca-am-menu-box-shadow, 0 14px 36px -14px rgba(13, 15, 14, 0.18));
	padding: var(--ponca-am-menu-padding, 6px);
}
.ponca-am__view-menu li { margin: 0; }

.ponca-am__view-menu-header {
	margin: 0;
	color: var(--ponca-am-menu-header-color, #848484);
	font-size: var(--ponca-am-menu-header-font-size, 13px);
	padding: var(--ponca-am-menu-header-padding, 10px 16px 6px);
	font-family: var(--ponca-am-menu-header-font-family, 'DM Sans', sans-serif);
}

.ponca-am__view-option {
	display: block;
	width: 100%;
	text-align: left;
	cursor: pointer;
	border: 0;
	transition: background 140ms ease, color 140ms ease;
	background: var(--ponca-am-option-bg, transparent);
	color: var(--ponca-am-option-color, #474747);
	padding: var(--ponca-am-option-padding, 12px 16px);
	border-radius: var(--ponca-am-option-border-radius, 4px);
	font-family: var(--ponca-am-option-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-option-font-size, 16px);
	line-height: var(--ponca-am-option-line-height, 24px);
	font-weight: var(--ponca-am-option-font-weight, 500);
}

/* Title grid */
.ponca-am__title-grid {
	display: grid;
	width: 100%;
	box-sizing: border-box;
	grid-template-columns: var(--ponca-am-grid-columns, repeat(3, minmax(0, 1fr)));
	column-gap: var(--ponca-am-grid-column-gap, 23px);
	row-gap: var(--ponca-am-grid-row-gap, 23px);
}

/* Card */
.ponca-am__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	transition: border-color 180ms ease, box-shadow 180ms ease;
	background: var(--ponca-am-card-bg, #FFFFFF);
	border: var(--ponca-am-card-border-width, 1px) solid var(--ponca-am-card-border-color, #F3F3F3)!important;
	border-radius: var(--ponca-am-card-border-radius, 6px);
	padding: var(--ponca-am-card-padding, 24px);
	gap: var(--ponca-am-card-gap, 20px);
}
.ponca-am__card:hover { border-color: #E2D7CA; box-shadow: 0 8px 28px -16px rgba(13, 15, 14, 0.10); }

.ponca-am__card-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: var(--ponca-am-card-head-gap, 8px);
}

.ponca-am__card-eyebrow-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.ponca-am__card-eyebrow {
	color: var(--ponca-am-card-eyebrow-color, #A78607);
	font-family: var(--ponca-am-card-eyebrow-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-card-eyebrow-font-size, 10px);
	line-height: var(--ponca-am-card-eyebrow-line-height, 22px);
	font-weight: var(--ponca-am-card-eyebrow-font-weight, 600);
	letter-spacing: var(--ponca-am-card-eyebrow-letter-spacing, 3px);
	text-transform: var(--ponca-am-card-eyebrow-text-transform, uppercase);
}

.ponca-am__card-badge,
.ponca-am__year-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: var(--ponca-am-card-badge-pad-y, 6px) var(--ponca-am-card-badge-pad-x, 16px);
	background: var(--ponca-am-card-badge-bg, transparent);
	border: var(--ponca-am-card-badge-border-width, 1px) solid var(--ponca-am-card-badge-border-color, #474747)!important;
	border-radius: var(--ponca-am-card-badge-border-radius, 100px);
	color: var(--ponca-am-card-badge-color, #474747);
	font-family: var(--ponca-am-card-badge-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-card-badge-font-size, 12px);
	line-height: var(--ponca-am-card-badge-line-height, 16px);
	font-weight: var(--ponca-am-card-badge-font-weight, 400);
	letter-spacing: var(--ponca-am-card-badge-letter-spacing, 1px);
	text-transform: var(--ponca-am-card-badge-text-transform, uppercase);
}

.ponca-am__card-name {
	width: 100%;
	color: var(--ponca-am-card-name-color, #0D0F0E);
	font-family: var(--ponca-am-card-name-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-card-name-font-size, 20px);
	line-height: var(--ponca-am-card-name-line-height, 26px);
	font-weight: var(--ponca-am-card-name-font-weight, 500);
	font-style: var(--ponca-am-card-name-font-style, normal);
	letter-spacing: var(--ponca-am-card-name-letter-spacing, 0px);
}

.ponca-am__card-enacted {
	width: 100%;
	color: var(--ponca-am-card-enacted-color, #848484);
	font-family: var(--ponca-am-card-enacted-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-card-enacted-font-size, 14px);
	line-height: var(--ponca-am-card-enacted-line-height, 18px);
	font-weight: var(--ponca-am-card-enacted-font-weight, 400);
	font-style: var(--ponca-am-card-enacted-font-style, normal);
}

.ponca-am__card-divider {
	width: 100%;
	border: none;
	margin: 0;
	height: var(--ponca-am-card-divider-height, 1px);
	background-color: var(--ponca-am-card-divider-bg, #F3F3F3);
}

.ponca-am__revisions {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: var(--ponca-am-revisions-gap, 10px);
}

.ponca-am__revision {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
	gap: var(--ponca-am-revision-gap, 10px);
}

.ponca-am__revision-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: var(--ponca-am-revision-icon-size, 16px);
	color: var(--ponca-am-revision-icon-color, #A78607);
}

.ponca-am__revision-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
}

.ponca-am__revision-meta {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 10px;
}

.ponca-am__revision-date {
	flex-shrink: 0;
	color: var(--ponca-am-revision-date-color, #0D0F0E);
	font-family: var(--ponca-am-revision-date-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-revision-date-font-size, 12px);
	line-height: var(--ponca-am-revision-date-line-height, 16px);
	font-weight: var(--ponca-am-revision-date-font-weight, 400);
}

.ponca-am__revision-res,
.ponca-am__date-event-res {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	padding: var(--ponca-am-revision-res-pad-y, 3px) var(--ponca-am-revision-res-pad-x, 8px);
	background: var(--ponca-am-revision-res-bg, #FFF8F6);
	border-radius: var(--ponca-am-revision-res-border-radius, 4px);
	color: var(--ponca-am-revision-res-color, #B36558);
	font-family: var(--ponca-am-revision-res-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-revision-res-font-size, 12px);
	line-height: var(--ponca-am-revision-res-line-height, 16px);
	font-weight: var(--ponca-am-revision-res-font-weight, 400);
}

.ponca-am__revision-desc {
	width: 100%;
	color: var(--ponca-am-revision-desc-color, #6E6B6D);
	font-family: var(--ponca-am-revision-desc-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-revision-desc-font-size, 14px);
	line-height: var(--ponca-am-revision-desc-line-height, 18px);
	font-weight: var(--ponca-am-revision-desc-font-weight, 400);
}

.ponca-am__empty-revisions {
	width: 100%;
	color: var(--ponca-am-empty-color, #848484);
	font-style: var(--ponca-am-empty-font-style, italic);
	font-size: var(--ponca-am-empty-font-size, 14px);
	line-height: var(--ponca-am-empty-line-height, 18px);
	font-family: var(--ponca-am-empty-font-family, 'DM Sans', sans-serif);
}

/* Date view */
.ponca-am__date-list {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: var(--ponca-am-date-list-gap, 16px);
}

.ponca-am__year-group {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: var(--ponca-am-year-group-gap, 12px);
}

.ponca-am__year-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}

.ponca-am__year-title {
	color: var(--ponca-am-year-title-color, #0D0F0E);
	font-family: var(--ponca-am-year-title-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-year-title-font-size, 20px);
	line-height: var(--ponca-am-year-title-line-height, 26px);
	font-weight: var(--ponca-am-year-title-font-weight, 700);
}

.ponca-am__year-cards {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ponca-am__date-event {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	min-width: 0;
	background: var(--ponca-am-date-card-bg, #FFFEF9);
	border: 1px solid var(--ponca-am-date-card-border-color, #F3F3F3)!important;
	border-radius: var(--ponca-am-date-card-border-radius, 6px);
	padding: var(--ponca-am-date-card-padding, 20px 24px);
	gap: var(--ponca-am-date-card-gap, 12px);
}

.ponca-am__date-event-desc {
	width: 100%;
	color: var(--ponca-am-date-desc-color, #0D0F0E);
	font-family: var(--ponca-am-date-desc-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-date-desc-font-size, 16px);
	line-height: var(--ponca-am-date-desc-line-height, 24px);
	font-weight: var(--ponca-am-date-desc-font-weight, 400);
}

.ponca-am__date-event-meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--ponca-am-date-meta-gap, 12px);
}

.ponca-am__date-event-date {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
	font-weight: 500;
	color: var(--ponca-am-date-date-color, #A78607);
	font-family: var(--ponca-am-date-date-font-family, 'DM Sans', sans-serif);
	font-size: var(--ponca-am-date-date-font-size, 13px);
}
.ponca-am__date-event-date > span {
	display: inline-flex;
	color: var(--ponca-am-date-icon-color, #A78607);
}

.ponca-am__footer-pattern {
	display: block;
	width: 100%;
	position: absolute;
    bottom: 0;
	height: var(--ponca-am-foot-height, 83px);
	background-color: var(--ponca-am-foot-bg, transparent);
	background-image: var(--ponca-am-foot-image, none);
	background-repeat: var(--ponca-am-foot-bg-repeat, repeat-x);
	background-size: var(--ponca-am-foot-bg-size, auto 100%);
	background-position: var(--ponca-am-foot-bg-position, left center);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {
	.ponca-am__heading { font-size: clamp(40px, 5vw, 56px) !important; line-height: 1.15 !important; }
	.ponca-am__title-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 1024px) {
	.ponca-am__header { flex-wrap: wrap; }
	.ponca-am__cta { width: 100%; justify-content: center; }
}

@media (max-width: 768px) {
	.ponca-am__title-grid { grid-template-columns: 1fr !important; }
	.ponca-am__heading { font-size: 32px !important; line-height: 40px !important; }
	.ponca-am__view-heading { font-size: 24px !important; line-height: 32px !important; }
	.ponca-am__card { padding: 20px !important; }
	.ponca-am__toolbar { flex-direction: column !important; }
	.ponca-am__view-switcher { width: 100% !important; min-width: 0 !important; }
	.ponca-am__footer-pattern { height: 60px !important; }
}

@media (max-width: 600px) {
	.ponca-am__heading { font-size: 28px !important; line-height: 34px !important; }
	.ponca-am__year-title { font-size: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.ponca-am__card,
	.ponca-am__cta { transition: none !important; }
}