/* Main-site footer prototype only. It extends the page rather than becoming
 * a separate card at the end of it. */
body.network-main-footer-prototype .network-footer {
	position: relative;
	margin-top: clamp(32px, 5vw, 64px);
	border-top: 0;
	background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent-soft) 25%, transparent));
}

body.network-main-footer-prototype .network-footer__inner {
	grid-template-columns: minmax(220px, 1.15fr) repeat(2, minmax(136px, 0.65fr)) minmax(220px, 0.95fr);
	padding-block: clamp(32px, 4vw, 48px) 24px;
	border-top: 1px solid color-mix(in srgb, var(--accent-primary) 18%, var(--line));
	gap: 32px clamp(24px, 3vw, 48px);
}

body.network-main-footer-prototype .network-footer__identity {
	gap: 12px;
	max-width: 31ch;
}

body.network-main-footer-prototype .network-footer__identity strong {
	font-size: clamp(18px, 1.6vw, 22px);
	letter-spacing: -0.035em;
}

body.network-main-footer-prototype .network-footer__navigation {
	display: contents;
}

body.network-main-footer-prototype .network-footer nav[aria-label="Explorer"] {
	grid-column: 2;
}

body.network-main-footer-prototype .network-footer nav[aria-label="Informations légales"] {
	grid-column: 3;
}

body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] {
	grid-column: 4;
	gap: 10px;
}

body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] strong::after {
	display: block;
	margin-top: 5px;
	color: var(--muted);
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.45;
	content: "Recevoir une sélection utile chaque semaine.";
}

body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] a:first-of-type {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: 4px;
	color: var(--accent-primary);
	font-weight: 750;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] a:nth-of-type(n + 4) {
	display: none;
}

body.network-main-footer-prototype .network-footer__bottom {
	align-items: center;
	padding-top: 20px;
	font-size: 12px;
}

body.network-main-footer-prototype .network-footer__disclosures {
	max-width: 76ch;
}

/* Main-site typography pilot.
 * Eight deliberate levels replace the template-by-template fluid scales. */
body.network-main-footer-prototype {
	--type-article-title: 58px;
	--type-page-title: 42px;
	--type-feature-title: 36px;
	--type-section-title: 32px;
	--type-subheading: 24px;
	--type-card-title: 20px;
	--type-lead: 18px;
	--type-body: 16px;
	--type-small: 13px;
	--type-label: 11px;
}

/* Page and display titles. */
body.network-main-footer-prototype .network-hero h1,
body.network-main-footer-prototype .editorial-masthead h1,
body.network-main-footer-prototype .articles-index__heading h1,
body.network-main-footer-prototype .page-heading h1,
body.network-main-footer-prototype .about-hero__copy.editorial-masthead h1 {
	font-size: var(--type-page-title);
	letter-spacing: -0.043em;
	line-height: 1.06;
}

body.network-main-footer-prototype .article-hero h1,
body.network-main-footer-prototype .article-header h1 {
	max-width: 22ch;
	font-size: var(--type-article-title);
	letter-spacing: -0.05em;
	line-height: 1.02;
}

/* Major sections. */
body.network-main-footer-prototype .section-heading h2,
body.network-main-footer-prototype .article-content h2,
body.network-main-footer-prototype .about-mission h2,
body.network-main-footer-prototype .about-section-heading h2,
body.network-main-footer-prototype .about-method h3,
body.network-main-footer-prototype .about-transparency h3,
body.network-main-footer-prototype .related-articles__header h2,
body.network-main-footer-prototype .related-articles > h2 {
	font-size: var(--type-section-title);
	letter-spacing: -0.036em;
	line-height: 1.1;
}

/* Subsections. */
body.network-main-footer-prototype .article-content h3,
body.network-main-footer-prototype .article-video > h2,
body.network-main-footer-prototype .article-newsletter h2,
body.network-main-footer-prototype .article-newsletter h3,
body.network-main-footer-prototype .article-sources h2,
body.network-main-footer-prototype .article-sources h3,
body.network-main-footer-prototype .about-pillars__grid h3,
body.network-main-footer-prototype .about-equipment__group h3,
body.network-main-footer-prototype .about-continue__link.editorial-shortcut strong {
	font-size: var(--type-subheading);
	letter-spacing: -0.027em;
	line-height: 1.16;
}

body.network-main-footer-prototype .article-content h4 {
	font-size: 19px;
	letter-spacing: -0.02em;
	line-height: 1.22;
}

