/* -----------------------------------------------------------------------------
   Closed (hidden) group — inactive / closure notice
   ----------------------------------------------------------------------------- */

.bond-group-inactive-notice {
	--bond-group-inactive-border: var(--color-border, #d8d8d8);
	--bond-group-inactive-text: var(--color-text-main, #37322e);
	--bond-group-inactive-muted: var(--color-bond-grey, #545246);
	padding: 2rem 0 3rem;
}

.bond-group-inactive-notice__inner {
	max-width: 720px;
	margin: 0 auto;
	padding: 2rem 2.25rem;
	border: 1px solid var(--bond-group-inactive-border);
	border-radius: 4px;
	background: var(--color-background-body, #fff);
}

.bond-group-inactive-notice__title {
	margin: 0 0 1rem;
	color: var(--color-bond-red-darker, #8a0026);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
}

.bond-group-inactive-notice__message {
	margin: 0 0 1.5rem;
	color: var(--bond-group-inactive-text);
	font-size: 1.0625rem;
	line-height: 1.5;
}

.bond-group-inactive-notice__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.25rem;
}

.bond-group-inactive-notice__link--secondary {
	color: var(--bond-group-inactive-muted);
	text-decoration: underline;
}

.bond-group-inactive-notice__link--secondary:hover,
.bond-group-inactive-notice__link--secondary:focus-visible {
	color: var(--color-link, #d50032);
}