/*
 * Accueil 2026 — palier petit laptop / tablette paysage.
 *
 * À 1024 px, le précédent basculement des actions en 2 × 2 ajoutait une
 * rangée complète au hero et repoussait son introduction sous la navigation.
 * Le même palier laissait ensuite deux cartes éditoriales dans des colonnes de
 * 25 %, trop étroites pour leurs titres. Ces règles restent exclusivement
 * destinées à l'écran afin de préserver le document canonique imprimé.
 */
@media screen and (min-width: 901px) and (max-width: 1180px) {
	body.isFrontPage #header .hm-home-hero__statement {
		width: min(960px, 100%);
		margin-top: clamp(18px, 3.2svh, 26px);
		font-size: clamp(40px, 4.5vw, 54px);
	}

	body.isFrontPage #header .hm-home-hero__actions {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 8px;
		margin-top: clamp(18px, 3.2svh, 26px);
	}

	body.isFrontPage #header .hm-home-hero__action,
	body.isFrontPage #header .hm-home-hero__action:first-child,
	body.isFrontPage #header .hm-home-hero__action:last-child {
		grid-template-columns: minmax(0, 1fr) 18px;
		gap: 9px;
		min-height: 68px;
		padding: 11px 12px;
		border-radius: 12px;
		font-size: clamp(11.5px, 1.25vw, 14px);
	}

	body.isFrontPage #header .hm-home-hero__action i {
		font-size: 18px;
	}
}

@media screen and (min-width: 901px) and (max-width: 1180px) and (max-height: 700px) {
	#header.hm-site-header--hero .hm-home-hero__inner {
		padding-bottom: clamp(76px, 13svh, 88px);
	}

	body.isFrontPage #header .hm-home-hero__anniversary {
		margin-bottom: 12px;
	}

	body.isFrontPage #header .hm-home-hero h1 {
		max-width: 760px;
		font-size: 13px;
		line-height: 1.3;
	}
}

