/* ==========================================================================
   GrosMinou — styles du thème
   Valeurs issues du design system GrosMinou.
   ========================================================================== */

/* ---------- Jetons ---------- */
:root {
	--ink: #3a2a22;
	--ink-soft: #5a463b;
	--ink-muted: #6e5a4e;
	--ink-faint: #8a7466;
	--surface: #ffffff;
	--surface-peach: #fceee2;
	--surface-footer: #fffdfb;
	--peach-tint: #f9e2d2;
	--line: #f1e4d8;
	--line-strong: #ead8c8;
	--line-card: #efdccb;
	--ring: #f4c6a8;
	--mustard: #e8a93b;
	--on-mustard: #ffffff;
	--terracotta: #a84e1c;
	--terracotta-hover: #7e3a14;
	--cat-food-bg: #fff1cc;
	--cat-food-fg: #7a5200;
	--cat-wellbeing-bg: #fbe0cf;
	--cat-wellbeing-fg: #a84e1c;
	--cat-health-bg: #dcefe4;
	--cat-health-fg: #2f6b4f;
	--cat-compare-bg: #ece3f5;
	--cat-compare-fg: #5e4388;
	--cat-blue-bg: #e3eef7;
	--cat-blue-fg: #2f5d80;

	--font-display: "ADLaM Display", Figtree, sans-serif;
	--font-sans: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;

	--space-title: 8px;
	--space-gap: 24px;
	--space-ad: 24px;
	--space-ad-inline: 32px;
	--space-section: 36px;
	--space-section-band: 48px;
	--space-prose-h2: 48px;
	--content-width: 1200px;
	--reading-width: 780px;
	--sidebar-width: 340px;
	--column-gap: 56px;
	--gutter: 24px;

	--radius-ad: 8px;
	--radius-thumb: 14px;
	--radius-photo: 18px;
	--radius-card-sm: 20px;
	--radius-card: 26px;
	--radius-panel: 28px;
	--radius-pill: 999px;

	--shadow-flat: 0 2px 0 var(--line-card);
	--shadow-cta-hover: 0 8px 16px -6px rgba(168, 78, 28, 0.55);
	--shadow-ring: 0 0 0 3px var(--ring);

	/* Teinte par défaut (surchargée par .tone-*) */
	--tone-bg: var(--cat-wellbeing-bg);
	--tone-fg: var(--cat-wellbeing-fg);
}

.tone-food { --tone-bg: var(--cat-food-bg); --tone-fg: var(--cat-food-fg); }
.tone-wellbeing { --tone-bg: var(--cat-wellbeing-bg); --tone-fg: var(--cat-wellbeing-fg); }
.tone-health { --tone-bg: var(--cat-health-bg); --tone-fg: var(--cat-health-fg); }
.tone-compare { --tone-bg: var(--cat-compare-bg); --tone-fg: var(--cat-compare-fg); }

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--surface);
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: 18px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
img, svg, video { max-width: 100%; height: auto; }
img { display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--terracotta); }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; border-radius: 4px; }
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 400; margin: 0; text-wrap: balance; }
p { margin: 0; }
button { font: inherit; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}
.gm-skip {
	position: absolute;
	left: 16px; top: -60px;
	z-index: 100;
	padding: 10px 16px;
	border-radius: var(--radius-pill);
	background: var(--ink);
	color: var(--surface);
	font-weight: 700;
}
.gm-skip:focus { top: 12px; color: var(--surface); }

.gm-wrap {
	width: 100%;
	max-width: calc(var(--content-width) + 2 * var(--gutter));
	margin: 0 auto;
	padding-left: max(var(--gutter), env(safe-area-inset-left, 0px));
	padding-right: max(var(--gutter), env(safe-area-inset-right, 0px));
}

/* ---------- Éléments communs ---------- */
.gm-btn {
	display: inline-block;
	padding: 10px 20px;
	border: 0;
	border-radius: var(--radius-pill);
	background: var(--mustard);
	color: var(--on-mustard);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.gm-btn:hover,
a:hover > .gm-btn,
a:hover .gm-btn {
	color: var(--on-mustard);
	transform: translateY(-2px);
	box-shadow: var(--shadow-cta-hover);
	filter: brightness(1.06);
}
.gm-btn--white {
	padding: 12px 22px;
	background: var(--surface);
	color: var(--tone-fg);
	transition: background-color .18s ease, color .18s ease;
}
.gm-btn--white:hover { background: var(--tone-fg); color: var(--surface); transform: none; box-shadow: none; filter: none; }

.gm-pill {
	display: inline-block;
	padding: 7px 16px;
	border-radius: var(--radius-pill);
	background: var(--tone-bg);
	color: var(--tone-fg);
	font-family: var(--font-display);
	font-size: 16px;
	line-height: 1.2;
	white-space: nowrap;
}
.gm-tag {
	align-self: flex-start;
	padding: 5px 10px;
	border-radius: var(--radius-pill);
	background: var(--peach-tint);
	color: var(--terracotta);
	font-size: 13px;
	font-weight: 700;
}
.gm-eyebrow {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--terracotta);
}
.gm-eyebrow--muted { color: var(--ink-faint); font-size: 14px; letter-spacing: 1.2px; }
.gm-meta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--ink-faint); }
.gm-link-all {
	font-size: 17px;
	font-weight: 700;
	color: var(--terracotta);
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 5px;
	transition: color .15s ease, text-decoration-thickness .15s ease;
}
.gm-link-all:hover { color: var(--terracotta-hover); text-decoration-thickness: 3px; }
.gm-all { display: flex; justify-content: center; margin-top: var(--space-gap); }
.gm-thumb-empty { display: block; width: 100%; height: 100%; background: var(--peach-tint); }

