/*
 * The Riverfront at Harbour View — what core blocks and theme.json cannot set: the sticky header and its overlay menu, the
 * wordmark, photo mosaics, eyebrows, tile bullets, cards, page bands, the footer, focus rings and the old site's classic
 * content (aligned images, captions, galleries, tables, lists, embeds).
 */

/* Sections sit edge to edge; each one's own padding sets the rhythm. Plain text pages keep the block gap. */
:where(.wp-site-blocks) > * + *,
.wp-site-blocks .wp-block-post-content > .alignfull {
	margin-block: 0;
}

h1,
h2,
h3 {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

/* In-page links land right below the sticky header (77px; 109px on phones, where it takes two rows). */
:root {
	--rf-header-height: 77px;
}

html {
	scroll-padding-top: calc(var(--rf-header-height) + var(--wp-admin--admin-bar--position-offset, 0px));
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* Focus: a 3px ring in river teal, amber on the dark bands. */
:where(a, button, input, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--teal);
	outline-offset: 3px;
}

:where(.rf-hero, .rf-page-hero, .rf-dark) :focus-visible {
	outline-color: var(--wp--preset--color--amber);
}

/* ---------- Header ---------- */

.rf-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--position-offset, 0px);
	z-index: 50;
}

.rf-header {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.rf-header .rf-header__bar {
	min-height: 76px;
}

.rf-header__bar > .rf-nav {
	margin-left: auto;
}

.rf-nav .wp-block-navigation__container {
	flex-wrap: nowrap;
}

.rf-nav .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding-inline: 0.25rem;
	text-decoration: none;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.4em;
}

.rf-nav .wp-block-navigation-item__content:hover,
.rf-nav .current-menu-item > .wp-block-navigation-item__content,
.rf-nav .current-menu-ancestor > .wp-block-navigation-item__content {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--coral);
}

/* A parent is one button across its label and chevron: the chevron is drawn over the button's right padding and ignores clicks. */
.rf-nav .has-child .wp-block-navigation-submenu__toggle {
	min-height: 44px;
	padding: 0 1.5rem 0 0.25rem;
	cursor: pointer;
}

.rf-nav .wp-block-navigation__submenu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 44px;
	margin: 0 0.375rem 0 -1.125rem;
	padding: 0;
}

.rf-nav .wp-block-navigation__submenu-icon svg {
	width: 12px;
	height: 12px;
}

/* Submenus: a shell card with a hairline, one 44px row per link. */
.rf-nav .wp-block-navigation__submenu-container {
	padding: 0.375rem;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: 10px;
	background-color: var(--wp--preset--color--shell) !important;
	box-shadow: 0 10px 28px rgba(16, 41, 58, 0.14);
	font-size: 1rem;
	font-weight: 500;
}

.rf-nav .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	justify-content: flex-start;
	min-height: 44px;
	padding: 0.25rem 0.75rem;
	border-radius: 6px;
	white-space: nowrap;
}

.rf-nav .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
	background-color: var(--wp--preset--color--base);
}

/* Menu and close buttons get a 44px hit area around the 24px icon. */
.rf-nav .wp-block-navigation__responsive-container-open,
.rf-nav .wp-block-navigation__responsive-container-close {
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
}

/* The overlay: links on a shell sheet, submenus always open, indented on a hairline under a parent that is only their heading. */
.rf-nav .is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: flex-start;
}

.rf-nav .is-menu-open .wp-block-navigation-item__content {
	justify-content: flex-start;
}

.rf-nav .is-menu-open .has-child .wp-block-navigation-submenu__toggle {
	padding-right: 0.25rem;
	cursor: default;
	text-decoration: none;
}

.rf-nav .is-menu-open .wp-block-navigation__container {
	flex-wrap: wrap;
	gap: 0.25rem;
	width: 100%;
	font-size: 1.1875rem;
}