/* Editorial cards. */
body.network-main-footer-prototype .feature-story__content h3 {
	font-size: var(--type-feature-title);
	letter-spacing: -0.038em;
	line-height: 1.08;
}

body.network-main-footer-prototype .rail-story__content h3,
body.network-main-footer-prototype .mentorat-card h3,
body.network-main-footer-prototype .content-card h3,
body.network-main-footer-prototype .editorial-tile__content h3,
body.network-main-footer-prototype .related-article h3 {
	font-size: var(--type-card-title);
	letter-spacing: -0.025em;
	line-height: 1.16;
}

body.network-main-footer-prototype .mentorat-card h3 {
	font-size: 28px;
	line-height: 1.1;
}

/* Reading and introductory copy. */
body.network-main-footer-prototype .article-content {
	font-size: var(--type-body);
	line-height: 1.72;
}

body.network-main-footer-prototype .network-hero__lede,
body.network-main-footer-prototype .editorial-masthead > p:not(.editorial-chip, .about-kicker),
body.network-main-footer-prototype .article-standfirst,
body.network-main-footer-prototype .article-deck,
body.network-main-footer-prototype .about-hero__lede,
body.network-main-footer-prototype .about-hero__copy.editorial-masthead .about-hero__lede,
body.network-main-footer-prototype .about-mission > p {
	font-size: var(--type-lead);
	letter-spacing: -0.008em;
	line-height: 1.58;
}

body.network-main-footer-prototype .articles-index__heading > p:last-child,
body.network-main-footer-prototype .feature-story__excerpt,
body.network-main-footer-prototype .about-section-heading > p,
body.network-main-footer-prototype .about-method__intro,
body.network-main-footer-prototype .about-notice p {
	font-size: var(--type-body);
	line-height: 1.62;
}

body.network-main-footer-prototype .about-pillars__grid p,
body.network-main-footer-prototype .about-method li span,
body.network-main-footer-prototype .about-transparency p,
body.network-main-footer-prototype .about-continue__link > span:not(.about-continue__arrow),
body.network-main-footer-prototype .mentorat-card__copy > p:not(.mentorat-card__label),
body.network-main-footer-prototype .article-newsletter p,
body.network-main-footer-prototype .article-author p,
body.network-main-footer-prototype .article-disclosure p {
	font-size: var(--type-body);
	line-height: 1.62;
}

body.network-main-footer-prototype .about-equipment__copy > span:not(.about-equipment__brand, .screen-reader-text),
body.network-main-footer-prototype .about-equipment__disclosure {
	font-size: var(--type-small);
	line-height: 1.55;
}

/* Labels and metadata: compact, but no longer visually microscopic. */
body.network-main-footer-prototype .editorial-chip,
body.network-main-footer-prototype .rail-story__label,
body.network-main-footer-prototype .editorial-shortcut__label,
body.network-main-footer-prototype .about-equipment__brand,
body.network-main-footer-prototype .about-equipment__copy small,
body.network-main-footer-prototype .about-pillar__number,
body.network-main-footer-prototype .mentorat-card__label {
	font-size: var(--type-label);
	line-height: 1.2;
}

body.network-main-footer-prototype .editorial-chip,
body.network-main-footer-prototype .rail-story__label {
	color: #69c7e9;
}

body.network-main-footer-prototype .rail-story .editorial-card__shade {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.02) 18%,
		rgba(0, 0, 0, 0.72) 52%,
		rgba(0, 0, 0, 0.97) 76%
	);
}

body.network-main-footer-prototype .rail-story__content {
	background: linear-gradient(
		180deg,
		rgba(5, 8, 10, 0) 0,
		rgba(5, 8, 10, 0.96) 26px,
		rgba(5, 8, 10, 0.99) 100%
	);
}

body.network-main-footer-prototype .article-breadcrumbs,
body.network-main-footer-prototype .article-meta,
body.network-main-footer-prototype .editorial-card__meta,
body.network-main-footer-prototype .related-article__meta,
body.network-main-footer-prototype .article-toc a,
body.network-main-footer-prototype .network-footer a,
body.network-main-footer-prototype .network-footer p {
	font-size: var(--type-small);
	line-height: 1.5;
}

body.network-main-footer-prototype .article-toc__title,
body.network-main-footer-prototype .article-toc > h2,
body.network-main-footer-prototype .article-toc > h3 {
	font-size: var(--type-small);
	line-height: 1.4;
}

body.network-main-footer-prototype .article-share h2,
body.network-main-footer-prototype .article-share h3 {
	font-size: var(--type-small);
	line-height: 1.4;
}