/* Vagues */
.gm-wave { position: relative; z-index: 1; display: block; width: 100%; height: 36px; overflow: visible; fill: var(--surface); }
.gm-wave--top { margin-top: -1px; }
.gm-wave--bottom { margin-bottom: -1px; }

/* ---------- Header ---------- */
.gm-header__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px 64px;
	padding-top: 16px;
	padding-bottom: 4px;
}
.gm-logo { display: flex; align-items: center; }
.gm-logo-img { width: 300px; height: auto; }
.gm-logo:hover img { animation: gm-wiggle .5s ease; }
@keyframes gm-wiggle { 0%, 100% { transform: rotate(0); } 30% { transform: rotate(-3deg); } 60% { transform: rotate(2deg); } }

.gm-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 36px; }
.gm-nav__list { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 36px; margin: 0; padding: 0; list-style: none; }
.gm-nav__list a {
	position: relative;
	display: inline-block;
	padding: 4px 0;
	font-family: var(--font-display);
	font-size: 24px;
	color: var(--ink);
}
.gm-nav__list a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -3px;
	height: 2px;
	border-radius: 2px;
	background: var(--mustard);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .22s ease;
}
.gm-nav__list a:hover::after,
.gm-nav__list .current-menu-item > a::after,
.gm-nav__list .current-post-ancestor > a::after,
.gm-nav__list .current-menu-parent > a::after,
.gm-nav__list .current-category-ancestor > a::after { transform: scaleX(1); }

.gm-search-toggle {
	width: 52px; height: 52px;
	border-radius: var(--radius-pill);
	border: 1px solid var(--line-strong);
	background: var(--surface);
	color: var(--ink);
	display: flex; align-items: center; justify-content: center;
	cursor: pointer;
	transition: box-shadow .2s ease;
}
.gm-search-toggle:hover, .gm-search-toggle[aria-expanded="true"] { box-shadow: var(--shadow-ring); }
.gm-menu-toggle { display: none; }

.gm-search-panel { padding: 12px 0 4px; }
.gm-search-panel .gm-searchform { max-width: 640px; margin: 0 auto; }

.gm-searchform {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 7px 7px 18px;
	border-radius: var(--radius-pill);
	background: var(--surface);
	border: 1px solid var(--line-strong);
	color: var(--ink-faint);
	transition: box-shadow .2s ease;
}
.gm-searchform:focus-within { box-shadow: var(--shadow-ring); }
.gm-searchform input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: none;
	padding: 10px 4px;
	background: transparent;
	color: var(--ink);
	font: inherit;
	font-size: 17px;
}

.gm-quicklinks { padding-top: 8px; padding-bottom: 10px; }
.gm-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; margin: 0; padding: 0; list-style: none; }
.gm-chips a {
	display: inline-block;
	padding: 6px 13px;
	border-radius: var(--radius-pill);
	border: 1px solid var(--line);
	color: var(--ink-muted);
	font-size: 15px;
	font-weight: 500;
	transition: transform .15s ease, background-color .15s ease, color .15s ease;
}
.gm-chips a:hover { transform: translateY(-2px); background: var(--peach-tint); color: var(--terracotta); }

/* ---------- Pubs ---------- */
.gm-ad { display: flex; justify-content: center; }
.gm-ad__slot {
	width: var(--ad-w);
	max-width: 100%;
	min-height: var(--ad-h);
	border-radius: var(--radius-ad);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gm-ad-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--ad-h);
	border: 1.5px dashed var(--line-strong);
	border-radius: var(--radius-ad);
	background: var(--surface-footer);
	color: var(--ink-faint);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.gm-ad--band { padding: var(--space-ad) var(--gutter) 0; }
.gm-ad--top { padding-top: 16px; }
.gm-ad--before-wave { padding-bottom: var(--space-ad); }
.gm-ad--inline { margin: var(--space-ad-inline) 0; }
.gm-ad--sidebar .gm-ad__slot { width: 300px; }

/* ---------- Accueil : hero ---------- */
.gm-hero { position: relative; background: var(--surface-peach); overflow: hidden; }
.gm-hero__img {
	position: absolute;
	top: 0; right: 0;
	width: 60%;
	height: 100%;
	object-fit: cover;
	object-position: 72% 12%;
	-webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .35) 18%, #000 42%);
	mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, .35) 18%, #000 42%);
}
.gm-hero__inner { position: relative; padding-top: 22px; padding-bottom: 28px; }
.gm-hero__text { max-width: 600px; display: flex; flex-direction: column; gap: 11px; }
.gm-hero__title { font-size: 38px; line-height: 1.05; }
.gm-hero__tagline { font-size: 20px; line-height: 1.5; color: var(--ink-soft); max-width: 560px; }
.gm-featured {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 18px;
	margin-top: 6px;
	padding: 12px;
	border-radius: var(--radius-card-sm);
	background: var(--surface);
	box-shadow: var(--shadow-flat);
}
.gm-featured__thumb { flex: 0 0 132px; height: 100px; border-radius: var(--radius-thumb); overflow: hidden; }
.gm-featured__thumb img { width: 100%; height: 100%; object-fit: cover; }
.gm-featured__body { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.gm-featured__title { font-size: 21px; line-height: 1.15; }
.gm-featured__excerpt { font-size: 14px; color: var(--ink-muted); }
.gm-featured .gm-btn { margin-right: 6px; }

/* ---------- Sections ---------- */
.gm-section { padding: var(--space-section) 0; }
.gm-section--articles { padding-bottom: 8px; }
.gm-section__title { font-size: 36px; line-height: 1.15; margin-bottom: var(--space-title); }
.gm-section__subtitle { font-size: 19px; color: var(--ink-muted); margin-bottom: var(--space-gap); }
.gm-grid-4 { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-gap); }
.gm-grid-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--space-gap); }