.rf-nav .is-menu-open .wp-block-navigation__submenu-container {
	margin: 0 0 0.25rem 0.375rem;
	padding: 0 0 0 0.75rem !important;
	border: 0 !important;
	border-left: 2px solid var(--wp--preset--color--line) !important;
	border-radius: 0;
	background-color: transparent !important;
	box-shadow: none;
}

.rf-nav .is-menu-open .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 0.25rem;
	white-space: normal;
}

/* Six links and the button need 1200px; core only collapses below 600px. */
@media (max-width: 1199px) {
	.rf-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.rf-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.rf-header__bar > .rf-nav {
		order: 3;
		margin-left: 0;
	}

	.rf-header__bar > .rf-header__cta {
		margin-left: auto;
	}
}

.rf-header__cta {
	flex: none;
}

.rf-header__cta .wp-block-button__link {
	font-size: 1rem;
	padding: 0.7em 1.3em;
	white-space: nowrap;
}

.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wp-block-button.is-style-sunset .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--amber-hover);
	color: var(--wp--preset--color--contrast);
}

/* The quiet second button: on a photo it reads white, on the light sections navy. */
.wp-block-button.is-style-outline .wp-block-button__link {
	padding: calc(0.8em - 2px) calc(1.5em - 2px);
	border: 2px solid currentColor;
	background-color: transparent;
	color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--white);
}

:where(.rf-hero, .rf-page-hero, .rf-dark) .wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--white);
}

:where(.rf-hero, .rf-page-hero, .rf-dark) .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--contrast);
}

@media (max-width: 599px) {
	.rf-header .rf-header__bar {
		gap: 0.5rem;
	}

	.rf-header__cta .wp-block-button__link {
		font-size: 0.9375rem;
		padding: 0.6em 1em;
	}
}

/* Phones: the wordmark and menu button fill the first row, and Contact Us runs the full width of the second. */
@media (max-width: 479px) {
	:root {
		--rf-header-height: 109px;
	}

	.rf-header .rf-header__bar {
		flex-wrap: wrap;
		gap: 0.25rem 0.5rem;
		min-height: 0;
		padding-block: 0.5rem;
	}

	.rf-header__bar > .rf-wordmark {
		flex: 1 0 calc(100% - 52px);
	}

	.rf-header__bar > .rf-nav {
		order: 0;
	}

	.rf-header__bar > .rf-header__cta {
		flex: 1 0 100%;
		margin-left: 0;
	}

	.rf-header__cta .wp-block-button,
	.rf-header__cta .wp-block-button__link {
		width: 100%;
	}
}

/* ---------- Wordmark ---------- */

