/* AA Fold — Jupiter-style disclosure, animated. Class aa-fold on any <details>. */

.aa-fold {
	margin: 0.75rem 0;
	background: #fff;
	border: 1px solid rgba(39, 39, 39, 0.12);
	border-radius: 0.7rem;
	interpolate-size: allow-keywords;
}

.aa-fold > summary {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.05rem 1.15rem;
	color: #272727;
	font-size: 0.92rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.35;
	list-style: none;
	text-transform: uppercase;
	cursor: pointer;
}

.aa-fold > summary::-webkit-details-marker {
	display: none;
}

.aa-fold > summary::marker {
	content: "";
}

.aa-fold > summary::after {
	flex: 0 0 auto;
	color: #507210;
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 1;
	content: "+";
	transition: transform 0.35s ease;
}

.aa-fold[open] > summary::after {
	content: "\2013";
}

.aa-fold::details-content {
	height: 0;
	overflow: clip;
	transition: height 0.35s ease, content-visibility 0.35s allow-discrete;
}

.aa-fold[open]::details-content {
	height: auto;
}

.aa-fold__inner {
	padding: 0 1.15rem 1.15rem;
}

.aa-fold__inner > :first-child {
	margin-top: 0;
}

.aa-fold__inner > :last-child {
	margin-bottom: 0;
}

.aa-fold-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.aa-fold-list .aa-fold {
	margin: 0;
}

.aa-croc-band,
.aa-croc-overview {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

/* Full-bleed gallery: break out of the wide content column. */
.aa-bleed.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
