/* mountainarticle.css */
.mountain-article,
.mountain-article * {
box-sizing: border-box !important;
}

.mountain-article {
--ma-rock: #17130f;
--ma-rock-2: #2a2018;
--ma-snow: #fffaf0;
--ma-ice: #e9f7ff;
--ma-gold: #f7b733;
--ma-fire: #ff5b22;
--ma-lava: #a82414;
--ma-pine: #143d2b;
--ma-mist: rgba(255, 255, 255, .78);
--ma-shadow: 0 28px 80px rgba(15, 12, 8, .22);
--ma-radius-xl: 34px;
--ma-radius-lg: 24px;
--ma-radius-md: 18px;


position: relative !important;
display: block !important;
width: min(100%, 1120px) !important;
margin: 34px auto !important;
padding: clamp(18px, 3vw, 42px) !important;
border-radius: var(--ma-radius-xl) !important;
color: var(--ma-rock) !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
line-height: 1.78 !important;
background:
	radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .96) 0 7%, transparent 28%),
	radial-gradient(circle at 86% 14%, rgba(247, 183, 51, .35) 0 8%, transparent 31%),
	linear-gradient(135deg, #fffaf0 0%, #f2eadc 42%, #d9e9ee 100%) !important;
box-shadow: var(--ma-shadow) !important;
overflow: hidden !important;
isolation: isolate !important;


}

.mountain-article::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: -2 !important;
background:
linear-gradient(130deg, transparent 0 48%, rgba(255, 255, 255, .38) 48.2% 49.2%, transparent 49.4%),
linear-gradient(150deg, transparent 0 57%, rgba(20, 61, 43, .18) 57.2% 58.2%, transparent 58.4%),
linear-gradient(28deg, rgba(168, 36, 20, .10), transparent 42%) !important;
pointer-events: none !important;
}

.mountain-article::after {
content: "" !important;
position: absolute !important;
right: -130px !important;
top: -130px !important;
width: 360px !important;
height: 360px !important;
border-radius: 999px !important;
background: radial-gradient(circle, rgba(255, 91, 34, .28), transparent 68%) !important;
z-index: -1 !important;
pointer-events: none !important;
}

.mountain-article a {
color: #8f1d10 !important;
font-weight: 800 !important;
text-decoration: underline !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 4px !important;
transition: color .18s ease, text-decoration-thickness .18s ease !important;
}

.mountain-article a:hover,
.mountain-article a:focus {
color: #d63616 !important;
text-decoration-thickness: 4px !important;
}

.mountain-article p {
margin: 0 0 1.1rem !important;
font-size: clamp(1rem, .96rem + .2vw, 1.12rem) !important;
color: rgba(23, 19, 15, .92) !important;
}

.mountain-article strong {
color: #17130f !important;
font-weight: 900 !important;
}

.mountain-article__hero {
position: relative !important;
margin: 0 0 34px !important;
padding: clamp(28px, 5vw, 64px) !important;
border-radius: var(--ma-radius-xl) !important;
color: #fff !important;
background:
linear-gradient(118deg, rgba(23, 19, 15, .96) 0%, rgba(42, 32, 24, .90) 42%, rgba(168, 36, 20, .86) 100%),
radial-gradient(circle at 80% 20%, rgba(247, 183, 51, .48), transparent 34%) !important;
box-shadow: 0 24px 70px rgba(42, 32, 24, .32) !important;
overflow: hidden !important;
}

.mountain-article__hero::before {
content: "" !important;
position: absolute !important;
left: -6% !important;
right: -6% !important;
bottom: -1px !important;
height: 46% !important;
background:
linear-gradient(135deg, transparent 0 22%, rgba(255, 255, 255, .96) 22.3% 24%, transparent 24.3%),
linear-gradient(155deg, transparent 0 35%, rgba(255, 255, 255, .78) 35.3% 38%, transparent 38.3%),
linear-gradient(25deg, rgba(255, 255, 255, .14) 0 50%, rgba(255, 255, 255, .34) 50.4% 51.7%, transparent 52%),
linear-gradient(150deg, transparent 0 44%, rgba(20, 61, 43, .42) 44.2% 100%) !important;
clip-path: polygon(0 100%, 9% 52%, 18% 82%, 31% 29%, 46% 76%, 58% 18%, 70% 78%, 82% 41%, 100% 100%) !important;
opacity: .95 !important;
pointer-events: none !important;
}