.rf-wordmark {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	min-height: 44px;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.rf-wordmark:hover {
	color: var(--wp--preset--color--contrast);
}

/* The gold flag is 204 × 148; every size below sets the height and the width follows. */
.rf-wordmark__mark {
	flex: none;
	width: auto;
	height: 34px;
	aspect-ratio: 204 / 148;
}

.rf-wordmark__text {
	display: flex;
	flex-direction: column;
	gap: 0.3125rem;
	white-space: nowrap;
	font-family: var(--wp--preset--font-family--heading);
	line-height: 1;
}

.rf-wordmark__name {
	font-size: 1.125rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.rf-wordmark__place {
	color: var(--wp--preset--color--teal);
	font-size: 1rem;
	font-style: italic;
}

@media (max-width: 400px) {
	.rf-wordmark {
		gap: 0.5rem;
	}

	.rf-wordmark__mark {
		height: 28px;
	}

	.rf-wordmark__name {
		font-size: 1.0625rem;
		letter-spacing: 0.08em;
	}
}

/* ---------- Type details ---------- */

/* Section eyebrow: small caps label led by a tiny gold flag. */
.is-style-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	color: var(--wp--preset--color--teal);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.is-style-eyebrow::before {
	content: "";
	flex: none;
	width: 22px;
	height: 16px;
	background: url(../images/rf-mark.svg) center / contain no-repeat;
}

.is-style-eyebrow + .wp-block-heading {
	margin-block-start: 0.75rem;
}

:where(.rf-dark) .is-style-eyebrow {
	color: var(--wp--preset--color--teal-soft);
}

/* Lists with tile bullets (a small quarter-disc), each item on a hairline, label on its own line. */
.is-style-tiles {
	margin: 0;
	padding: 0;
	list-style: none;
}

.is-style-tiles > li {
	position: relative;
	padding: 1rem 0 1rem 1.75rem;
	border-top: 1px solid var(--wp--preset--color--line);
}

.is-style-tiles > li:last-child {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.is-style-tiles > li::before {
	content: "";
	position: absolute;
	top: calc(1rem + 0.5lh - 0.3125rem);
	left: 0;
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 0 0.625rem 0 0;
	background: var(--wp--preset--color--coral);
}

.is-style-tiles > li > strong:first-child {
	display: block;
	margin-bottom: 0.125rem;
	font-weight: 700;
}

/* ---------- Photo mosaics ---------- */

/* Rows share one height, so every mosaic on the page keeps the same rhythm; tiles fill their cells. */
.is-style-photo-mosaic {
	grid-auto-rows: clamp(9rem, 4rem + 13vw, 16rem);
}

.is-style-photo-mosaic > .wp-block-image {
	min-height: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 6px;
}

.is-style-photo-mosaic > .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rf-photo img {
	border-radius: 6px;
}

/* The lead tile takes a quarter-circle corner. */
.is-style-photo-mosaic > .wp-block-image:first-child,
.rf-photo--lead img {
	border-top-left-radius: clamp(3rem, 1.5rem + 6vw, 7.5rem);
}

/* Core's lightbox button is 20px and hidden until hover or focus; the photo itself also opens it. */
.wp-lightbox-container button {
	width: 44px;
	height: 44px;
}

/* ---------- Sections ---------- */

.rf-split {
	align-items: center;
}

.rf-split__end {
	align-self: end;
}

/* Keep a readable measure (about 70 characters) where a split stacks or a card spans the full width. */
.rf-split > .wp-block-group,
.rf-card p {
	max-width: 42rem;
}

/* Hero: a readable overlay wherever the text spans the photo. */
.rf-hero h1 {
	max-width: 13em;
}

/* Narrow screens: the pier instead of open water (the wide focal point keeps it clear of the text), under an even overlay. */
@media (max-width: 1024px) {
	.rf-hero .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(11, 31, 44, 0.84) 0%, rgba(11, 31, 44, 0.74) 55%, rgba(11, 31, 44, 0.9) 100%) !important;
	}

	.rf-hero .wp-block-cover__image-background {
		object-position: 72% 50% !important;
	}
}

/* Cards: a photo on top, the title, then the description in the muted ink. Links read as the title until hovered. */
.rf-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.rf-card .wp-block-image,
.rf-card .wp-block-post-featured-image {
	margin: 0;
}

.rf-card .wp-block-image img,
.rf-card .wp-block-post-featured-image img {
	display: block;
	width: 100%;
}

.rf-card__body {
	flex: 1;
}

.rf-card p {
	color: var(--wp--preset--color--muted);
}

.rf-card :is(h2, h3) a {
	padding-block: 0.625rem;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.2em;
}

.rf-card :is(h2, h3) a:hover {
	color: var(--wp--preset--color--contrast);
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--coral);
}

/* The first card in a row takes the mosaic's quarter-circle corner. */
.rf-card-row > .rf-card:first-child {
	border-top-left-radius: clamp(3rem, 1.5rem + 6vw, 7.5rem) !important;
}

