/*
 * HCE Management Atlas mobile layout repair.
 * Shared rules apply only to Atlas publication body classes at 700px or less.
 * Post 12437 receives one additional cover-to-masthead spacing correction.
 */

@media (max-width: 700px) {
	html body.single-post.hce-macc-publication .cs-main-post .cs-editor-text header.hce-atlas-masthead {
		gap: 14px !important;
		padding: 26px 18px 24px !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-kicker {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 7px 9px !important;
		overflow: hidden !important;
		font-size: 10px !important;
		line-height: 1.25 !important;
		letter-spacing: .045em !important;
		white-space: nowrap !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-kicker::before {
		flex: 0 0 28px !important;
		width: 28px !important;
		height: 4px !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-title {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		font-size: clamp(28px, 7.6vw, 32px) !important;
		font-weight: 800 !important;
		line-height: 1.09 !important;
		letter-spacing: -.02em !important;
		text-align: left !important;
		text-wrap: balance !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-dek {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 12px !important;
		border-left-width: 4px !important;
		font-size: 17px !important;
		line-height: 1.48 !important;
		text-align: left !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-byline {
		gap: 7px !important;
		margin: 2px 0 0 !important;
		padding: 7px !important;
		border-radius: 12px !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-byline > span {
		min-height: 0 !important;
		padding: 9px 10px !important;
		font-size: 15px !important;
		line-height: 1.4 !important;
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	html body.single-post.hce-macc-publication .hce-atlas-body > .hce-atlas-section {
		padding-right: 20px !important;
		padding-left: 20px !important;
	}

	html body.single-post.postid-12437.hce-macc-publication figure.hce-atlas-hero {
		margin: 0 auto 12px !important;
		border-radius: 14px !important;
	}

	html body.single-post.postid-12437.hce-macc-publication figure.hce-atlas-hero img.hce-atlas-hero-art {
		border-radius: 14px !important;
	}
}

@media (max-width: 370px) {
	html body.single-post.hce-macc-publication .cs-main-post .cs-editor-text header.hce-atlas-masthead {
		padding-right: 16px !important;
		padding-left: 16px !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-title {
		font-size: 27px !important;
	}

	html body.single-post.hce-macc-publication .cs-editor-text header.hce-atlas-masthead .hce-atlas-kicker {
		font-size: 9.5px !important;
		letter-spacing: .025em !important;
	}
}