/* P10 shared treatment for single content, generic archives, search and 404. */
:root {
	--p10-navy: #08284c;
	--p10-blue: #1c3568;
	--p10-turquoise: #24989b;
	--p10-gold: #c0a165;
	--p10-paper: #f4f6fa;
	--p10-ink: #0a2347;
	--p10-line: #ced7e4;
}

main#wp--skip-link--target { background: var(--p10-paper); color: var(--p10-ink); }

main#wp--skip-link--target > :is(.wp-block-post-title, .wp-block-query-title),
main#wp--skip-link--target > .wp-block-group:first-child:has(> :is(.wp-block-post-title, .wp-block-query-title)),
.error404 main#wp--skip-link--target > h1.wp-block-heading {
	box-sizing: border-box;
	position: relative;
	display: grid;
	place-items: center;
	width: min(100% - 40px, 1180px);
	min-height: 260px;
	margin: 0 auto 46px;
	padding: 44px 24px 62px;
	overflow: hidden;
	background-color: var(--p10-blue);
	background-image: linear-gradient(rgba(28, 53, 104, .84), rgba(28, 53, 104, .84)), url("patterns/girih/girih-star-cross-tiling.svg");
	background-size: auto, 120px 120px;
	color: #fff;
	font-family: var(--wp--preset--font-family--heading, "IWUT Source Serif", Georgia, serif);
	font-size: clamp(2.7rem, 6vw, 4.6rem);
	line-height: 1.05;
	text-align: center;
	text-wrap: balance;
}

main#wp--skip-link--target > :is(.wp-block-post-title, .wp-block-query-title)::after,
main#wp--skip-link--target > .wp-block-group:first-child:has(> :is(.wp-block-post-title, .wp-block-query-title))::after,
.error404 main#wp--skip-link--target > h1.wp-block-heading::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 34px;
	width: 110px;
	height: 3px;
	background: var(--p10-gold);
	transform: translateX(-50%);
}

main#wp--skip-link--target > :is(.wp-block-post-content, .wp-block-post-featured-image, .news-post-meta, .wp-block-comments),
main#wp--skip-link--target > .wp-block-query,
main#wp--skip-link--target > .wp-block-search,
main#wp--skip-link--target > p {
	box-sizing: border-box;
	width: min(100% - 40px, 1040px);
	margin-inline: auto;
}

.news-post-meta {
	margin-block: -20px 24px;
	color: #55708f;
	font-size: .95rem;
	text-align: center;
}

main#wp--skip-link--target > .wp-block-post-featured-image {
	margin-block: 28px 36px;
	overflow: hidden;
	border-top: 4px solid var(--p10-turquoise);
	aspect-ratio: 16 / 9;
}

.wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.wp-block-post-content { padding-bottom: 70px; font-size: 1.05rem; line-height: 1.8; }
.wp-block-post-content :is(h2, h3) { color: var(--p10-ink); font-family: var(--wp--preset--font-family--heading, "IWUT Source Serif", Georgia, serif); }

/* Shared long-form article rhythm for posts and content CPT entries. */
body.single:not(.single-stm_staff) main#wp--skip-link--target > :is(
	.wp-block-post-content,
	.wp-block-post-featured-image,
	.news-post-meta,
	.wp-block-comments
) {
	width: min(calc(100% - var(--iwut-shell-gutter, 40px)), 1040px);
	max-width: 1040px;
}
body.single:not(.single-stm_staff) .wp-block-post-content {
	overflow-wrap: anywhere;
	color: var(--p10-ink);
	font-size: clamp(1rem, .92rem + .22vw, 1.125rem);
	line-height: 1.85;
}
body.single:not(.single-stm_staff) .wp-block-post-content > :is(p, ul, ol, blockquote, figure, table) { margin-block: 0 1.55em; }
body.single:not(.single-stm_staff) .wp-block-post-content > :is(h2, h3, h4) {
	margin-block: 1.65em .65em;
	line-height: 1.22;
	text-wrap: balance;
}
body.single:not(.single-stm_staff) .wp-block-post-content > h2 {
	padding-block-end: .45em;
	border-block-end: 1px solid rgba(22, 41, 90, .16);
	font-size: clamp(1.75rem, 1.45rem + 1vw, 2.5rem);
}
body.single:not(.single-stm_staff) .wp-block-post-content > h3 { font-size: clamp(1.35rem, 1.2rem + .55vw, 1.8rem); }
body.single:not(.single-stm_staff) .wp-block-post-content blockquote {
	padding: 1.1em 1.35em;
	border-inline-start: 4px solid var(--p10-gold);
	background: #fff;
}
body.single:not(.single-stm_staff) .wp-block-post-content :is(img, video, iframe) { max-width: 100%; }
body.single:not(.single-stm_staff) .wp-block-post-content figcaption { color: #55708f; font-size: .875rem; line-height: 1.55; }
body.single:not(.single-stm_staff) .wp-block-post-content table { width: 100%; border-collapse: collapse; }
body.single:not(.single-stm_staff) .wp-block-post-content :is(th, td) { padding: .75em .9em; border: 1px solid var(--p10-line); text-align: start; }
body.single:not(.single-stm_staff) .wp-block-post-content th { background: var(--p10-navy); color: #fff; }

main#wp--skip-link--target .loop-cards,
main#wp--skip-link--target .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	padding: 0;
	list-style: none;
}

main#wp--skip-link--target :is(.loop-card, .wp-block-post-template > li) {
	position: relative;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--p10-line);
	border-top: 4px solid transparent;
	background: #fff;
	box-shadow: 0 10px 28px rgba(8, 40, 76, .06);
	transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