/* Carte article */
.gm-card-article {
	display: flex;
	flex-direction: column;
	padding: 10px 10px 20px;
	border-radius: var(--radius-card);
	border: 2px solid var(--tone-bg);
	background: var(--surface);
	transition: border-color .2s ease;
}
.gm-card-article:hover { border-color: var(--tone-fg); color: inherit; }
.gm-card-article__media { position: relative; display: block; }
.gm-card-article__photo { display: block; height: 190px; border-radius: var(--radius-photo); overflow: hidden; background: var(--tone-bg); }
.gm-card-article__photo img, .gm-card-cmp__photo img, .gm-rubrique__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.gm-card-article:hover .gm-card-article__photo img,
.gm-card-cmp:hover .gm-card-cmp__photo img,
.gm-rubrique__photo:hover img { transform: scale(1.06); }
.gm-pill--overlap {
	position: absolute;
	left: 50%;
	bottom: -18px;
	transform: translateX(-50%);
	border: 3px solid var(--surface);
}
.gm-card-article__body { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 32px 10px 0; text-align: center; }
.gm-card-article__title { font-family: var(--font-display); font-size: 22px; line-height: 1.2; color: var(--ink); transition: color .2s ease; }
.gm-card-article:hover .gm-card-article__title { color: var(--terracotta); }
.gm-card-article__excerpt { font-size: 18px; line-height: 1.45; color: var(--ink-muted); }
.gm-card-article__foot { margin-top: auto; padding-top: 10px; display: flex; flex-direction: column; align-items: center; gap: 12px; }

/* Rubriques */
.gm-rubrique {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 24px 18px 22px;
	border-radius: var(--radius-card);
	background: var(--tone-bg);
	text-align: center;
}
.gm-rubrique__photo {
	display: block;
	width: 156px; height: 156px;
	border-radius: var(--radius-pill);
	overflow: hidden;
	border: 5px solid var(--surface);
	box-shadow: 0 0 0 3px var(--tone-fg);
}
.gm-rubrique__name { margin-top: 6px; font-family: var(--font-display); font-size: 24px; color: var(--tone-fg); }
.gm-rubrique__desc { min-height: 2.9em; display: flex; align-items: center; font-size: 18px; line-height: 1.45; color: var(--ink-soft); }
.gm-rubrique__links {
	width: 100%;
	margin: 0 0 12px;
	padding: 12px 0 0;
	list-style: none;
	border-top: 1px solid rgba(58, 42, 34, .12);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.gm-rubrique__links a {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--ink);
	text-decoration: underline;
	text-decoration-color: var(--tone-fg);
	text-decoration-thickness: 1.5px;
	text-underline-offset: 4px;
}
.gm-rubrique__links a:hover { color: var(--tone-fg); text-decoration-thickness: 2.5px; }
.gm-rubrique .gm-btn--white { margin-top: auto; }

