/* C04 presentation preview: show the complete approved 16:9 image, then the
 * evidence panel. This is a reversible CSS-only override for Article #3. */

@media screen {
	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: clamp(1.15rem, 2.5vw, 1.8rem) !important;
		max-width: 900px !important;
	}

	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead > figure {
		display: block !important;
		width: 100% !important;
		align-self: auto !important;
	}

	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead > figure img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: auto !important;
		object-fit: contain !important;
	}

	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead > .mh-article-facts {
		width: 100% !important;
		align-self: auto !important;
		box-sizing: border-box;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr);
		gap: 1.25rem;
	}
	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-facts > blockquote {
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		margin-bottom: 0 !important;
		min-width: 0;
	}
	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-facts > p {
		margin: 0 !important;
		min-width: 0;
	}
}

@media screen and (min-width: 960px) {
	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead > .mh-article-facts {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
		align-items: start;
		gap: 2rem;
	}
	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-facts > p {
		border-top: 0 !important;
		border-left: 1px solid #d4e2db;
		padding-top: 0 !important;
		padding-left: 1.5rem;
	}
}

@media print {
	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead {
		display: block !important;
	}

	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead > figure,
	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead > .mh-article-facts {
		width: 100% !important;
	}

	:is(.mh-c04-page, .mh-c45-page, .mh-c05-page, .mh-c01-page) .mh-article-lead > figure img {
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
		object-fit: contain !important;
	}
}

/* C05 retains its semantic aside, heading and definition-list structure. */
@media screen {
 .mh-c05-page .mh-article-lead figcaption { width:100% !important; max-width:none !important; box-sizing:border-box; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence {
  width:100%; box-sizing:border-box; display:grid;
  grid-template-columns:minmax(0,1fr); gap:1rem;
 }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > h2,
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > p,
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > dl { margin:0; min-width:0; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > h2 { font-size:1.1rem; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > p { border-left:3px solid #bd7628; padding-left:1rem; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > dl { border-top:1px solid #d4e2db; padding-top:1rem; font-size:.88rem; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence dl > div { display:block; padding:.35rem 0; border:0; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence dd { margin:0; }
}
@media screen and (min-width:960px) {
 .mh-c05-page .mh-article-lead > .mh-c05-evidence {
  grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  grid-template-areas:"title dates" "summary dates";
  column-gap:2rem; row-gap:.75rem; align-items:start;
 }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > h2 { grid-area:title; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > p { grid-area:summary; }
 .mh-c05-page .mh-article-lead > .mh-c05-evidence > dl {
  grid-area:dates; border-top:0; border-left:1px solid #d4e2db; padding:0 0 0 1.5rem;
 }
}