/* Closing band: sand text, amber links, the gold flag above the heading. */
.rf-dark a:not(.wp-element-button) {
	color: var(--wp--preset--color--amber);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.rf-dark a:not(.wp-element-button):hover {
	color: var(--wp--preset--color--white);
}

.rf-closing::before {
	content: "";
	display: block;
	width: 72px;
	height: 52px;
	margin: 0 auto var(--wp--preset--spacing--40);
	background: url(../images/rf-mark.svg) center / contain no-repeat;
}

.rf-phone {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 500;
	line-height: 1.2;
}

.rf-phone a {
	display: inline-block;
	padding-block: 0.25rem;
	text-decoration-thickness: 2px !important;
}

/* ---------- Page bands ---------- */

/* Page hero: the featured image under a navy gradient, the title low on it. With no usable image it is a plain navy band. */
.rf-page-hero.wp-block-cover {
	align-items: flex-end;
	min-height: clamp(19rem, 13rem + 15vw, 27rem);
	background-color: var(--wp--preset--color--contrast);
}

.rf-page-hero.wp-block-cover:not(:has(.wp-block-cover__image-background)) {
	min-height: 0;
}

.rf-page-hero:not(:has(.wp-block-cover__image-background)) .wp-block-cover__background {
	display: none;
}

/* Titles keep a comfortable line length but stay on the left edge, which a max-width in a constrained layout would centre. */
.rf-page-band :is(h1, h2),
.rf-page-hero :is(h1, h2) {
	box-sizing: border-box;
	padding-inline-end: max(0px, calc(100% - 22em));
}

.rf-page-band .rf-date {
	color: var(--wp--preset--color--amber);
	font-size: 1rem;
	font-weight: 600;
}

/* A page's first block can be a full-width section; it then meets the band with no gap. */
.wp-block-post-content.has-global-padding:has(> .alignfull:first-child) {
	padding-top: 0 !important;
}

.wp-block-post-content.has-global-padding:has(> .alignfull:last-child) {
	padding-bottom: 0 !important;
}

/* ---------- Posts ---------- */

/* Three cards to a row, two on tablets, one on phones. */
.rf-post-grid.wp-block-post-template {
	gap: var(--wp--preset--spacing--40);
}

@media (max-width: 1024px) {
	.rf-post-grid.wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.rf-post-grid.wp-block-post-template {
		grid-template-columns: minmax(0, 1fr);
	}
}

.rf-post-grid > li {
	display: flex;
	min-width: 0;
}

.rf-post-grid .rf-card {
	flex: 1;
	min-width: 0;
}

/* A post with no featured image keeps the card's shape: the gold flag on deep sand. */
.rf-post-grid .rf-card:not(:has(.wp-block-post-featured-image))::before {
	content: "";
	display: block;
	aspect-ratio: 3 / 2;
	background: var(--wp--preset--color--sand-deep) url(../images/rf-mark.svg) center / 88px no-repeat;
}

.rf-card .wp-block-post-date {
	margin: 0;
}

.rf-post-grid .wp-block-post-excerpt__excerpt {
	margin: 0;
}

.rf-post-grid .wp-block-post-excerpt__more-text {
	display: none;
}

/* Featured images on a post sit at their own size: most are too small to stretch across the column. */
.rf-post-photo img {
	width: auto;
	border-radius: 6px;
}

.rf-post-meta a {
	color: var(--wp--preset--color--teal);
}

.rf-post-nav {
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--wp--preset--color--line);
}

.rf-post-nav a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.rf-post-nav .wp-block-post-navigation-link {
	max-width: 48%;
}

.rf-post-nav .post-navigation-link-next {
	margin-left: auto;
	text-align: right;
}

@media (max-width: 599px) {
	.rf-post-nav .wp-block-post-navigation-link {
		flex-basis: 100%;
		max-width: none;
	}
}

.wp-block-query-pagination {
	gap: 0.25rem;
	margin-top: var(--wp--preset--spacing--50);
}

.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	padding-inline: 0.5rem;
	border-radius: 999px;
}