/* Bandeau comparatifs */
.gm-band { position: relative; overflow: hidden; background: var(--surface-peach); }
.gm-band__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.gm-band__inner { position: relative; padding-top: var(--space-section-band); padding-bottom: var(--space-section-band); }
.gm-card-cmp { display: flex; flex-direction: column; border-radius: var(--radius-card-sm); overflow: hidden; background: var(--surface); }
.gm-card-cmp:hover { color: inherit; }
.gm-card-cmp__photo { display: block; height: 190px; overflow: hidden; background: var(--peach-tint); }
.gm-card-cmp__body { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.gm-card-cmp__title { font-size: 22px; line-height: 1.2; }
.gm-card-cmp__desc {
	padding-bottom: 6px;
	font-size: 18px;
	line-height: 1.5;
	color: var(--ink-soft);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.gm-card-cmp .gm-btn { align-self: flex-start; margin-top: auto; padding: 10px 16px; }

/* Outils */
.gm-tools { display: flex; flex-wrap: wrap; gap: var(--space-gap); align-items: stretch; }
.gm-tools__main { flex: 1.2 1 440px; min-width: 0; display: flex; }
.gm-tools__main .gm-tool { flex: 1; }
.gm-tools__list { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.gm-tool-row {
	flex: 1 1 0;
	min-height: 96px;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 18px;
	border-radius: var(--radius-card-sm);
	border: 2px solid var(--tone-bg);
	background: var(--surface);
	transition: background-color .2s ease;
}
.gm-tool-row:hover { background: var(--tone-bg); color: inherit; }
.gm-tool-row__icon { flex: 0 0 56px; height: 56px; border-radius: var(--radius-pill); background: var(--tone-bg); color: var(--tone-fg); display: flex; align-items: center; justify-content: center; }
.gm-tool-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.gm-tool-row__name { font-family: var(--font-display); font-size: 22px; color: var(--tone-fg); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: text-decoration-color .2s ease; }
.gm-tool-row:hover .gm-tool-row__name { text-decoration-color: currentColor; }
.gm-tool-row__desc { font-size: 18px; line-height: 1.4; color: var(--ink-muted); }

/* Outil interactif (accueil et articles).
   Sélecteurs doublés (.gm-tool .x) pour passer devant la typo du corps d'article (.gm-prose p). */
.gm-tool {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 28px;
	border-radius: var(--radius-panel);
	background: var(--cat-wellbeing-bg);
	color: var(--ink);
}
.gm-tool p, .gm-prose .gm-tool p { margin: 0; }
.gm-tool .gm-tool__title { display: flex; align-items: center; gap: 12px; font-family: var(--font-display); font-weight: 400; font-size: 26px; line-height: 1.15; color: var(--terracotta); }
.gm-tool .gm-tool__icon { flex: 0 0 52px; width: 52px; height: 52px; border-radius: var(--radius-pill); background: var(--surface); display: flex; align-items: center; justify-content: center; color: var(--terracotta); }
.gm-tool .gm-tool__field { display: flex; flex-direction: column; gap: 8px; font-size: 16px; line-height: 1.4; font-weight: 600; }
.gm-tool .gm-tool__field strong { font-weight: 700; }
.gm-tool input[type="range"] { width: 100%; margin: 0; accent-color: var(--mustard); }
/* Curseurs des outils : piste épaisse remplie, poignée patte */
.gm-tool input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	height: 32px;
	background: transparent;
	cursor: pointer;
	--pct: 50%;
}
.gm-tool input[type="range"]:focus { outline: none; }
.gm-tool input[type="range"]::-webkit-slider-runnable-track {
	height: 14px;
	border-radius: var(--radius-pill);
	background: linear-gradient(to right, var(--mustard) 0 var(--pct), var(--line) var(--pct) 100%);
	box-shadow: inset 0 1px 2px rgba(58, 42, 34, .12);
}
.gm-tool input[type="range"]::-moz-range-track { height: 14px; border-radius: var(--radius-pill); background: var(--line); box-shadow: inset 0 1px 2px rgba(58, 42, 34, .12); }
.gm-tool input[type="range"]::-moz-range-progress { height: 14px; border-radius: var(--radius-pill); background: var(--mustard); }
.gm-tool input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 34px;
	height: 34px;
	margin-top: -10px;
	border-radius: var(--radius-pill);
	border: 3px solid var(--terracotta);
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A84E1C'%3E%3Cellipse cx='12' cy='16' rx='4.6' ry='3.8'/%3E%3Ccircle cx='6.2' cy='10.6' r='2.1'/%3E%3Ccircle cx='9.6' cy='6.8' r='2.2'/%3E%3Ccircle cx='14.4' cy='6.8' r='2.2'/%3E%3Ccircle cx='17.8' cy='10.6' r='2.1'/%3E%3C/svg%3E") center / 18px no-repeat;
	box-shadow: 0 4px 10px -3px rgba(168, 78, 28, .55);
	transition: transform .15s ease;
}
.gm-tool input[type="range"]::-moz-range-thumb {
	width: 28px;
	height: 28px;
	border-radius: var(--radius-pill);
	border: 3px solid var(--terracotta);
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A84E1C'%3E%3Cellipse cx='12' cy='16' rx='4.6' ry='3.8'/%3E%3Ccircle cx='6.2' cy='10.6' r='2.1'/%3E%3Ccircle cx='9.6' cy='6.8' r='2.2'/%3E%3Ccircle cx='14.4' cy='6.8' r='2.2'/%3E%3Ccircle cx='17.8' cy='10.6' r='2.1'/%3E%3C/svg%3E") center / 18px no-repeat;
	box-shadow: 0 4px 10px -3px rgba(168, 78, 28, .55);
}
.gm-tool input[type="range"]:hover::-webkit-slider-thumb,
.gm-tool input[type="range"]:active::-webkit-slider-thumb { transform: scale(1.12); }
.gm-tool input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px var(--ring); }
.gm-tool input[type="range"]:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px var(--ring); }

