/**
 * Statutory & Financials — front-end styles.
 *
 * Every selector is scoped under `.statutory-list` and every themeable
 * value is exposed as a CSS custom property with a sensible default,
 * matching the site's existing blue accent (#0e649c) used across the
 * About and Career pages.
 */
.statutory-list {
	--statutory-accent: #0e649c;
	--statutory-title-color: #16233c;
	--statutory-row-border: rgba( 14, 100, 156, 0.14 );
	--statutory-bg: #f4f6f8;
	--statutory-radius: 12px;

	background: var( --statutory-bg );
	border-radius: var( --statutory-radius );
	padding: 8px 32px;
}

.statutory-list__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 22px 0;
	border-bottom: 1px solid var( --statutory-row-border );
}

.statutory-list__row:last-child {
	border-bottom: none;
}

.statutory-list__title {
	font-size: 16px;
	font-weight: 600;
	color: var( --statutory-title-color );
}

.statutory-list__button {
	flex-shrink: 0;
	display: inline-block;
	border: 2px solid var( --statutory-accent );
	color: var( --statutory-accent );
	background: transparent;
	padding: 9px 26px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.statutory-list__button:hover,
.statutory-list__button:focus {
	background: var( --statutory-accent );
	color: #ffffff;
	text-decoration: none;
}

.statutory-list__pending {
	flex-shrink: 0;
	font-size: 14px;
	font-style: italic;
	color: #8a94a3;
}

@media ( max-width: 600px ) {
	.statutory-list {
		padding: 4px 20px;
	}

	.statutory-list__row {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}