.client-js {
	.collapsible-heading {
		cursor: pointer;
	}

	.collapsible-heading-disabled {
		cursor: default;

		.indicator {
			opacity: 0.5;
		}
	}

	// Vertically center toggle buttons in the case of long, multiline headings
	// FIXME: For legacy parser, can be removed when Parsoid is everywhere.
	.section-heading {
		display: flex;
		align-items: center;

		.indicator {
			max-height: 32px;
		}
	}
}

@media print {
	.collapsible-heading .indicator {
		display: none;
	}

	// need to be this specific in order to override the default style
	.client-js .collapsible-block {
		display: block;
		content-visibility: visible;
	}

	// T416065: Expand collapsed Parsoid sections when printing.
	// Override hidden='until-found' attribute set by sectionCollapsing.js.
	.client-js .mf-collapsible-content[ hidden ] {
		display: block;
		content-visibility: visible;
	}

	.mf-collapsible-icon {
		display: none;
	}
}
