/* @generated by Skylit - do not edit */
/**
 * Skylit dev cache — pattern: mhpr-heading-badge
 * Auto-generated on save_post. Do not hand-edit.
 */

.mhpr-section-header {
		display: flex;
		flex-direction: column;
		gap: var(--mhpr-gap-4);
		}
		.mhpr-section-header > :where(.mhpr-section-tag, h2, p) {
		margin: 0;
		}
		.mhpr-section-header--full-width {
		/* skylit-class-mod: Full width header | only: .mhpr-section-header */
		width: 100%;
		}
		.mhpr-section-header--full-width > :where(.mhpr-section-tag, h2, p) {
		width: 100%;
		max-width: none;
		}
		.mhpr-section-header--align-left {
		/* skylit-class-mod: Align header left | only: .mhpr-section-header */
		align-items: flex-start;
		text-align: left;
		}
		.mhpr-section-header--align-center {
		/* skylit-class-mod: Align header center | only: .mhpr-section-header */
		align-items: center;
		text-align: center;
		}
		.mhpr-section-header--badge-white {
		/* skylit-class-mod: White badge text | only: .mhpr-section-header */
		}
		.mhpr-section-header--badge-white .mhpr-section-tag {
		color: var(--mhpr-color-white);
		}
		.mhpr-section-header--badge-gold {
		/* skylit-class-mod: Gold badge text | only: .mhpr-section-header */
		}
		.mhpr-section-header--badge-accent {
		/* skylit-class-mod: Accent (gold) badge — Integrity / report | only: .mhpr-section-header */
		}
		.mhpr-section-header--badge-gold .mhpr-section-tag,
		.mhpr-section-header--badge-accent .mhpr-section-tag {
		color: var(--mhpr-color-gold);
		}
		.mhpr-section-header--badge-teal {
		/* skylit-class-mod: Teal badge text | only: .mhpr-section-header */
		}
		.mhpr-section-header--badge-teal .mhpr-section-tag {
		color: var(--mhpr-color-teal);
		}
		.mhpr-section-tag--gold {
		/* skylit-class-mod: Gold overline tag (standalone) | only: .mhpr-section-tag */
		color: var(--mhpr-color-gold);
		}
		.mhpr-section-tag--accent {
		/* skylit-class-mod: Accent overline tag (standalone) | only: .mhpr-section-tag */
		color: var(--mhpr-sr-report-accent);
		}
		.mhpr-section-tag--teal {
		/* skylit-class-mod: Teal overline tag (standalone) | only: .mhpr-section-tag */
		color: var(--mhpr-color-teal);
		}
		.mhpr-section-header > p {
		width: 100%;
		max-width: none;
		}
		@media (min-width: 1025px) {
		.mhpr-section-header:not(.mhpr-section-header--full-width) > p {
		max-width: 30rem;
		}
		}