/* C07 uses the shared Measured Habitat reading canvas. The lead image keeps
 * its full composition and the caption remains outside the image box. */

@media screen {
	.mh-c07-page .hero-section[data-type="type-1"] {
		min-height: clamp(350px, 33vw, 430px);
		padding-block: clamp(3.25rem, 5.5vw, 5rem) clamp(5.25rem, 7vw, 6.75rem);
	}

	.mh-c07-page .hero-section .entry-header {
		width: min(1180px, 100%);
	}

	.mh-c07-page .hero-section .page-title {
		max-width: 18ch;
		font-size: clamp(2.9rem, 4.25vw, 4.35rem);
		line-height: 0.98;
		letter-spacing: -0.052em;
	}

	.mh-c07-page .hero-section[data-type="type-1"]::before {
		right: clamp(-4rem, 3vw, 5rem);
		width: clamp(230px, 24vw, 360px);
		opacity: 0.7;
	}

	.mh-c07-page .entry-content {
		position: relative;
		z-index: 3;
		width: min(1040px, calc(100% - 2.5rem));
		max-width: 1040px;
		margin-top: clamp(-3.35rem, -4vw, -2.6rem);
		padding: clamp(1.65rem, 4.2vw, 4rem);
		border: 1px solid var(--mh-line, rgba(32, 55, 47, 0.14));
		border-radius: 24px;
		background: var(--mh-paper, #fffefa);
		box-shadow: 0 30px 80px rgba(31, 56, 47, 0.11), 0 3px 12px rgba(31, 56, 47, 0.055);
	}

	.mh-c07-page .entry-content > :not(.mh-article-lead):not(.mh-article-toc) {
		max-width: 750px;
		margin-right: auto;
		margin-left: auto;
	}

	.mh-c07-page .mh-c07-byline,
	.mh-c07-page .mh-article-toc {
		width: min(750px, 100%);
		margin-right: auto;
		margin-left: auto;
	}

	.mh-c07-page .mh-c07-byline {
		position: relative;
		margin-bottom: 0.8rem;
		padding: 1rem 1.15rem 1rem 2.25rem;
		border: 1px solid rgba(46, 102, 87, 0.13);
		border-radius: 12px;
		background: #f9faf6;
		color: #52635b;
		font-size: 0.9rem;
		line-height: 1.55;
	}

	.mh-c07-page .mh-c07-byline::before {
		position: absolute;
		left: 1.08rem;
		top: 1.55rem;
		width: 0.48rem;
		height: 0.48rem;
		border-radius: 50%;
		background: #2e6657;
		box-shadow: 0 0 0 5px rgba(46, 102, 87, 0.09);
		content: "";
	}

	.mh-c07-page .mh-article-toc {
		margin-top: 0.8rem;
		margin-bottom: clamp(1.75rem, 4vw, 3rem);
	}

	.mh-c07-page .mh-article-lead {
		display: grid;
		grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
		grid-template-areas: "media facts";
		align-items: stretch;
		gap: clamp(1.15rem, 2.5vw, 1.8rem);
		max-width: 900px;
		margin: 0 auto clamp(3rem, 7vw, 5.25rem);
	}

	.mh-c07-page .mh-article-lead > figure {
		grid-area: media;
		align-self: start;
		margin: 0;
		border-radius: 18px;
		background: #e7ede5;
		box-shadow: 0 18px 44px rgba(31, 56, 47, 0.12);
		overflow: hidden;
	}

	.mh-c07-page .mh-article-lead > figure img {
		display: block;
		width: 100%;
		height: auto;
		min-height: 0;
		max-height: none;
		aspect-ratio: auto;
		object-fit: contain;
	}

	.mh-c07-page .mh-article-lead > figure figcaption {
		margin: 0;
		padding: 0.85rem 1rem 0.95rem;
		background: #fffefa;
		color: #5c6a63;
		font-size: 0.78rem;
		line-height: 1.55;
	}

	.mh-c07-page .mh-article-facts {
		grid-area: facts;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0;
		padding: clamp(1.25rem, 2.3vw, 1.7rem);
		border: 1px solid rgba(46, 102, 87, 0.17);
		border-radius: 18px;
		background: linear-gradient(145deg, rgba(237, 245, 237, 0.98), rgba(250, 251, 246, 0.98));
		box-shadow: 0 16px 38px rgba(31, 56, 47, 0.075);
	}

	.mh-c07-page .mh-article-facts blockquote {
		margin: 0 0 1.15rem;
		padding: 0 0 0 1rem;
		border: 0;
		border-left: 3px solid #bd7628;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.mh-c07-page .mh-article-facts > p {
		margin: 0;
		padding-top: 1rem;
		border-top: 1px solid rgba(46, 102, 87, 0.14);
		color: #52635b;
		font-size: 0.88rem;
		line-height: 1.65;
	}

	.mh-c07-page .entry-content h2 {
		position: relative;
		padding-top: 1.05rem;
		text-wrap: balance;
		scroll-margin-top: 7rem;
	}

	.mh-c07-page .entry-content h2::before {
		position: absolute;
		left: 0;
		top: 0;
		width: 2.7rem;
		height: 3px;
		border-radius: 99px;
		background: linear-gradient(90deg, #2e6657, #bd7628);
		content: "";
	}

	.mh-c07-page .entry-content .mh-table-scroll {
		border-radius: 12px;
		box-shadow: 0 12px 28px rgba(31, 56, 47, 0.06);
	}

	.mh-c07-page .entry-content table {
		font-size: 0.92rem;
		line-height: 1.5;
	}

	.mh-c07-page .entry-content th {
		background: #eaf1e8;
		color: #234a3e;
	}
}

@media screen and (max-width: 959.98px) {
	.mh-c07-page .mh-article-lead {
		grid-template-columns: 1fr;
		grid-template-areas: "media" "facts";
		max-width: 750px;
	}
}

@media screen and (max-width: 689.98px) {
	.mh-c07-page .hero-section[data-type="type-1"] {
		padding-block: 2.45rem 4.5rem;
	}

	.mh-c07-page .hero-section .page-title {
		max-width: 100%;
		font-size: clamp(2.15rem, 10.3vw, 2.8rem);
		line-height: 1;
	}

	.mh-c07-page .entry-content {
		width: calc(100% - 1rem);
		margin-top: -2.25rem;
		padding: 1.15rem;
		border-radius: 18px;
	}

	.mh-c07-page .mh-c07-byline {
		padding: 0.9rem 0.9rem 0.9rem 1.9rem;
		font-size: 0.82rem;
	}

	.mh-c07-page .mh-c07-byline::before {
		left: 0.9rem;
		top: 1.35rem;
	}

	.mh-c07-page .mh-article-lead {
		gap: 0.9rem;
		margin-bottom: 3.35rem;
	}

	.mh-c07-page .mh-article-lead > figure,
	.mh-c07-page .mh-article-facts {
		border-radius: 13px;
	}

	.mh-c07-page .mh-article-facts {
		padding: 1.1rem;
	}

	.mh-c07-page .entry-content h2 {
		font-size: clamp(1.68rem, 8vw, 2rem);
		line-height: 1.15;
	}
}

@media print {
	.mh-c07-page #header,
	.mh-c07-page .ct-footer,
	.mh-c07-page .mh-article-toc,
	.mh-c07-page .mh-reading-progress,
	.mh-c07-page .mh-back-to-top {
		display: none !important;
	}

	.mh-c07-page .hero-section[data-type="type-1"] {
		min-height: 0;
		padding: 0 0 1.2rem;
		background: #fff;
	}

	.mh-c07-page .hero-section[data-type="type-1"]::before,
	.mh-c07-page .hero-section[data-type="type-1"]::after,
	.mh-c07-page .hero-section .entry-header::before {
		display: none;
	}

	.mh-c07-page .hero-section .entry-header {
		padding: 0;
	}

	.mh-c07-page .hero-section .page-title {
		max-width: none;
		font-size: 25pt;
		line-height: 1.15;
	}

	.mh-c07-page .entry-content {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
	}
}