.wp-block-query-pagination .page-numbers.current {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--white);
	font-weight: 700;
}

.wp-block-query-pagination .page-numbers.dots {
	min-width: 0;
}

/* ---------- Search ---------- */

.wp-block-search__input {
	min-width: 0;
	min-height: 44px;
	padding: 0.5rem 1rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 999px;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--contrast);
	font: inherit;
}

.wp-block-search__button {
	min-height: 44px;
	margin-left: 0.5rem;
}

:where(.rf-dark) .wp-block-search__button {
	background-color: var(--wp--preset--color--amber);
	color: var(--wp--preset--color--contrast);
}

:where(.rf-dark) .wp-block-search__button:hover {
	background-color: var(--wp--preset--color--amber-hover);
	color: var(--wp--preset--color--contrast);
}

/* ---------- Footer ---------- */

/* Deep sand, as on Mosaic: navy text and river-teal links. */
.rf-footer a:not(.rf-wordmark) {
	color: var(--wp--preset--color--teal);
	text-underline-offset: 0.2em;
}

.rf-footer a:not(.rf-wordmark):hover {
	color: var(--wp--preset--color--contrast);
}

/* Footer links read like the other footer links, not the header menu; core doubles its class to set the colour. */
.rf-footer .rf-footer__nav {
	font-size: inherit;
	font-weight: 400;
}

.rf-footer .rf-footer__nav .wp-block-navigation-item__content.wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--wp--preset--color--teal);
	text-decoration: underline;
}

.rf-footer .rf-footer__nav .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--contrast);
}

.rf-footer__stack p a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.rf-footer__search {
	flex: 0 1 22rem;
	min-width: 0;
}

/* Social icons: a 44px hit area around the 24px glyph. */
.rf-footer .wp-block-social-links {
	gap: 0.25rem;
	margin-left: -10px;
}

.rf-footer .wp-block-social-links .wp-social-link a {
	padding: 10px;
}

.rf-footer__legal .wp-block-image {
	flex: none;
}

/* The Privacy Policy link stands alone in small type: pad its hit area to 44px without moving the line. */
.rf-footer__legal a {
	display: inline-block;
	padding-block: 0.8rem;
	margin-block: -0.8rem;
}

/* ---------- Classic content from the old site ---------- */

/* Floats stay in the page; a page ends below its last floated image. */
.wp-block-post-content {
	display: flow-root;
}

.wp-block-post-content img {
	max-width: 100%;
	height: auto;
}

.wp-block-post-content :is(p, div, figure, .wp-caption) img {
	border-radius: 6px;
}

.alignnone {
	margin-block: 0.5rem;
}

.aligncenter {
	display: block;
	margin-inline: auto;
}

/* Floated images keep to the text column; from 600px down they sit on their own line. */
@media (min-width: 600px) {
	.wp-block-post-content :is(.alignleft, .alignright) {
		max-width: 50%;
	}

	.wp-block-post-content .alignleft {
		float: left;
		margin: 0.375rem 1.5rem 0.75rem 0;
	}

	.wp-block-post-content .alignright {
		float: right;
		margin: 0.375rem 0 0.75rem 1.5rem;
	}

	.wp-block-post-content.is-layout-constrained > .alignleft {
		margin-inline-start: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2));
	}

	.wp-block-post-content.is-layout-constrained > .alignright {
		margin-inline-end: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2));
	}
}

@media (max-width: 599px) {
	.wp-block-post-content :is(.alignleft, .alignright) {
		display: block;
		float: none;
		margin: 0.75rem auto;
	}
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	display: block;
}

.wp-caption-text,
.gallery-caption,
.wp-element-caption {
	margin-block: 0.5rem 0;
	color: var(--wp--preset--color--muted);
	font-size: 1rem;
	line-height: 1.4;
}