/* Article index: keep the actual thumbnail visible. The title and metadata
 * now form a caption beneath it instead of competing with text baked into
 * the thumbnail itself. */
body.network-main-footer-prototype .editorial-grid .articles-index__card > a {
	display: flex;
	height: auto;
	min-height: 0;
	aspect-ratio: auto;
	flex-direction: column;
	overflow: visible;
	background: transparent;
	color: var(--ink);
}

body.network-main-footer-prototype .editorial-grid .articles-index__card > a > img {
	position: relative;
	inset: auto;
	z-index: auto;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: 18px;
	object-fit: cover;
}

body.network-main-footer-prototype .articles-index__card .editorial-card__shade {
	display: none;
}

body.network-main-footer-prototype .articles-index__card-content {
	position: relative;
	inset: auto;
	display: block;
	padding: 14px 2px 0;
}

body.network-main-footer-prototype .articles-index__card-content h2 {
	max-width: none;
	margin-top: 9px;
	color: var(--ink);
	font-size: var(--type-card-title);
	letter-spacing: -0.025em;
	line-height: 1.16;
}

body.network-main-footer-prototype .articles-index__card .editorial-card__meta {
	display: block;
	margin-top: 8px;
	color: var(--muted);
	font-size: var(--type-small);
}

@media (min-width: 981px) {
	body.network-main-footer-prototype .network-footer__identity,
	body.network-main-footer-prototype .network-footer nav[aria-label="Explorer"],
	body.network-main-footer-prototype .network-footer nav[aria-label="Informations légales"],
	body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] {
		grid-row: 1;
	}

	body.network-main-footer-prototype .network-footer__identity {
		grid-column: 1;
	}

	body.network-main-footer-prototype .network-footer__bottom {
		grid-row: 2;
	}
}

@media (max-width: 980px) {
	body.network-main-footer-prototype {
		--type-article-title: 46px;
		--type-page-title: 36px;
		--type-feature-title: 31px;
		--type-section-title: 29px;
		--type-subheading: 22px;
		--type-card-title: 18px;
		--type-lead: 17px;
	}

	body.network-main-footer-prototype .mentorat-card h3 {
		font-size: 26px;
	}

	body.network-main-footer-prototype .editorial-home > .editorial-masthead h1 {
		font-size: 32px;
	}

	body.network-main-footer-prototype .about-hero__copy.editorial-masthead h1 {
		font-size: 34px;
	}

	body.network-main-footer-prototype .network-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.network-main-footer-prototype .network-footer__identity {
		grid-column: 1 / -1;
	}

	body.network-main-footer-prototype .network-footer nav[aria-label="Explorer"],
	body.network-main-footer-prototype .network-footer nav[aria-label="Informations légales"],
	body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] {
		grid-column: auto;
	}
}

@media (max-width: 680px) {
	body.network-main-footer-prototype {
		--type-article-title: 38px;
		--type-page-title: 32px;
		--type-feature-title: 28px;
		--type-section-title: 27px;
		--type-subheading: 21px;
		--type-card-title: 18px;
		--type-lead: 17px;
	}

	body.network-main-footer-prototype .article-hero h1,
	body.network-main-footer-prototype .article-header h1 {
		max-width: 18ch;
		line-height: 1.04;
	}

	body.network-main-footer-prototype .mentorat-card h3 {
		font-size: 25px;
	}

	body.network-main-footer-prototype .editorial-home > .editorial-masthead h1 {
		font-size: 30px;
	}

	body.network-main-footer-prototype .about-hero__copy.editorial-masthead h1 {
		font-size: var(--type-page-title);
	}

	body.network-main-footer-prototype .network-footer a,
	body.network-main-footer-prototype .network-footer p {
		font-size: 14px;
	}

	body.network-main-footer-prototype .network-footer {
		margin-top: 64px;
	}

	body.network-main-footer-prototype .network-footer__inner {
		grid-template-columns: 1fr;
		padding-block: 38px 24px;
	}

	body.network-main-footer-prototype .network-footer nav[aria-label="Explorer"],
	body.network-main-footer-prototype .network-footer nav[aria-label="Informations légales"],
	body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] {
		grid-column: 1;
	}

	body.network-main-footer-prototype .network-footer nav[aria-label="Suivre"] {
		order: -1;
	}

	body.network-main-footer-prototype .network-footer__bottom {
		grid-column: 1;
		align-items: flex-start;
	}
}