/**
 * Disclosure (FAQ dropdown) styles. Matches the Course Purchasing palette but stands alone
 * so the block is usable anywhere on the site.
 */
.indi-disclosure {
	--cp-green: #36613e;
	--cp-ink: #443c3c;
	--cp-line: #ece5d8;
	background: #fff;
	border: 1px solid var(--cp-line);
	border-radius: 12px;
	padding: 4px 6px;
	font-family: 'Open Sans', sans-serif;
	margin: 15px auto;
}
.indi-disclosure-head {
	display: flex;
	align-items: center;
	gap: 11px;
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	padding: 12px 14px;
	text-align: left;
}
.indi-disclosure-head:hover, 
.indi-disclosure-head:active,
.indi-disclosure-head:focus {
	background-color: transparent;
}
.indi-disclosure-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--cp-green); flex: 0 0 auto; }
.indi-disclosure-title { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 18px; color: var(--cp-ink); }
.indi-disclosure-toggle { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-family: 'Source Sans 3', sans-serif; font-weight: 600; font-size: 13px; color: var(--cp-green); white-space: nowrap; }
/* Same arrow glyph in both states — just rotate it when open. */
.indi-disclosure-arrow { display: inline-block; transition: transform .15s ease; }
.indi-disclosure-head[aria-expanded="true"] .indi-disclosure-arrow { transform: rotate(180deg); }
.indi-disclosure-body { padding: 0 16px 14px; font-size: 16px; line-height: 1.65; color: #5b524e; }

/* Editor: always show the body so content is editable. */
.indi-disclosure--editor .indi-disclosure-body { padding-top: 6px; }