.mountain-article__eyebrow {
position: relative !important;
z-index: 1 !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
width: auto !important;
margin: 0 0 18px !important;
padding: 8px 14px !important;
border: 1px solid rgba(255, 255, 255, .34) !important;
border-radius: 999px !important;
color: #fff !important;
background: rgba(255, 255, 255, .14) !important;
backdrop-filter: blur(10px) !important;
font-size: .82rem !important;
font-weight: 900 !important;
letter-spacing: .11em !important;
text-transform: uppercase !important;
}

.mountain-article__hero h2 {
position: relative !important;
z-index: 1 !important;
max-width: 920px !important;
margin: 0 0 18px !important;
color: #fff !important;
font-size: clamp(2rem, 1.2rem + 4vw, 4.9rem) !important;
line-height: .98 !important;
letter-spacing: -.065em !important;
font-weight: 950 !important;
text-wrap: balance !important;
text-shadow: 0 8px 34px rgba(0, 0, 0, .34) !important;
}

.mountain-article__lead {
position: relative !important;
z-index: 1 !important;
max-width: 830px !important;
margin-bottom: 0 !important;
color: rgba(255, 255, 255, .92) !important;
font-size: clamp(1.08rem, 1rem + .55vw, 1.42rem) !important;
line-height: 1.65 !important;
font-weight: 540 !important;
}

.mountain-article__lead strong {
color: #fff !important;
}

.mountain-article__intro,
.mountain-article__section,
.mountain-article__faq,
.mountain-article__closing {
position: relative !important;
margin: 28px 0 !important;
padding: clamp(22px, 3vw, 36px) !important;
border: 1px solid rgba(42, 32, 24, .12) !important;
border-radius: var(--ma-radius-lg) !important;
background: rgba(255, 255, 255, .72) !important;
box-shadow: 0 18px 55px rgba(42, 32, 24, .10) !important;
backdrop-filter: blur(14px) !important;
}

.mountain-article__section h3,
.mountain-article__faq h4,
.mountain-article__faq-item h3 {
margin: 0 0 16px !important;
color: var(--ma-rock) !important;
font-weight: 950 !important;
line-height: 1.08 !important;
letter-spacing: -.035em !important;
text-wrap: balance !important;
}

.mountain-article__section h3 {
font-size: clamp(1.55rem, 1.18rem + 1.8vw, 3rem) !important;
}

.mountain-article__faq h4 {
font-size: clamp(1.5rem, 1.15rem + 1.5vw, 2.55rem) !important;
}

.mountain-article__faq-item h3 {
font-size: clamp(1.13rem, 1rem + .6vw, 1.55rem) !important;
}

.mountain-article__quote {
position: relative !important;
margin: 30px 0 !important;
padding: clamp(26px, 4vw, 48px) !important;
border-radius: var(--ma-radius-lg) !important;
color: #fff !important;
background:
linear-gradient(135deg, rgba(20, 61, 43, .97), rgba(23, 19, 15, .95)),
radial-gradient(circle at 92% 10%, rgba(247, 183, 51, .3), transparent 28%) !important;
box-shadow: 0 22px 60px rgba(20, 61, 43, .22) !important;
overflow: hidden !important;
}

.mountain-article__quote::before {
content: "“" !important;
position: absolute !important;
top: -34px !important;
left: 20px !important;
color: rgba(247, 183, 51, .32) !important;
font-size: 160px !important;
line-height: 1 !important;
font-weight: 950 !important;
}

.mountain-article__quote p {
position: relative !important;
margin: 0 !important;
color: #fff !important;
font-size: clamp(1.22rem, 1.05rem + 1vw, 2rem) !important;
line-height: 1.45 !important;
font-weight: 850 !important;
letter-spacing: -.025em !important;
}

.mountain-article__facts {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
margin: 30px 0 !important;
}