/* [gallery] shortcode: a grid of even tiles at the shortcode's own column count. */
.gallery {
	display: grid;
	grid-template-columns: repeat(var(--rf-gallery-columns, 3), minmax(0, 1fr));
	gap: 0.75rem;
	margin-block: var(--wp--preset--spacing--40);
}

.gallery-columns-1 {
	--rf-gallery-columns: 1;
}

.gallery-columns-2 {
	--rf-gallery-columns: 2;
}

.gallery-columns-4 {
	--rf-gallery-columns: 4;
}

.gallery-columns-5 {
	--rf-gallery-columns: 5;
}

.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
	--rf-gallery-columns: 6;
}

@media (max-width: 599px) {
	.gallery:not(.gallery-columns-1) {
		--rf-gallery-columns: 2;
	}
}

.gallery-item {
	min-width: 0;
	margin: 0;
}

.gallery-icon img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

/* core/gallery, once classic pages are converted: even 3:2 tiles, the whole photo in the lightbox. */
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image img {
	aspect-ratio: 3 / 2;
}

/* Prose lists use the tile bullet. */
:is(.wp-block-post-content) ul:not([class]),
:is(.wp-block-post-content) ul.wp-block-list:not(.is-style-tiles) {
	padding-left: 0;
	list-style: none;
}

:is(.wp-block-post-content) ul:not([class]) > li,
:is(.wp-block-post-content) ul.wp-block-list:not(.is-style-tiles) > li {
	position: relative;
	margin-block: 0.375rem;
	padding-left: 1.5rem;
}

:is(.wp-block-post-content) ul:not([class]) > li::before,
:is(.wp-block-post-content) ul.wp-block-list:not(.is-style-tiles) > li::before {
	content: "";
	position: absolute;
	top: calc(0.5lh - 0.3125rem);
	left: 0.125rem;
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 0 0.625rem 0 0;
	background: var(--wp--preset--color--coral);
}

.wp-block-post-content ol {
	padding-left: 1.5rem;
}

.wp-block-post-content ol > li {
	margin-block: 0.375rem;
}

.wp-block-post-content ol > li::marker {
	color: var(--wp--preset--color--coral);
	font-weight: 700;
}

.wp-block-post-content table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
	line-height: 1.45;
}

.wp-block-post-content :is(th, td) {
	padding: 0.625rem 0.75rem;
	border: 1px solid var(--wp--preset--color--line);
	text-align: left;
	vertical-align: top;
}

.wp-block-post-content th {
	background-color: var(--wp--preset--color--sand-deep);
	font-weight: 700;
}

/* Wide tables scroll inside their own box on phones, not the page. */
@media (max-width: 781px) {
	.wp-block-post-content table:not(.wp-block-table table) {
		display: block;
		overflow-x: auto;
	}
}

.wp-block-table {
	overflow-x: auto;
}

.wp-block-post-content blockquote:not([class]),
.wp-block-quote {
	margin-inline: 0;
	padding-left: 1.25rem;
	border-left: 3px solid var(--wp--preset--color--amber);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
	font-style: italic;
	line-height: 1.4;
}

.wp-block-post-content hr {
	margin-block: var(--wp--preset--spacing--50);
	border: 0;
	border-top: 1px solid var(--wp--preset--color--line);
}

.wp-block-post-content iframe {
	max-width: 100%;
}

/* The Pelican form sits in the text column; a block box leaves no inline baseline gap under it. */
.wp-block-post-content .pelican-form-frame {
	display: block;
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto;
}

/* Classic [embed] players keep 16:9 at any width; core/embed already does. */
.wp-block-post-content iframe[src*="youtube"],
.wp-block-post-content iframe[src*="youtu.be"],
.wp-block-post-content iframe[src*="vimeo"] {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 6px;
}

.wp-block-embed {
	margin-inline: 0;
}

@media (prefers-reduced-motion: reduce) {
	*,
	::before,
	::after {
		transition: none !important;
		animation: none !important;
	}
}