
/* Expandable Content
   Auto-wrapped by /scripts/auto-expand-content.js (or authored manually with the
   same .auto-expand / .xpnd / .rd-mr markup). Toggle engine:
   passive-show-hide.js adds `.show` to the [data-showhide] box; slide-toggle.js
   adds `.sld-opn` to the panel while it animates open. */

/* Collapsible panel ----------------------------------------------------------- */
.xpnd {
	position: relative;
	display: none;
	overflow: hidden;
	outline: none !important;
	transition: height .4s ease, padding .4s ease, margin .4s ease;
}

.xpnd[aria-hidden="false"],
.xpnd.sld-opn {
	display: block;
}

/* In CMS edit mode, never hide content (editors see everything). */
html.cms-content .xpnd {
	display: block;
	visibility: visible;
}

/* Read More / Show Less toggle ------------------------------------------------ */
/* Base rule sets only the icon + structure; sites restyle .rd-mr freely. The
   glyph is drawn via CSS mask so its color follows currentColor. */
.rd-mr {
	--rd-mr-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M8 10.7 1.6 4.3 3 2.9l5 5 5-5 1.4 1.4z'/></svg>");

	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.333rem;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--fnt-m, inherit);
	font-weight: 700;
	font-size: 0.889rem;
	letter-spacing: 0.02em;
	color: var(--link-color);
	cursor: pointer;
}

.rd-mr::after {
	content: "";
	flex: 0 0 auto;
	width: 0.778rem;
	height: 0.778rem;
	background-color: currentColor;
	-webkit-mask: var(--rd-mr-icon) no-repeat center / contain;
	mask: var(--rd-mr-icon) no-repeat center / contain;
	transition: transform .3s ease;
}

/* Chevron points up when the panel is open. */
[data-showhide].show .rd-mr::after {
	transform: rotate(180deg);
}

/* Label swap: "Read More" (.opn) when closed, "Show Less" (.cls) when open. */
.rd-mr .cls {
	display: none;
}

[data-showhide].show .rd-mr .opn {
	display: none;
}

[data-showhide].show .rd-mr .cls {
	display: inline;
}