.mountain-article__fact {
position: relative !important;
padding: 22px !important;
border-radius: var(--ma-radius-md) !important;
background:
linear-gradient(160deg, rgba(255, 255, 255, .9), rgba(255, 250, 240, .68)),
linear-gradient(135deg, rgba(247, 183, 51, .28), transparent) !important;
border: 1px solid rgba(42, 32, 24, .12) !important;
box-shadow: 0 16px 42px rgba(42, 32, 24, .10) !important;
overflow: hidden !important;
}

.mountain-article__fact::after {
content: "" !important;
position: absolute !important;
right: -18px !important;
bottom: -18px !important;
width: 74px !important;
height: 74px !important;
border-radius: 999px !important;
background: rgba(255, 91, 34, .14) !important;
}

.mountain-article__fact span {
display: block !important;
margin-bottom: 8px !important;
color: rgba(23, 19, 15, .62) !important;
font-size: .78rem !important;
font-weight: 900 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}

.mountain-article__fact strong {
display: block !important;
color: var(--ma-rock) !important;
font-size: clamp(1.2rem, 1rem + 1vw, 2rem) !important;
line-height: 1 !important;
font-weight: 950 !important;
letter-spacing: -.04em !important;
}

.mountain-article__highlight {
margin: 22px 0 0 !important;
padding: 20px 22px !important;
border-left: 7px solid var(--ma-fire) !important;
border-radius: 18px !important;
color: var(--ma-rock) !important;
background: linear-gradient(135deg, rgba(247, 183, 51, .20), rgba(255, 255, 255, .72)) !important;
box-shadow: inset 0 0 0 1px rgba(168, 36, 20, .08) !important;
font-size: 1.05rem !important;
line-height: 1.65 !important;
}

.mountain-article__list,
.mountain-article__panel ul {
margin: 22px 0 0 !important;
padding: 0 !important;
list-style: none !important;
}

.mountain-article__list li,
.mountain-article__panel li {
position: relative !important;
margin: 0 0 12px !important;
padding: 14px 16px 14px 48px !important;
border-radius: 16px !important;
color: rgba(23, 19, 15, .92) !important;
background: rgba(255, 255, 255, .62) !important;
border: 1px solid rgba(42, 32, 24, .10) !important;
box-shadow: 0 10px 26px rgba(42, 32, 24, .07) !important;
}

.mountain-article__list li::before,
.mountain-article__panel li::before {
content: "▲" !important;
position: absolute !important;
left: 17px !important;
top: 13px !important;
color: var(--ma-fire) !important;
font-size: 1rem !important;
line-height: 1 !important;
}

.mountain-article__section--split {
display: grid !important;
grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr) !important;
gap: clamp(20px, 3vw, 34px) !important;
align-items: stretch !important;
}

.mountain-article__panel {
padding: 24px !important;
border-radius: var(--ma-radius-lg) !important;
color: #fff !important;
background:
linear-gradient(145deg, rgba(168, 36, 20, .94), rgba(42, 32, 24, .96)),
radial-gradient(circle at 80% 0%, rgba(247, 183, 51, .36), transparent 34%) !important;
box-shadow: 0 20px 52px rgba(168, 36, 20, .20) !important;
}

.mountain-article__panel h4 {
margin: 0 0 14px !important;
color: #fff !important;
font-size: clamp(1.25rem, 1.08rem + .8vw, 1.85rem) !important;
line-height: 1.1 !important;
font-weight: 950 !important;
letter-spacing: -.04em !important;
}

.mountain-article__panel li {
color: #fff !important;
background: rgba(255, 255, 255, .10) !important;
border-color: rgba(255, 255, 255, .16) !important;
box-shadow: none !important;
}

.mountain-article__panel li::before {
color: var(--ma-gold) !important;
}

.mountain-article__faq {
background:
linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(233, 247, 255, .72)),
radial-gradient(circle at 94% 6%, rgba(247, 183, 51, .22), transparent 32%) !important;
}

.mountain-article__faq-intro {
margin-bottom: 22px !important;
font-weight: 620 !important;
}