.gm-tool .gm-tool__result { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; padding: 20px 24px; border-radius: var(--radius-card-sm); background: var(--surface); }
.gm-tool .gm-tool__main { display: flex; align-items: baseline; gap: 10px; }
.gm-tool .gm-tool__figure { font-family: var(--font-display); font-weight: 400; font-size: 56px; line-height: 1; color: var(--terracotta); }
.gm-tool .gm-tool__unit { font-size: 18px; font-weight: 600; line-height: 1.3; }
.gm-tool .gm-tool__detail { flex: 1 1 220px; font-size: 16px; line-height: 1.5; color: var(--ink-soft); }
.gm-tool .gm-tool__stage { font-size: 18px; line-height: 1.5; color: var(--ink-muted); }
.gm-tool .gm-tool__note { font-size: 14px; line-height: 1.5; color: var(--ink-muted); }
.gm-tool .gm-btn { align-self: flex-start; margin-top: auto; }
.gm-seg { display: flex; flex-wrap: wrap; gap: 8px; }
/* Calculateur de ration : questions numérotées, choix d'âge en cartes, chat qui grossit */
.gm-tool .gm-ration__q { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; }
.gm-ration__num { flex: 0 0 26px; width: 26px; height: 26px; border-radius: var(--radius-pill); background: var(--terracotta); color: var(--surface); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; }
.gm-seg--cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.gm-seg.gm-seg--cards button { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 10px; border-radius: 16px; }
.gm-seg__label { font-family: var(--font-display); font-weight: 400; font-size: 19px; line-height: 1.1; }
.gm-seg__sub { font-size: 13px; font-weight: 600; opacity: .8; }
.gm-ration__stage {
	position: relative;
	margin: 4px 0 2px;
	aspect-ratio: 704 / 371;
	max-height: 260px;
	width: 100%;
	border-radius: var(--radius-card-sm);
	background: var(--surface);
	overflow: hidden;
}
.gm-ration__cat {
	position: absolute;
	left: 2%;
	top: 6%;
	width: 96%;
	height: 88%;
	max-width: none;
	object-fit: contain;
	object-position: 50% 100%;
	transform-origin: 50% 100%;
	opacity: 0;
	transition: opacity .35s ease;
	pointer-events: none;
	border-radius: 0 !important;
}
.gm-ration__stage[data-frame="1"] .gm-ration__cat[data-frame="1"],
.gm-ration__stage[data-frame="2"] .gm-ration__cat[data-frame="2"],
.gm-ration__stage[data-frame="3"] .gm-ration__cat[data-frame="3"],
.gm-ration__stage[data-frame="4"] .gm-ration__cat[data-frame="4"] { opacity: 1; }
.gm-tool--ration[data-stage="chaton"] .gm-ration__cat { top: 18%; height: 76%; }
.gm-ration__stage.is-boing .gm-ration__cat { animation: gm-boing .45s ease; }
@keyframes gm-boing {
	0% { transform: scale(1, 1); }
	35% { transform: scale(1.06, .94); }
	70% { transform: scale(.98, 1.03); }
	100% { transform: scale(1, 1); }
}
.gm-tool [hidden] { display: none !important; }
.gm-ration__tag {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 5px 12px;
	border-radius: var(--radius-pill);
	background: var(--cat-wellbeing-bg);
	color: var(--terracotta);
	font-family: var(--font-display);
	font-size: 15px;
	line-height: 1.2;
}
.gm-seg button {
	padding: 9px 16px;
	border-radius: var(--radius-pill);
	border: 1.5px solid #efc9af;
	background: var(--surface);
	color: var(--ink-soft);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.gm-seg button:hover { border-color: var(--terracotta); color: var(--terracotta); }
.gm-seg button[aria-pressed="true"] { background: var(--terracotta); border-color: var(--terracotta); color: var(--surface); }

/* ---------- Article ---------- */
.gm-article-head { padding-top: 32px; }
.gm-article-head__text {
	max-width: 948px;
	margin: 0 auto;
	padding: 0 var(--gutter);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
}
.gm-article-head__title { font-size: 52px; line-height: 1.08; }
.gm-article-head__chapo { max-width: 720px; font-size: 20px; line-height: 1.5; color: var(--ink-soft); }
.gm-article-head__photo { margin: 32px auto 0; }
.gm-article-head__photo img { width: 100%; height: 460px; object-fit: cover; border-radius: var(--radius-card); }
.gm-article-head--page { padding-bottom: 8px; }

.gm-crumb { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; font-size: 14px; color: var(--ink-muted); }
.gm-crumb a { text-decoration: underline; text-underline-offset: 3px; }

.gm-byline { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 16px; margin-top: 4px; }
.gm-byline__text { display: flex; flex-direction: column; gap: 2px; font-size: 15px; color: var(--ink-soft); text-align: left; }
.gm-byline__text strong { color: var(--ink); }
.gm-byline__meta { display: inline-flex; flex-wrap: wrap; gap: 6px 14px; font-size: 14px; color: var(--ink-muted); }
.gm-byline__meta .gm-meta { color: var(--ink-muted); }
.gm-avatar {
	flex: 0 0 44px;
	width: 44px; height: 44px;
	border-radius: var(--radius-pill);
	background: var(--surface);
	border: 2px solid var(--mustard);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--font-display);
	font-size: 16px;
	color: var(--terracotta);
}
.gm-avatar--lg { flex-basis: 64px; width: 64px; height: 64px; font-size: 22px; }

.gm-article-layout {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: var(--column-gap);
	padding-top: 36px;
	padding-bottom: 12px;
}
.gm-prose { flex: 1 1 640px; min-width: 0; max-width: var(--reading-width); }
.gm-prose--center { margin: 0 auto; padding: 24px 0 48px; }
.gm-sidebar { flex: 0 1 var(--sidebar-width); min-width: 0; align-self: stretch; }
.gm-sidebar__sticky { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 24px; }

.gm-toc { padding: 22px 18px; border-radius: var(--radius-card); background: var(--surface-peach); }
.gm-toc__title { padding: 0 12px 10px; font-family: var(--font-display); font-size: 22px; }
.gm-toc ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; }
.gm-toc a { display: block; padding: 8px 12px; border-radius: 12px; font-size: 16px; line-height: 1.35; color: var(--ink-soft); transition: background-color .15s ease, color .15s ease; }
.gm-toc a:hover { background: var(--surface); color: var(--terracotta); }
.gm-toc a.is-active { background: var(--surface); color: var(--terracotta); font-weight: 700; }

