.accessible-image-description {
	margin-block: clamp(2rem, 4vw, 4rem);
}

.accessible-image-description__heading {
	margin-block: 0 1rem;
}

.accessible-image-description__group + .accessible-image-description__group {
	margin-block-start: clamp(3rem, 6vw, 5rem);
	padding-block-start: clamp(2rem, 4vw, 3rem);
	border-block-start: 0.125rem solid color-mix(in srgb, var(--color-primary) 70%, transparent);
}

.accessible-image-description__group-heading {
	margin-block: clamp(1.5rem, 3vw, 2.25rem) 1rem;
	color: var(--theme-heading-3);
}

.accessible-image-description__images {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 20rem));
	justify-content: start;
	gap: clamp(1.25rem, 3vw, 2rem);
	max-width: 70rem;
}

.accessible-image-description__figure {
	margin: 0;
	width: 100%;
}

.accessible-image-description__figure img {
	display: block;
	width: 100%;
	height: auto;
}

.accessible-image-description__caption {
	margin-block-start: 0.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.35;
}

.accessible-image-description__image-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: var(--color-primary);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

.accessible-image-description__image-link .lni {
	font-size: 1rem;
	line-height: 1;
}

.accessible-image-description__image-link:hover,
.accessible-image-description__image-link:focus-visible {
	color: var(--color-dark);
}

.accessible-image-description__details {
	margin-block-start: 1rem;
}

.accessible-image-description__summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 2.25rem;
	padding: 0.55rem 0.9rem;
	border-radius: 999rem;
	background: var(--color-primary);
	color: var(--Primary-White);
	cursor: pointer;
	font-weight: 700;
	line-height: 1;
}

.accessible-image-description__summary::after {
	content: "+";
	display: inline-grid;
	place-items: center;
	width: 1rem;
	height: 1rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
}

.accessible-image-description__details[open] .accessible-image-description__summary::after {
	content: "-";
}

.accessible-image-description__summary:hover,
.accessible-image-description__summary:focus-visible {
	background: var(--color-dark);
	color: var(--Primary-White);
}

.accessible-image-description__summary:focus-visible {
	outline: 3px solid var(--color-warning);
	outline-offset: 0.25rem;
}

.accessible-image-description__content {
	max-width: 70rem;
	margin-block-start: 1rem;
	padding: 1rem;
	border-inline-start: 0.25rem solid var(--color-primary);
	background: color-mix(in srgb, var(--color-secondary) 18%, transparent);
}

.accessible-image-description__content > :first-child {
	margin-block-start: 0;
}

.accessible-image-description__content > :last-child {
	margin-block-end: 0;
}