/* Core content blocks: category colours are scoped to each rendered block. */
.ohso-content-accent--default {
	--content-accent: var(--secondary-dark);
	--content-accent-dark: var(--secondary-dark);
	--content-accent-surface: var(--primary-ultra-light);
}
.ohso-content-accent--law {
	--content-accent: var(--law-accent);
	--content-accent-dark: var(--law-accent-semi-dark);
	--content-accent-surface: var(--law-accent-ultra-light);
}
.ohso-content-accent--barrister {
	--content-accent: var(--barrister-accent);
	--content-accent-dark: var(--barrister-accent-semi-dark);
	--content-accent-surface: var(--barrister-accent-ultra-light);
}
.ohso-content-accent--expert {
	--content-accent: var(--expert-accent);
	--content-accent-dark: var(--expert-accent-semi-dark);
	--content-accent-surface: var(--expert-accent-utra-light);
}
.ohso-content-accent--family {
	--content-accent: var(--family-accent);
	--content-accent-dark: var(--family-accent-semi-dark);
	--content-accent-surface: var(--family-accent-ultra-light);
}

.wp-block-heading:not(.has-text-color) {
	color: var(--content-accent, var(--secondary-dark));
}

/* Copy lists share the page palette without changing navigation or card lists. */
ul.ohso-content-list,
ul.ohso-content-list ul,
.editor-styles-wrapper ul.wp-block-list,
.editor-styles-wrapper ul.wp-block-list ul {
	margin-inline: 0;
	padding-inline: 0;
	line-height: 1.5;
}

ul.ohso-content-list > li + li,
ul.ohso-content-list ul > li + li,
.editor-styles-wrapper ul.wp-block-list > li + li,
.editor-styles-wrapper ul.wp-block-list ul > li + li {
	margin-block-start: var(--space-xxs);
}

ul.ohso-content-list > li::marker,
ul.ohso-content-list ul > li::marker,
.editor-styles-wrapper ul.wp-block-list > li::marker,
.editor-styles-wrapper ul.wp-block-list ul > li::marker {
	color: var(--content-list-accent, var(--content-accent, var(--primary)));
}

ul.ohso-content-list.ohso-content-accent--default { --content-list-accent: var(--primary); }

.wp-block-buttons {
	gap: var(--space-s);
	flex-wrap: wrap;
}
.wp-block-button {
	max-width: 100%;
}
.wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: calc(var(--space-xs) * .75);
	box-sizing: border-box;
	max-width: 100%;
	min-height: 44px;
	padding: var(--space-xs) var(--space-s);
	border: 0;
	border-radius: var(--radius-m);
	font-family: var(--font-decorative);
	font-size: var(--text-s);
	font-weight: 700;
	line-height: 1.375;
	text-align: center;
	text-decoration: none;
	overflow-wrap: anywhere;
	transition: background-color var(--transition), color var(--transition), border-color var(--transition);
}
.wp-block-button .wp-block-button__link:not(.has-background) {
	background: var(--accent-light);
}
.wp-block-button .wp-block-button__link:not(.has-text-color) {
	color: var(--accent-dark);
}
.wp-block-button .wp-block-button__link:not(.has-background):hover {
	background: var(--accent-semi-light);
}
.wp-block-button:is(.is-style-outline, .is-style-outline-with-arrow) .wp-block-button__link {
	border: 2px solid currentColor;
	padding: calc(var(--space-xs) - 2px) calc(var(--space-s) - 2px);
}
.wp-block-button:is(.is-style-outline, .is-style-outline-with-arrow) .wp-block-button__link:not(.has-background) {
	background: transparent;
}
.wp-block-button:is(.is-style-outline, .is-style-outline-with-arrow) .wp-block-button__link:not(.has-text-color) {
	color: var(--content-accent-dark, var(--accent-dark));
}
.wp-block-button:is(.is-style-outline, .is-style-outline-with-arrow) .wp-block-button__link:not(.has-background):hover {
	background: var(--content-accent-surface, var(--accent-ultra-light));
}
.wp-block-button .wp-block-button__link:focus-visible {
	outline: 2px solid var(--accent-dark);
	outline-offset: 4px;
}

.wp-block-button:is(.is-style-outline, .is-style-outline-with-arrow) .wp-block-button__link:focus-visible {
	outline-color: var(--content-accent-dark, var(--accent-dark));
}

/* Fill buttons retain the peach palette, including saved colour overrides. */
.wp-block-button:not(.is-style-outline):not(.is-style-outline-with-arrow) .wp-block-button__link {
	background: var(--accent-light) !important;
	color: var(--accent-dark) !important;
}
.wp-block-button:not(.is-style-outline):not(.is-style-outline-with-arrow) .wp-block-button__link:hover {
	background: var(--accent-semi-light) !important;
}