/* Corps de texte */
.gm-prose > * + * { margin-top: 20px; }
.gm-prose p, .gm-prose li { font-size: 18px; line-height: 1.7; }
.gm-prose h2 { margin-top: var(--space-prose-h2); font-size: 30px; line-height: 1.2; scroll-margin-top: 24px; }
.gm-prose h2 + * { margin-top: 16px; }
.gm-prose h3 { margin-top: 28px; font-size: 22px; line-height: 1.25; }
.gm-prose h3 + * { margin-top: 10px; }
.gm-prose a:not([class]) { color: var(--terracotta); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.gm-prose a:not([class]):hover { color: var(--terracotta-hover); text-decoration-thickness: 2.5px; }
.gm-prose ul:not([class*="gm-"]) { padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.gm-prose ul:not([class*="gm-"]) > li { position: relative; padding-left: 26px; line-height: 1.6; }
.gm-prose ul:not([class*="gm-"]) > li::before { content: ""; position: absolute; left: 4px; top: 11px; width: 9px; height: 9px; border-radius: var(--radius-pill); background: var(--mustard); }
.gm-prose ol { padding-left: 24px; }
.gm-prose ol > li { padding-left: 4px; line-height: 1.6; }
.gm-prose ol > li::marker { color: var(--terracotta); font-weight: 700; }
.gm-prose figure { margin-left: 0; margin-right: 0; }
.gm-prose img { border-radius: var(--radius-photo); }
.gm-prose figcaption { margin-top: 8px; font-size: 14px; color: var(--ink-muted); text-align: center; }
.gm-prose blockquote { margin-left: 0; margin-right: 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--mustard); font-size: 20px; color: var(--ink-soft); }
.gm-prose .gm-ad--inline + h2 { margin-top: var(--space-ad-inline); }
.gm-prose > .gm-tool { margin-top: 28px; }

/* Réponse courte */
.is-style-gm-reponse-courte {
	padding: 26px 28px;
	border-radius: var(--radius-card);
	background: var(--cat-food-bg);
}
.is-style-gm-reponse-courte::before {
	content: "La réponse courte";
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--cat-food-fg);
}
.is-style-gm-reponse-courte p { font-size: 19px; line-height: 1.6; }
.is-style-gm-reponse-courte > * + * { margin-top: 12px; }

/* Encadrés */
.is-style-gm-bon-reflexe,
.is-style-gm-quand-consulter {
	position: relative;
	padding: 20px 24px 20px 80px;
	border-radius: var(--radius-card-sm);
	min-height: 80px;
}
.is-style-gm-bon-reflexe { border: 2px solid var(--cat-health-bg); }
.is-style-gm-quand-consulter { background: var(--surface-peach); }
.is-style-gm-bon-reflexe::before,
.is-style-gm-quand-consulter::before {
	content: "";
	position: absolute;
	left: 22px; top: 20px;
	width: 40px; height: 40px;
	border-radius: var(--radius-pill);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px;
}
.is-style-gm-bon-reflexe::before {
	background-color: var(--cat-health-bg);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f6b4f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E");
}
.is-style-gm-quand-consulter::before {
	background-color: var(--surface);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a84e1c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v5'/%3E%3Cpath d='M12 16.5h.01'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");
}
.is-style-gm-bon-reflexe p, .is-style-gm-quand-consulter p { font-size: 17px; line-height: 1.6; }
.is-style-gm-bon-reflexe strong:first-child { color: var(--cat-health-fg); }
.is-style-gm-quand-consulter strong:first-child { color: var(--terracotta); }

/* Tableau de repères (neutralise les bordures du bloc Tableau de WordPress) */
.gm-prose .wp-block-table { overflow-x: auto; margin-left: 0; margin-right: 0; }
.gm-prose table,
.gm-prose .wp-block-table table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--line);
	border-radius: 16px;
	overflow: hidden;
	font-size: 17px;
	font-variant-numeric: tabular-nums;
}
.gm-prose .wp-block-table thead,
.gm-prose .wp-block-table tfoot,
.gm-prose table thead,
.gm-prose table tfoot { border: 0; }
.gm-prose th,
.gm-prose td,
.gm-prose .wp-block-table th,
.gm-prose .wp-block-table td { border: 0; }
.gm-prose th,
.gm-prose .wp-block-table th { text-align: left; padding: 12px 18px; background: var(--cat-food-bg); color: var(--cat-food-fg); font-size: 15px; font-weight: 700; }
.gm-prose td,
.gm-prose .wp-block-table td { padding: 13px 18px; border-top: 1px solid var(--line); background: var(--surface); }
.gm-prose thead + tbody tr:first-child td,
.gm-prose .wp-block-table thead + tbody tr:first-child td { border-top: 0; }
.gm-prose td:first-child { font-weight: 700; }
.gm-prose .wp-block-table figcaption { margin-top: 10px; text-align: left; font-size: 15px; color: var(--ink-muted); }