main#wp--skip-link--target :is(.loop-card, .wp-block-post-template > li):hover,
main#wp--skip-link--target :is(.loop-card, .wp-block-post-template > li):focus-within {
	border-color: var(--p10-turquoise);
	transform: translateY(-5px);
	box-shadow: 0 18px 38px rgba(8, 40, 76, .12);
}

main#wp--skip-link--target :is(.loop-card-im, .wp-block-post-featured-image) img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	transition: transform 240ms ease;
}

main#wp--skip-link--target :is(.loop-card, .wp-block-post-template > li):hover img { transform: scale(1.025); }
main#wp--skip-link--target :is(.loop-card-title, .wp-block-post-template .wp-block-post-title) { margin: 18px 20px 10px; color: var(--p10-ink); font-size: 1.3rem; line-height: 1.3; }
main#wp--skip-link--target :is(.loop-card-title, .wp-block-post-template .wp-block-post-title) a { color: inherit; text-decoration: none; }
main#wp--skip-link--target .wp-block-post-template :is(.wp-block-post-date, .wp-block-post-terms, .wp-block-post-excerpt) { margin-inline: 20px; }
main#wp--skip-link--target .wp-block-post-template .wp-block-post-date { color: #087c82; font-size: .9rem; }

.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-block: 48px 70px;
}

.wp-block-query-pagination a,
.wp-block-query-pagination .current {
	display: grid;
	place-items: center;
	min-width: 42px;
	min-height: 42px;
	border: 1px solid var(--p10-line);
	background: #fff;
	color: var(--p10-ink);
	text-decoration: none;
}
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus-visible,
.wp-block-query-pagination .current { border-color: var(--p10-turquoise); background: var(--p10-turquoise); color: #fff; }

main#wp--skip-link--target > .wp-block-search { margin-block: 30px 46px; }
.wp-block-search__inside-wrapper { border: 1px solid #aebed1 !important; background: #fff; }
.wp-block-search__input { min-height: 50px; border: 0; font: inherit; }
.wp-block-search__button { margin: 0; border: 0; border-radius: 0; background: var(--p10-navy); color: #fff; font-weight: 700; }
.wp-block-search__button:hover, .wp-block-search__button:focus-visible { background: var(--p10-turquoise); }

.error404 main#wp--skip-link--target { min-height: 62vh; padding-top: 132px !important; padding-bottom: 80px !important; text-align: center; }
.error404 main#wp--skip-link--target > p { font-size: 1.15rem; }
.error404 .wp-block-buttons { justify-content: center; }
.error404 .wp-block-button__link { border: 1px solid var(--p10-navy); border-radius: 0; background: var(--p10-navy); color: #fff; font-weight: 700; }
.error404 .wp-block-button__link:hover, .error404 .wp-block-button__link:focus-visible { border-color: var(--p10-turquoise); background: var(--p10-turquoise); }

@media (max-width: 900px) {
	main#wp--skip-link--target .loop-cards,
	main#wp--skip-link--target .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
	main#wp--skip-link--target > :is(.wp-block-post-title, .wp-block-query-title),
	main#wp--skip-link--target > .wp-block-group:first-child:has(> :is(.wp-block-post-title, .wp-block-query-title)),
	.error404 main#wp--skip-link--target > h1.wp-block-heading {
		width: calc(100% - 28px);
		min-height: 210px;
		font-size: clamp(2.35rem, 12vw, 3.35rem);
	}
	main#wp--skip-link--target .loop-cards,
	main#wp--skip-link--target .wp-block-post-template { grid-template-columns: 1fr; }
	main#wp--skip-link--target > :is(.wp-block-post-content, .wp-block-post-featured-image, .news-post-meta, .wp-block-comments),
	main#wp--skip-link--target > .wp-block-query,
	main#wp--skip-link--target > .wp-block-search,
	main#wp--skip-link--target > p { width: min(100% - 28px, 1040px); }
}

@media (prefers-reduced-motion: reduce) {
	main#wp--skip-link--target *, main#wp--skip-link--target *::before, main#wp--skip-link--target *::after { transition: none !important; }
}