.mountain-article__faq-item {
margin: 14px 0 !important;
padding: 20px 22px !important;
border-radius: 18px !important;
background: rgba(255, 255, 255, .72) !important;
border: 1px solid rgba(42, 32, 24, .10) !important;
box-shadow: 0 12px 34px rgba(42, 32, 24, .08) !important;
}

.mountain-article__faq-item p {
margin-bottom: 0 !important;
}

.mountain-article__closing {
border: 0 !important;
color: #fff !important;
background:
linear-gradient(135deg, rgba(23, 19, 15, .96), rgba(20, 61, 43, .94)),
radial-gradient(circle at 12% 16%, rgba(255, 91, 34, .30), transparent 28%) !important;
}

.mountain-article__closing p,
.mountain-article__closing strong {
color: #fff !important;
}

@media (max-width: 860px) {
.mountain-article {
margin: 18px auto !important;
padding: 14px !important;
border-radius: 24px !important;
}


.mountain-article__hero {
	padding: 30px 22px 96px !important;
	border-radius: 22px !important;
}

.mountain-article__facts {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mountain-article__section--split {
	grid-template-columns: 1fr !important;
}


}

@media (max-width: 560px) {
	.mountain-article__facts {
	grid-template-columns: 1fr !important;
	}


	.mountain-article__intro,
	.mountain-article__section,
	.mountain-article__faq,
	.mountain-article__closing {
		padding: 20px !important;
		border-radius: 20px !important;
	}

	.mountain-article__hero h2 {
		font-size: clamp(2.05rem, 13vw, 3.5rem) !important;
	}

	.mountain-article__eyebrow {
		font-size: .7rem !important;
		letter-spacing: .08em !important;
	}


}

/* === PATCH FINAL — mountainarticle.css === */

/* Hero : contraste renforcé + H2 réduit car H1 déjà présent au-dessus */
.mountain-article .mountain-article__hero {
	padding: clamp(22px, 3.5vw, 42px) !important;
	background:
		linear-gradient(120deg, rgba(8, 24, 23, .98) 0%, rgba(20, 67, 61, .96) 52%, rgba(58, 42, 34, .96) 100%) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important;
}

.mountain-article .mountain-article__hero::before {
	opacity: .22 !important;
	filter: contrast(1.05) saturate(.8) !important;
}

.mountain-article .mountain-article__hero h2 {
	max-width: 720px !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	color: #fff !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	font-size: clamp(1.45rem, 1.1rem + 1.9vw, 2.65rem) !important;
	line-height: 1.08 !important;
	letter-spacing: -.04em !important;
	text-shadow: 0 4px 22px rgba(0, 0, 0, .72) !important;
}

.mountain-article .mountain-article__lead {
	max-width: 820px !important;
	margin-bottom: 0 !important;
	padding: 13px 15px !important;
	border-radius: 15px !important;
	color: #fff !important;
	background: rgba(0, 0, 0, .36) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14) !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .60) !important;
	font-size: clamp(.98rem, .94rem + .24vw, 1.14rem) !important;
	line-height: 1.55 !important;
}

.mountain-article .mountain-article__lead strong,
.mountain-article .mountain-article__eyebrow {
	color: #fff !important;
}

.mountain-article .mountain-article__eyebrow {
	background: rgba(0, 0, 0, .38) !important;
	border-color: rgba(255, 255, 255, .30) !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .55) !important;
}

/* Neutralisation des backgrounds CMS parasites sur les Hn du contenu montagne */
.mountain-article h1,
.mountain-article h2,
.mountain-article h3,
.mountain-article h4,
.mountain-article h5,
.mountain-article h6 {
	background-image: none !important;
	border-image: none !important;
	text-decoration: none !important;
}

.mountain-article .mountain-article__section h2,
.mountain-article .mountain-article__section h3,
.mountain-article .mountain-article__section h4,
.mountain-article .mountain-article__intro h2,
.mountain-article .mountain-article__intro h3,
.mountain-article .mountain-article__intro h4 {
	padding: 0 !important;
	color: #173f3b !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* Listes internes : aucune puce CMS */
.mountain-article ul,
.mountain-article ol,
.mountain-article li {
	list-style: none !important;
}

.mountain-article ul,
.mountain-article ol {
	margin-left: 0 !important;
	padding-left: 0 !important;
}


/* FAQ : garder le rendu accordéon CMS, corriger uniquement les contrastes */
.mountain-article .mountain-article__faq {
	margin: 28px 0 !important;
	padding: clamp(20px, 3vw, 34px) !important;
	border-radius: 22px !important;
	color: #172421 !important;
	background: rgba(255, 255, 255, .92) !important;
	border: 1px solid rgba(0, 0, 0, .08) !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, .10) !important;
}