/* Encart produits affiliés */
.is-style-gm-encart-affilie {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 26px;
	border-radius: var(--radius-card);
	border: 2px solid var(--cat-compare-bg);
}
.is-style-gm-encart-affilie > * + * { margin-top: 0; }
.is-style-gm-encart-affilie > h2,
.is-style-gm-encart-affilie > h3 { margin: 0; font-size: 24px; }
.is-style-gm-encart-affilie > .gm-affiliate-note { font-size: 13px; color: var(--ink-muted); margin-top: -12px; }
.is-style-gm-encart-affilie > p:last-child { text-align: center; }
.is-style-gm-encart-affilie > p:last-child a { font-size: 17px; font-weight: 700; }
.is-style-gm-produit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 20px;
	padding: 14px;
	border-radius: var(--radius-card-sm);
	border: 2px solid var(--line);
	background: var(--surface);
	transition: border-color .2s ease;
}
.is-style-gm-produit:hover { border-color: var(--mustard); }
.is-style-gm-produit > * { margin: 0 !important; }
.is-style-gm-produit figure { flex: 0 0 96px; }
.is-style-gm-produit figure img { width: 96px; height: 96px; object-fit: cover; border-radius: var(--radius-thumb); }
.is-style-gm-produit .wp-block-group { flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.is-style-gm-produit .wp-block-group > * { margin: 0; }
.is-style-gm-produit h3 { font-size: 20px; line-height: 1.25; }
.is-style-gm-produit p { font-size: 16px; line-height: 1.45; color: var(--ink-soft); }
.is-style-gm-produit .gm-badge {
	align-self: flex-start;
	padding: 3px 10px;
	border-radius: var(--radius-pill);
	background: var(--cat-food-bg);
	color: var(--cat-food-fg);
	font-size: 13px;
	font-weight: 700;
}
.is-style-gm-produit .wp-block-buttons { flex: 0 0 auto; }
.is-style-gm-produit .gm-badge.tone-health { background: var(--cat-health-bg); color: var(--cat-health-fg); }
.is-style-gm-produit .gm-badge.tone-compare { background: var(--cat-compare-bg); color: var(--cat-compare-fg); }
.is-style-gm-produit .gm-badge.tone-wellbeing { background: var(--cat-wellbeing-bg); color: var(--cat-wellbeing-fg); }
.is-style-gm-produit .gm-price { font-size: 15px; color: var(--ink-muted); }
.is-style-gm-produit .gm-price strong { font-size: 18px; color: var(--ink); }
.is-style-gm-produit .wp-block-button__link { white-space: nowrap; }


/* Boutons Gutenberg dans le texte */
.gm-prose .wp-block-button__link {
	padding: 10px 18px;
	border-radius: var(--radius-pill);
	background: var(--mustard);
	color: var(--on-mustard);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.gm-prose .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: var(--shadow-cta-hover); filter: brightness(1.06); color: var(--on-mustard); }

/* FAQ (bloc Détails) */
.gm-prose details { border-bottom: 1px solid var(--line); }
.gm-prose details + details { margin-top: 0; }
.gm-prose summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 0;
	font-family: var(--font-display);
	font-size: 21px;
	line-height: 1.3;
}
.gm-prose summary::-webkit-details-marker { display: none; }
.gm-prose summary::after {
	content: "+";
	flex: 0 0 32px;
	height: 32px;
	border-radius: var(--radius-pill);
	background: var(--cat-food-bg);
	color: var(--cat-food-fg);
	display: flex; align-items: center; justify-content: center;
	font-family: var(--font-sans);
	font-size: 20px;
	transition: transform .2s ease;
}
.gm-prose details[open] summary::after { transform: rotate(45deg); }
.gm-prose summary:hover { color: var(--terracotta); }
.gm-prose details > :not(summary) { margin: 0 0 20px; }

/* Bloc auteur */
.gm-authorbox {
	margin-top: 40px !important;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 16px 20px;
	padding: 24px;
	border-radius: var(--radius-card);
	background: var(--surface-peach);
}
.gm-authorbox__text { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.gm-authorbox__name { font-family: var(--font-display); font-size: 20px; }
.gm-authorbox__bio { font-size: 16px; line-height: 1.55; color: var(--ink-soft); }
.gm-share { display: flex; align-items: center; gap: 8px; }
.gm-share .gm-meta { margin-right: 4px; color: var(--ink-muted); }
.gm-share__btn {
	width: 44px; height: 44px;
	border-radius: var(--radius-pill);
	border: 1px solid var(--line-strong);
	background: var(--surface);
	color: var(--ink-soft);
	display: flex; align-items: center; justify-content: center;
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}
.gm-share__btn:hover { border-color: var(--terracotta); color: var(--terracotta); }
.gm-share__btn.is-copied { border-color: var(--cat-health-fg); color: var(--cat-health-fg); }

/* ---------- Archives ---------- */
.gm-archive-head { background: var(--tone-bg, var(--surface-peach)); }
.gm-archive-head__inner { padding-top: 32px; padding-bottom: 32px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.gm-archive-head__title { font-size: 44px; line-height: 1.1; color: var(--ink); }
.gm-archive-head__desc { max-width: 680px; font-size: 19px; color: var(--ink-soft); }
.gm-archive-head__search { width: 100%; max-width: 640px; }
.gm-pagination { margin-top: 40px; }
.gm-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.gm-pagination .page-numbers { min-width: 44px; padding: 10px 14px; border-radius: var(--radius-pill); border: 1px solid var(--line-strong); text-align: center; font-weight: 600; }
.gm-pagination .page-numbers.current { background: var(--terracotta); border-color: var(--terracotta); color: var(--surface); }

.gm-404__inner { display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 720px; }
.gm-404__code { font-family: var(--font-display); font-size: 120px; line-height: 1; color: var(--mustard); }
.gm-404 .gm-searchform { width: 100%; }

/* ---------- Footer ---------- */
.gm-footer {
	position: relative;
	min-height: 460px;
	display: flex;
	align-items: center;
	background: var(--surface-footer) url("../img/fond-footer.webp") center top / cover no-repeat;
}
.gm-footer__inner {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	padding: 72px var(--gutter) 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	text-align: center;
}
.gm-footer__logo-img { width: auto; height: 72px; }
.gm-footer__tagline { font-size: 18px; color: var(--ink-soft); }
.gm-footer__rubriques, .gm-footer .gm-nav__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; margin: 0; padding: 0; list-style: none; }
.gm-footer__rubriques a, .gm-footer .gm-nav__list a { font-family: var(--font-sans); font-size: 15px; font-weight: 600; color: var(--ink); }
.gm-footer .gm-nav__list a::after { display: none; }
.gm-footer__notice { max-width: 560px; margin-top: 6px; font-size: 14px; line-height: 1.55; color: var(--ink-muted); }
.gm-footer__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font-size: 14px; color: var(--ink-muted); }
.gm-footer__legal-list { display: contents; list-style: none; }
.gm-footer__legal-list li { display: inline; }

/* ---------- Habillage ---------- */
.has-habillage .gm-hero .gm-wave--top { display: none; }