@media screen and (min-width: 769px) and (max-width: 1180px) {
	body.isFrontPage .hm-home-news .hm-blog-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(18px, 2.4vw, 26px);
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story + .hm-home-story,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story:first-child,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story:nth-child(n + 6) {
		grid-column: auto !important;
		grid-row: auto !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story h2 a {
		font-size: clamp(20px, 2.25vw, 27px) !important;
		line-height: 1.18 !important;
		text-transform: none !important;
		text-wrap: balance;
		overflow-wrap: break-word;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story:first-child h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story:first-child h2 a {
		font-size: clamp(24px, 2.65vw, 31px) !important;
		line-height: 1.14 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story.is-blog:not(.is-newsletter) .hm-blog-image img,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story:first-child.is-blog:not(.is-newsletter) .hm-blog-image img {
		height: clamp(210px, 23vw, 270px) !important;
		object-fit: cover;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story:not(.is-newsletter) .item-contenu2024 > p.hm-blog-excerpt,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story:first-child:not(.is-newsletter) .item-contenu2024 > p.hm-blog-excerpt {
		display: -webkit-box !important;
		overflow: hidden !important;
		font-size: 14px !important;
		line-height: 1.45 !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 6 !important;
		line-clamp: 6;
	}
}

/*
 * Accueil 2026 — composition éditoriale stable sur grand écran.
 *
 * La vedette occupe une ligne complète. Les quatre cartes de soutien forment
 * ensuite une grille 2 × 2 et adoptent un véritable format paysage. Les rôles
 * sont attribués côté gabarit afin qu'une nouvelle publication ne déplace pas
 * ces règles vers les mauvais articles.
 */
@media screen and (min-width: 1181px) {
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting {
		grid-column: span 6 !important;
		grid-row: auto !important;
		align-self: stretch;
		position: relative;
		min-width: 0;
		min-height: 0 !important;
		padding: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--standard {
		grid-row: auto !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting:hover .item-contenu2024 {
		display: grid !important;
		grid-template-columns: minmax(200px, 40%) minmax(0, 1fr);
		grid-auto-rows: min-content;
		align-content: start;
		column-gap: clamp(16px, 1.5vw, 22px);
		row-gap: 7px;
		flex: 1 1 auto !important;
		width: 100% !important;
		min-width: 0;
		min-height: 300px;
		height: auto !important;
		padding: 16px 18px !important;
		overflow: hidden;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024 > :not(.hm-blog-image) {
		grid-column: 2;
		min-width: 0;
		margin-top: 0;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-blog-image {
		position: relative !important;
		inset: auto !important;
		z-index: 0 !important;
		grid-column: 1 !important;
		grid-row: 1 / span 6 !important;
		align-self: stretch;
		order: initial !important;
		width: 100% !important;
		height: 268px !important;
		min-width: 0;
		min-height: 268px;
		max-height: 268px;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 10px !important;
		overflow: hidden !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-blog-image > a {
		display: block !important;
		width: 100%;
		height: 100%;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-blog-image img,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:not(.is-newsletter) .hm-blog-image img,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter .hm-blog-image img {
		position: absolute !important;
		inset: 0;
		display: block;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		border-radius: 0 !important;
		object-fit: cover !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting h2 a {
		display: block !important;
		overflow: visible !important;
		font-size: clamp(20px, 1.55vw, 23px) !important;
		line-height: 1.15 !important;
		text-transform: none !important;
		text-wrap: balance;
		overflow-wrap: anywhere;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024 > p.hm-blog-excerpt {
		display: block !important;
		overflow: visible !important;
		margin: 0 0 2px !important;
		font-size: 14px !important;
		line-height: 1.38 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .lien-activite {
		align-self: end;
		margin: 0 !important;
		padding-top: 4px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-date {
		flex: 0 0 auto;
		width: 100% !important;
		min-height: 0;
		padding: 10px 16px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover {
		min-height: 0 !important;
		background-color: #fff !important;
		border-top: 11px solid var(--hm-accent) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press::before {
		display: none !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image::after {
		display: none !important;
		content: none !important;
		background: none !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-media-logo {
		min-height: 0 !important;
		margin: 0 0 2px !important;
		padding: 7px 9px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-media-logo img {
		max-width: 150px !important;
		max-height: 36px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter h3 {
		display: block;
		overflow: visible;
		margin: 0 !important;
		font-size: 14px !important;
		line-height: 1.3 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter .hm-newsletter-subjects {
		gap: 4px;
		margin: 0 0 4px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter .hm-newsletter-subjects li {
		font-size: 11px !important;
		line-height: 1.22 !important;
	}

	/*
	 * Modèle définitif des quatre cartes de soutien : une hauteur commune,
	 * une image qui couvre tout le flanc gauche et un contenu compact à droite.
	 * Cette couche neutralise les anciens traitements propres aux types de
	 * publication sans modifier la grande carte vedette.
	 */
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting:hover {
		--hm-support-card-inset: 18px;
		--hm-support-card-space: 8px;
		position: relative !important;
		display: flex !important;
		height: 370px !important;
		min-height: 370px !important;
		max-height: 370px !important;
		overflow: hidden !important;
		background: #fff !important;
		border: 0 !important;
		border-top: 10px solid var(--story-accent, var(--hm-accent2)) !important;
		border-radius: 14px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover {
		border-top-color: var(--hm-accent) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting:hover .item-contenu2024 {
		position: static !important;
		display: flex !important;
		flex: 1 1 auto !important;
		flex-direction: column !important;
		align-items: stretch;
		justify-content: flex-end !important;
		gap: var(--hm-support-card-space);
		width: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		height: auto !important;
		padding: var(--hm-support-card-inset) var(--hm-support-card-inset) 8px calc(42% + var(--hm-support-card-inset)) !important;
		overflow: hidden !important;
		background: transparent !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024 > :not(.hm-blog-image) {
		position: relative;
		z-index: 1;
		grid-column: auto !important;
		min-width: 0;
		margin-top: 0;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-blog-image,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image {
		position: absolute !important;
		top: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 0 !important;
		order: initial !important;
		width: 42% !important;
		height: 100% !important;
		min-width: 0;
		min-height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-blog-image > a,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image > a {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-blog-image img,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:not(.is-newsletter) .hm-blog-image img,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter .hm-blog-image img,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image img {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		object-fit: cover !important;
		border-radius: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-date,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-date {
		position: relative !important;
		z-index: 1 !important;
		order: 2 !important;
		flex: 0 0 auto;
		align-items: center;
		width: 58% !important;
		min-height: 0;
		margin: 0 0 0 42% !important;
		padding: var(--hm-support-card-space) var(--hm-support-card-inset) 16px !important;
		background: #fff !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting h2 {
		flex: 0 0 auto;
		margin: 0 0 1px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting h2 a {
		display: block !important;
		overflow: visible !important;
		max-height: none;
		font-size: clamp(18px, 1.35vw, 21px) !important;
		line-height: 1.13 !important;
		text-wrap: initial;
		overflow-wrap: anywhere;
		-webkit-box-orient: initial !important;
		-webkit-line-clamp: unset !important;
		line-clamp: unset;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024 > p.hm-blog-excerpt {
		display: -webkit-box !important;
		overflow: hidden !important;
		flex: 0 1 auto;
		max-height: 4.02em;
		margin: 0 !important;
		padding-left: 0 !important;
		font-size: 13px !important;
		line-height: 1.34 !important;
		text-align: left !important;
		border-left: 0 !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 3 !important;
		line-clamp: 3;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-press-media-logo,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting:hover .hm-press-media-logo {
		flex: 0 0 auto;
		width: fit-content !important;
		max-width: 100%;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 6px 9px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-press-media-logo img {
		max-width: 108px !important;
		max-height: 27px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-press-date {
		flex: 0 0 auto;
		margin: 0 !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .lien-activite {
		align-self: flex-start;
		margin: 0 !important;
		padding-top: 3px !important;
	}

	/* Les revues de presse conservent leur identité plein fond. */
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover {
		isolation: isolate;
		background: var(--hm-primary) !important;
		border: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press::before {
		display: block !important;
		position: absolute;
		inset: 0;
		z-index: 1;
		content: "" !important;
		pointer-events: none;
		background: linear-gradient(
			to bottom,
			color-mix(in srgb, var(--hm-primary) 18%, transparent) 0%,
			color-mix(in srgb, var(--hm-primary) 58%, transparent) 46%,
			color-mix(in srgb, var(--hm-primary) 95%, transparent) 100%
		) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image {
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover .item-contenu2024 {
		position: static !important;
		z-index: auto !important;
		order: 1 !important;
		justify-content: flex-end !important;
		gap: var(--hm-support-card-space);
		padding: var(--hm-support-card-inset) !important;
		background: transparent !important;
	}


	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-date,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover .item-date {
		position: relative !important;
		z-index: 3 !important;
		order: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: var(--hm-support-card-inset) var(--hm-support-card-inset) 0 !important;
		background: transparent !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press h2 a {
		color: #fff !important;
		font-family: "Cooper", serif !important;
		font-weight: normal !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press h2 a {
		max-height: none;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-contenu2024 > p.hm-blog-excerpt {
		max-height: 4.02em;
		padding-left: 9px !important;
		color: #fff !important;
		border-left: 3px solid var(--hm-accent2) !important;
		text-shadow: 0 1px 3px rgba(0, 0, 0, .22);
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-media-logo,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover .hm-press-media-logo {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-media-logo img {
		max-width: 108px !important;
		max-height: 27px !important;
		filter: brightness(0) invert(1) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-date {
		color: var(--hm-accent2) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .lien-activite a,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .lien-activite a:hover {
		color: var(--hm-primary) !important;
		background: #fff !important;
	}
}

/*
 * Les cartes de soutien reprennent le modèle interne des cartes standard qui
 * les suivent. Leur rôle ne détermine plus que leur largeur dans la grille.
 */
@media screen and (min-width: 1181px) {
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:focus-within,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .item-date,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover .item-date {
		background-color: var(--hm-secondary) !important;
		background-image: none !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:focus-within {
		border: 0 !important;
		border-top: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting:hover {
		display: flex !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: hidden !important;
		border-radius: 14px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover {
		background: color-mix(in srgb, var(--hm-accent2) 12%, #fff) !important;
		border: 0 !important;
		border-top: 11px solid var(--story-accent, var(--hm-accent2)) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter:hover {
		background: transparent !important;
		border: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover {
		min-height: 430px !important;
		background: var(--hm-primary) !important;
		border: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting:hover .item-contenu2024 {
		position: static !important;
		display: flex !important;
		flex: 1 1 auto !important;
		flex-direction: column !important;
		align-items: stretch;
		justify-content: normal !important;
		gap: normal;
		width: 100% !important;
		min-width: 0;
		min-height: 0 !important;
		height: auto !important;
		padding: 14px 16px 18px !important;
		overflow: visible !important;
		background: transparent !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-newsletter .item-contenu2024 {
		padding: 18px 18px 20px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover .item-contenu2024 {
		position: static !important;
		z-index: auto !important;
		order: 1 !important;
		justify-content: flex-end !important;
		padding: 14px 16px 18px !important;
		overflow: hidden !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024 > :not(.hm-blog-image) {
		position: static;
		z-index: auto;
		grid-column: auto !important;
		min-width: 0;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-contenu2024 > :not(.hm-blog-image) {
		position: relative;
		z-index: 2;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .hm-blog-image {
		position: relative !important;
		inset: auto !important;
		z-index: 0 !important;
		order: -1 !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: -14px -16px 14px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .hm-blog-image > a {
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .hm-blog-image img {
		position: relative !important;
		inset: auto !important;
		display: block !important;
		width: 100% !important;
		height: 150px !important;
		min-height: 0 !important;
		max-height: 150px !important;
		margin: 0 !important;
		object-fit: cover !important;
		border-radius: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image {
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image > a,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-blog-image img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		object-fit: cover !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-date {
		position: relative !important;
		z-index: 1 !important;
		order: 2 !important;
		width: auto !important;
		min-height: 0;
		margin: 0 !important;
		padding: 14px 16px 0 !important;
		background: transparent !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-date,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover .item-date {
		z-index: 3 !important;
		order: 0 !important;
		width: 100% !important;
		padding: 14px 16px 0 !important;
		background: transparent !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting h2 {
		flex: 0 0 auto;
		margin: 0 0 10px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press h2 {
		margin-bottom: 13px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting h2 a {
		display: block !important;
		overflow: visible !important;
		max-height: none;
		font-size: 24px !important;
		line-height: 1.18 !important;
		-webkit-box-orient: initial !important;
		-webkit-line-clamp: unset !important;
		line-clamp: unset;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .item-contenu2024 > p.hm-blog-excerpt {
		display: -webkit-box !important;
		overflow: hidden !important;
		flex: 0 1 auto;
		max-height: none;
		margin: 0 0 12px !important;
		padding-left: 0 !important;
		font-size: 14px !important;
		line-height: 1.42 !important;
		text-align: justify !important;
		border-left: 0 !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 9 !important;
		line-clamp: 9;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-contenu2024 > p.hm-blog-excerpt {
		padding-left: 12px !important;
		color: #fff !important;
		border-left: 4px solid var(--hm-accent2) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .lien-activite {
		align-self: flex-start;
		margin: auto 0 0 !important;
		padding-top: 8px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-media-logo,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover .hm-press-media-logo {
		width: 100% !important;
		min-height: 0 !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-media-logo img {
		max-width: 120px !important;
		max-height: 34px !important;
		filter: brightness(0) invert(1) !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .hm-press-date {
		margin: 0 0 12px !important;
		font-size: 16px !important;
		line-height: 1.15 !important;
	}
}

/*
 * Les cartes 2–5 gardent leur composition propre. Seuls leurs retraits
 * intérieurs reprennent exactement ceux des cartes standard suivantes.
 */
@media screen and (min-width: 1181px) {
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting:hover,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover {
		height: 530px !important;
		min-height: 530px !important;
		max-height: 530px !important;
		padding: 18px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover .item-contenu2024 {
		position: static !important;
		justify-content: flex-end !important;
		gap: normal !important;
		padding: 14px 16px 18px calc(42% + 16px) !important;
		overflow: hidden !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press:hover .item-contenu2024 {
		justify-content: flex-end !important;
		gap: normal !important;
		padding: 14px 16px 18px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .hm-blog-image {
		position: absolute !important;
		inset: 0 auto 0 0 !important;
		z-index: 0 !important;
		order: initial !important;
		width: 42% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		margin: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .hm-blog-image > a,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .hm-blog-image img {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		object-fit: cover !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .item-date {
		order: 2 !important;
		width: 58% !important;
		margin: 0 0 0 42% !important;
		padding: 14px 16px 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-date {
		padding: 14px 16px 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .item-contenu2024 > p.hm-blog-excerpt {
		max-height: 8.52em;
		margin: 0 0 10px !important;
		-webkit-line-clamp: 6 !important;
		line-clamp: 6;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .item-contenu2024 > p.hm-blog-excerpt {
		margin: 0 0 10px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting .lien-activite {
		margin: 0 !important;
	}
}

@media screen {
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:focus-within {
		background: var(--hm-secondary) !important;
		border: 0 !important;
		border-top: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover .item-contenu2024,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog .item-date,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:hover .item-date {
		background: var(--hm-secondary) !important;
	}
}

@media screen {
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured.is-blog:not(.is-newsletter) h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured.is-blog:not(.is-newsletter) h2 a,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:not(.is-newsletter) h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-blog:not(.is-newsletter) h2 a {
		text-transform: uppercase !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured.is-press .hm-press-media-logo img {
		max-width: 107px !important;
		max-height: 29px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--supporting.is-press .hm-press-media-logo img {
		max-width: 78px !important;
		max-height: 22px !important;
	}

	/* CBC conserve le même petit format, quelle que soit la place de la carte. */
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story.is-press.media_actu-cbc .hm-press-media-logo img {
		max-width: 78px !important;
		max-height: 22px !important;
	}

	body.isFrontPage .hm-home-news .hm-home-story.is-press .lien-activite {
		display: block !important;
		align-self: stretch !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 10px 0 0 !important;
		border-top: 1px solid rgba(255, 255, 255, .72) !important;
	}

	body.isFrontPage .hm-home-news .hm-home-story.is-press .lien-activite a,
	body.isFrontPage .hm-home-news .hm-home-story.is-press .lien-activite a:hover,
	body.isFrontPage .hm-home-news .hm-home-story.is-press .lien-activite a:focus-visible {
		display: inline !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		color: #fff !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		text-decoration: none !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story.hm-home-story--supporting.is-press .lien-activite a,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story.hm-home-story--supporting.is-press .lien-activite a:hover,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story.hm-home-story--supporting.is-press .lien-activite a:focus-visible {
		color: #fff !important;
		background: transparent !important;
	}
}

body.isFrontPage .hm-home-news .hm-blog-list .hm-blog-image picture {
	display: block;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	body.isFrontPage .hm-homepage-2026 > section.hm-memento-reader {
		left: auto;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding: 30px 0 34px !important;
		overflow: visible !important;
		background: var(--hm-secondary) !important;
		box-shadow: 0 0 0 100vmax var(--hm-secondary) !important;
		clip-path: inset(0 -100vmax) !important;
		transform: none;
	}

	body.isFrontPage .hm-homepage-2026 > section.hm-memento-reader::before {
		content: none !important;
	}

	body.isFrontPage .hm-homepage-2026 > section.hm-memento-reader::after {
		content: none !important;
	}

	body.isFrontPage .hm-homepage-2026 > section.hm-memento-reader .hm-memento-reader__grid {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story {
		position: relative;
		z-index: 1;
	}

	body.isFrontPage .hm-home-news .hm-blog-load-more {
		position: relative;
		z-index: 1;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured {
		padding: 14px !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured h2,
	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured h2 a {
		margin: 0 0 9px !important;
		font-size: 23px !important;
		line-height: 1.16 !important;
	}

	body.isFrontPage .hm-home-news .hm-blog-list > .hm-home-story--featured:first-child:not(.is-newsletter)
		.item-contenu2024 > p.hm-blog-excerpt {
		font-size: 14px !important;
		line-height: 1.4 !important;
		-webkit-line-clamp: 5 !important;
		line-clamp: 5;
	}
}

/* Homepage YouTube stories: static thumbnail, live muted preview on hover. */
.isFrontPage .hm-home-news .hm-youtube-preview {
	overflow: hidden;
}

.isFrontPage .hm-home-news .hm-youtube-preview > a {
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}

.isFrontPage .hm-home-news .hm-youtube-preview__player {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	width: 100%;
	height: 100%;
	border: 0;
	pointer-events: none;
	transform: translate(-50%, -50%);
}

@media print {
	.isFrontPage .hm-home-news .hm-youtube-preview__player {
		display: none !important;
	}
}