.mountain-article .mountain-article__faq .sscms-faq-title {
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: #123f3a !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: clamp(1.35rem, 1.1rem + 1.2vw, 2.15rem) !important;
	line-height: 1.12 !important;
	font-weight: 900 !important;
}

.mountain-article .mountain-article__faq .sscms-faq-intro {
	display: block !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	color: #25312e !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border: 0 !important;
	text-shadow: none !important;
	font-size: 1rem !important;
	line-height: 1.6 !important;
	font-weight: 500 !important;
}

.mountain-article .mountain-article__faq .sscms-faq-accordion {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #172421 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

.mountain-article .mountain-article__faq .sscms-faq-item {
	display: block !important;
	margin: 10px 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	color: #172421 !important;
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, .10) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .06) !important;
	overflow: hidden !important;
}

.mountain-article .mountain-article__faq .sscms-faq-question {
	display: block !important;
	padding: 13px 42px 13px 14px !important;
	color: #ffffff !important;
	background: #123f3a !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 1rem !important;
	line-height: 1.35 !important;
	font-weight: 800 !important;
	cursor: pointer !important;
}

.mountain-article .mountain-article__faq .sscms-faq-question-text {
	color: #ffffff !important;
	background: transparent !important;
	text-shadow: none !important;
}

.mountain-article .mountain-article__faq .sscms-faq-answer {
	display: block !important;
	padding: 14px !important;
	color: #172421 !important;
	background: #ffffff !important;
}

.mountain-article .mountain-article__faq .sscms-faq-answer p {
	margin: 0 !important;
	padding: 0 !important;
	color: #172421 !important;
	background: transparent !important;
	font-size: .98rem !important;
	line-height: 1.62 !important;
	text-shadow: none !important;
}