/* Calculateur de ration : image, résultat et poids réunis dans un seul panneau */
.gm-ration__panel {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
	grid-template-areas: "stage out" "weight weight";
	border-radius: var(--radius-card-sm);
	background: var(--surface);
	overflow: hidden;
}
.gm-ration__panel .gm-ration__stage { grid-area: stage; margin: 0; border-radius: 0; max-height: none; aspect-ratio: 704 / 400; }
.gm-ration__out { grid-area: out; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 20px 24px 12px 8px; background: var(--surface); }
.gm-tool .gm-ration__eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ink-muted); }
.gm-tool .gm-ration__figure { font-family: var(--font-display); font-size: 64px; line-height: 1; color: var(--terracotta); }
.gm-tool .gm-ration__per { font-size: 16px; font-weight: 600; }
.gm-tool .gm-ration__meals { margin-top: 10px; align-self: flex-start; padding: 6px 12px; border-radius: var(--radius-pill); background: var(--cat-wellbeing-bg); font-size: 15px; color: var(--ink-soft); white-space: nowrap; }
.gm-ration__meals strong { color: var(--ink); }
.gm-ration__weight { grid-area: weight; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px 12px; padding: 4px 24px 18px; }
.gm-ration__weight input[type="range"] { grid-column: 1 / -1; }
.gm-tool .gm-ration__kg { font-family: var(--font-display); font-weight: 400; font-size: 22px; color: var(--terracotta); }
@media (max-width: 760px) {
	.gm-ration__panel { grid-template-columns: 1fr; grid-template-areas: "stage" "out" "weight"; }
	.gm-ration__out { background: none; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 12px 20px 14px; }
	.gm-tool .gm-ration__eyebrow { flex-basis: 100%; }
	.gm-tool .gm-ration__figure { font-size: 48px; }
	.gm-tool .gm-ration__meals { margin-top: 4px; }
	.gm-ration__weight { padding: 12px 20px 18px; }
}

/* ---------- Tablette ---------- */
@media (max-width: 1100px) {
	.gm-sidebar { flex-basis: 100%; }
	.gm-sidebar__sticky { position: static; flex-direction: row; flex-wrap: wrap; justify-content: center; }
	.gm-toc { flex: 1 1 320px; }
	.gm-prose { flex-basis: 100%; margin: 0 auto; }
}

/* ---------- Mobile ---------- */
@media (max-width: 760px) {
	:root { --gutter: 16px; --space-section: 28px; --space-prose-h2: 36px; }
	body { font-size: 17px; }

	.gm-header__bar { justify-content: space-between; padding-top: 10px; padding-bottom: 6px; gap: 10px; }
	.gm-logo-img { width: 180px; }
	.gm-menu-toggle {
		display: flex; align-items: center; justify-content: center;
		width: 48px; height: 48px;
		border-radius: var(--radius-pill);
		border: 1px solid var(--line-strong);
		background: var(--surface);
		color: var(--ink);
		cursor: pointer;
	}
	.gm-menu-toggle__close { display: none; }
	.gm-menu-toggle[aria-expanded="true"] .gm-menu-toggle__open { display: none; }
	.gm-menu-toggle[aria-expanded="true"] .gm-menu-toggle__close { display: inline; }
	.gm-nav { display: none; flex-basis: 100%; flex-direction: column; align-items: stretch; gap: 12px; padding: 8px 0 12px; }
	.gm-nav.is-open { display: flex; }
	.gm-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
	.gm-nav__list a { display: block; padding: 12px 4px; font-size: 22px; border-bottom: 1px solid var(--line); }
	.gm-nav__list a::after { display: none; }
	.gm-search-toggle { align-self: flex-start; }
	.gm-quicklinks { overflow-x: auto; }
	.gm-chips { flex-wrap: nowrap; justify-content: flex-start; }
	.gm-chips a { white-space: nowrap; font-size: 14px; }

	.gm-hero__img { width: 100%; opacity: .28; -webkit-mask-image: none; mask-image: none; }
	.gm-hero__title { font-size: 30px; }
	.gm-hero__tagline { font-size: 18px; }
	.gm-featured .gm-btn { margin: 0; }

	.gm-section__title { font-size: 28px; }
	.gm-section__subtitle { font-size: 17px; }
	.gm-grid-3 { grid-template-columns: 1fr; }

	.gm-ad--band .gm-ad__slot,
	.gm-ad--inline .gm-ad__slot { width: 300px; min-height: 250px; }
	.gm-ad--band .gm-ad-placeholder,
	.gm-ad--inline .gm-ad-placeholder { min-height: 250px; }

	.gm-article-head { padding-top: 20px; }
	.gm-article-head__title { font-size: 32px; }
	.gm-article-head__chapo { font-size: 18px; }
	.gm-article-head__photo img { height: 240px; }
	.gm-byline { flex-direction: column; gap: 8px; }
	.gm-byline__text { text-align: center; align-items: center; }
	.gm-article-layout { padding-top: 24px; }
	.gm-prose p, .gm-prose li { font-size: 17px; }
	.gm-prose h2 { font-size: 25px; }
	.gm-tool { padding: 20px; }
	.gm-seg--cards { gap: 6px; }
	.gm-seg.gm-seg--cards button { padding: 10px 4px; }
	.gm-seg__label { font-size: 16px; }
	.gm-seg__sub { font-size: 11px; }
	.gm-tool .gm-tool__figure { font-size: 44px; }
	.gm-sidebar .gm-ad--sidebar { display: none; }

	.gm-archive-head__title { font-size: 32px; }
	.gm-footer__logo-img { height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; animation: none !important; }
}