/* Cadence block-level overrides */

.cadence .wp-block-quote { border-left: 3px solid var(--cadence-accent, #B59BFF); padding-left: 1.25rem; margin: 1.5rem 0; }
.cadence .wp-block-pullquote { border: none; padding: 0; }

.cadence .wp-block-table table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: 0.85rem;
}
.cadence .wp-block-table thead th {
	text-align: left;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.7rem;
	color: color-mix(in srgb, currentColor 65%, transparent);
	border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
	padding: 0.75rem 0.5rem;
}
.cadence .wp-block-table td {
	padding: 0.75rem 0.5rem;
	border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent);
}

.cadence .wp-block-code,
.cadence .wp-block-preformatted {
	background: color-mix(in srgb, var(--wp--preset--color--carbon, #0E0E10) 95%, white);
	color: var(--cadence-callout, #4FD1C5);
	border-radius: 0.5rem;
	padding: 1rem 1.25rem;
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: 0.85rem;
	overflow-x: auto;
}

.cadence .wp-block-separator {
	border-color: color-mix(in srgb, currentColor 12%, transparent);
}
.cadence .wp-block-separator.is-style-cadence-wave {
	border: none;
	height: 24px;
	background-image: radial-gradient( circle at center, currentColor 1px, transparent 1.6px );
	background-size: 16px 16px;
	opacity: 0.35;
}

/* Heading levels */
.cadence h1 { font-size: clamp( 2.2rem, 5vw, 4.4rem ); }
.cadence h2 { font-size: clamp( 1.6rem, 3vw, 2.6rem ); }
.cadence h3 { font-size: clamp( 1.25rem, 2vw, 1.7rem ); }

/* Images */
.cadence .wp-block-image img { border-radius: 0.5rem; }
.cadence .wp-block-cover { border-radius: 1rem; overflow: hidden; }

/* List */
.cadence ul.is-style-cadence-marker { list-style: none; padding-left: 0; }
.cadence ul.is-style-cadence-marker li {
	position: relative;
	padding-left: 1.4rem;
}
.cadence ul.is-style-cadence-marker li::before {
	content: '∿';
	position: absolute;
	left: 0; top: 0.05em;
	color: var(--cadence-accent, #B59BFF);
}