.mountain-article .mountain-article__faq a {
	color: #8f1d10 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

.mountain-article .mountain-article__faq a:hover,
.mountain-article .mountain-article__faq a:focus {
	color: #c73518 !important;
}

/* Closing foncé : blanc seulement ici */
.mountain-article .mountain-article__closing {
	color: #ffffff !important;
	background:
		linear-gradient(135deg, rgba(23, 19, 15, .96), rgba(20, 61, 43, .94)),
		radial-gradient(circle at 12% 16%, rgba(255, 91, 34, .30), transparent 28%) !important;
}

.mountain-article .mountain-article__closing p,
.mountain-article .mountain-article__closing strong,
.mountain-article .mountain-article__closing a {
	color: #ffffff !important;
}

/* Mobile */
@media (max-width: 560px) {
	.mountain-article .mountain-article__hero {
		padding: 22px 16px 64px !important;
	}

	.mountain-article .mountain-article__hero h2 {
		font-size: clamp(1.35rem, 8vw, 2.05rem) !important;
		line-height: 1.08 !important;
	}

	.mountain-article .mountain-article__lead {
		padding: 12px !important;
		font-size: .96rem !important;
		line-height: 1.52 !important;
	}

	.mountain-article .mountain-article__faq {
		padding: 18px !important;
		border-radius: 18px !important;
	}

	.mountain-article .mountain-article__faq .sscms-faq-question {
		padding: 12px 38px 12px 12px !important;
		font-size: .96rem !important;
	}
}


/* Ne pas écraser le style CMS des titres not-to-miss */
.mountain-article .not-to-miss-article span {
	font-size: 1.4em !important;
	font-weight: bold !important;
	margin-bottom: 10px !important;
	color: #333 !important;
	line-height: normal !important;
	letter-spacing: normal !important;
	text-decoration: none !important;
	text-shadow: none !important;
	background: transparent !important;
}

.mountain-article .not-to-miss-article p {
	font-size: 1em !important;
	font-weight: normal !important;
	margin-bottom: 0 !important;
	color: #333 !important;
	line-height: 1.5 !important;
	text-shadow: none !important;
	background: transparent !important;
}

/* Not-to-miss : ne pas appliquer le style agressif des liens mountainarticle */
.mountain-article .not-to-miss-content a,
.mountain-article .not-to-miss-content a:hover,
.mountain-article .not-to-miss-content a:focus {
	color: inherit !important;
	font-weight: inherit !important;
	text-decoration: none !important;
	text-decoration-thickness: initial !important;
	text-underline-offset: initial !important;
	background: transparent !important;
	box-shadow: none !important;
}

.mountain-article .not-to-miss-content a span,
.mountain-article .not-to-miss-content a p {
	text-decoration: none !important;
}

/* Panel : titres toujours blancs */
.mountain-article .mountain-article__panel h1,
.mountain-article .mountain-article__panel h2,
.mountain-article .mountain-article__panel h3,
.mountain-article .mountain-article__panel h4,
.mountain-article .mountain-article__panel h5,
.mountain-article .mountain-article__panel h6 {
	color: #ffffff !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .35) !important;
}

/* Puces montagne au lieu des triangles */
.mountain-article .mountain-article__list li::before,
.mountain-article .mountain-article__panel li::before {
	content: "🏔️" !important;
	left: 14px !important;
	top: 12px !important;
	color: inherit !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	background: transparent !important;
}

/* Ajustement alignement des listes avec emoji */
.mountain-article .mountain-article__list li,
.mountain-article .mountain-article__panel li {
	padding-left: 48px !important;
}

/* FAQ mobile : ne pas créer de + custom, laisser le CMS gérer */
@media (max-width: 560px) {
	.mountain-article .mountain-article__faq .sscms-faq-question {
		position: relative !important;
		padding: 12px 54px 12px 14px !important;
	}

	/* Neutralise uniquement le + ajouté par notre ancien patch */
	.mountain-article .mountain-article__faq .sscms-faq-question::after {
		content: none !important;
		display: none !important;
	}

	/* Garde le texte bien lisible sans chevaucher l’icône native CMS */
	.mountain-article .mountain-article__faq .sscms-faq-question-text {
		display: block !important;
		max-width: calc(100% - 8px) !important;
		color: #ffffff !important;
	}
}

/* === PATCH FACTS RESPONSIVE — TYPOGRAPHIE COMPACTE === */

.mountain-article .mountain-article__facts {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: clamp(10px, 1.2vw, 16px) !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
}

.mountain-article .mountain-article__fact {
	min-width: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	min-height: 150px !important;
	padding: clamp(16px, 1.6vw, 22px) !important;
	overflow: hidden !important;
}

/* Libellé supérieur */
.mountain-article .mountain-article__fact span {
	display: block !important;
	max-width: 100% !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: inherit !important;
	font-size: clamp(.68rem, .63rem + .14vw, .8rem) !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	letter-spacing: .065em !important;
	white-space: normal !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
}

/* Valeur principale */
.mountain-article .mountain-article__fact strong {
	display: block !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	font-size: clamp(1.08rem, .88rem + .72vw, 1.48rem) !important;
	font-weight: 900 !important;
	line-height: 1.14 !important;
	letter-spacing: -.025em !important;
	white-space: normal !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
}

/* Deux colonnes lorsque quatre cartes deviennent trop étroites */
@media (max-width: 860px) {
	.mountain-article .mountain-article__facts {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mountain-article .mountain-article__fact {
		min-height: 130px !important;
	}

	.mountain-article .mountain-article__fact strong {
		font-size: clamp(1.2rem, 3.7vw, 1.55rem) !important;
	}
}

/* Une colonne sur petit mobile */
@media (max-width: 480px) {
	.mountain-article .mountain-article__facts {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.mountain-article .mountain-article__fact {
		min-height: 0 !important;
		padding: 16px 18px !important;
	}

	.mountain-article .mountain-article__fact span {
		margin-bottom: 6px !important;
		font-size: .72rem !important;
	}

	.mountain-article .mountain-article__fact strong {
		font-size: 1.3rem !important;
	}
}