/* =========================================================================
   WAXO — feuille de style principale (v2 : direction "chaleureuse", avec
   photographie plein cadre — adoptée à la demande du client après revue
   de deux propositions). Palette conservée (marine/or), habillage revu :
   barre utilitaire, héros et bandeau CTA en photo, badges ronds pleins,
   cartes actu avec vignette.
   ========================================================================= */

:root {
	--navy-950: #0F2340;
	--navy-800: #1B3B6F;
	--navy-700: #24467F;
	--gold-600: #B8892B;
	--gold-700: #8E6B22;
	--gold-200: #EADFC2;
	--paper-50: #F7F4EC;
	--paper-100: #EFE9DA;
	--mist-100: #EEF2F6;
	--ink-900: #201F1D;
	--ink-600: #55524C;
	--seal-700: #7A2E2E;
	--seal-800: #602323;

	--font-display: 'Spectral', Georgia, 'Times New Roman', serif;
	--font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--shell-width: 1180px;
	--radius-sm: 4px;
	--radius-md: 10px;
	--radius-lg: 16px;
}

/* ---- Reset ------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--paper-50);
	color: var(--ink-900);
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3, h4 { font-family: var(--font-display); margin: 0; font-weight: 600; color: var(--navy-950); }
p { margin: 0 0 1em; max-width: 62ch; }
ul { margin: 0; padding: 0; list-style: none; }
button { font-family: inherit; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}
:focus-visible { outline: 2px solid var(--gold-600); outline-offset: 3px; }

.waxo-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.waxo-skip-link { position: absolute; left: -9999px; top: 0; background: var(--navy-950); color: #fff; padding: 0.75em 1.25em; z-index: 1000; }
.waxo-skip-link:focus { left: 1em; top: 1em; }

.waxo-shell { max-width: var(--shell-width); margin-inline: auto; padding-inline: 24px; }
.waxo-section { padding-block: 96px; }
.waxo-section__heading { font-size: clamp(1.7rem, 1.3rem + 1.5vw, 2.4rem); max-width: 24ch; margin-bottom: 48px; }
.waxo-section__heading--center { text-align: center; margin-inline: auto; position: relative; padding-bottom: 18px; }
.waxo-section__heading--center::after {
	content: '';
	position: absolute;
	bottom: 0; left: 50%;
	transform: translateX(-50%);
	width: 56px; height: 3px;
	background: var(--gold-600);
	border-radius: 2px;
}

.waxo-eyebrow { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gold-700); font-weight: 700; margin-bottom: 14px; }

/* ---- Buttons ------------------------------------------------------------ */
.waxo-btn { display: inline-flex; align-items: center; gap: 0.5em; font-family: var(--font-body); font-weight: 600; font-size: 0.95rem; text-decoration: none; padding: 0.85em 1.7em; border-radius: 999px; border: 1.5px solid transparent; cursor: pointer; transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; white-space: nowrap; }
.waxo-btn:hover { transform: translateY(-1px); }
.waxo-btn svg { width: 16px; height: 16px; }
.waxo-btn--primary { background: var(--navy-950); color: var(--paper-50); border-color: var(--navy-950); }
.waxo-btn--primary:hover { background: var(--navy-800); }
.waxo-btn--seal { background: var(--gold-600); color: var(--paper-50); border-color: var(--gold-600); }
.waxo-btn--seal:hover { background: var(--gold-700); border-color: var(--gold-700); }
.waxo-btn--seal .waxo-icon { color: var(--paper-50); }
.waxo-btn--outline-light { background: transparent; color: var(--paper-50); border-color: rgba(247,244,236,0.55); }
.waxo-btn--outline-light:hover { border-color: var(--gold-600); color: var(--gold-200); }
.waxo-btn--outline-dark { background: transparent; color: var(--navy-950); border-color: rgba(15,35,64,0.25); }
.waxo-btn--outline-dark:hover { border-color: var(--navy-950); }
.waxo-text-link { text-decoration: none; font-weight: 600; color: var(--navy-800); white-space: nowrap; }
.waxo-text-link:hover { color: var(--gold-700); }

/* ---- Icons -------------------------------------------------------------- */
.waxo-icon { width: 34px; height: 34px; color: var(--navy-800); }
.waxo-icon--laurel { width: 100%; height: 100%; color: var(--gold-600); }
.waxo-icon--social { width: 17px; height: 17px; }

/* ---- Photo placeholders --------------------------------------------------
   Repère visuel tant qu'aucune vraie photo n'est réglée dans le
   Personnalisateur. Volontairement identifiable (icône + légende), pour
   qu'on ne le confonde jamais avec un vrai visuel en production. */
.waxo-photo-placeholder {
	background: repeating-linear-gradient(135deg, var(--paper-100), var(--paper-100) 12px, var(--mist-100) 12px, var(--mist-100) 24px);
	border: 1px dashed rgba(15,35,64,0.25);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--navy-800);
	text-align: center;
	padding: 20px;
	min-height: 160px;
}
.waxo-photo-placeholder .waxo-icon { width: 30px; height: 30px; opacity: 0.55; }
.waxo-photo-placeholder__label { font-size: 0.78rem; color: var(--ink-600); max-width: 26ch; line-height: 1.4; }

/* =========================================================================
   Utility bar
   ========================================================================= */
.waxo-utility-bar { background: var(--navy-950); color: rgba(247,244,236,0.85); font-size: 0.82rem; }
.waxo-utility-bar__inner { display: flex; align-items: center; justify-content: space-between; padding-block: 8px; gap: 16px; }
.waxo-utility-bar__tagline { margin: 0; }
.waxo-utility-bar__right { display: flex; align-items: center; gap: 20px; }
.waxo-lang-switch { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.waxo-lang-switch .waxo-icon { width: 15px; height: 15px; color: rgba(247,244,236,0.85); }
.waxo-utility-bar__socials { display: flex; align-items: center; gap: 10px; }
.waxo-utility-bar__socials .waxo-social-link { width: 26px; height: 26px; }
.waxo-utility-bar__search { display: flex; }
.waxo-utility-bar__search .waxo-icon { width: 15px; height: 15px; color: rgba(247,244,236,0.85); }
.waxo-utility-bar__search:hover .waxo-icon { color: var(--gold-600); }

/* Réutilisé aussi en pied de page */
.waxo-social-link { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(247,244,236,0.3); color: rgba(247,244,236,0.85); text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.waxo-social-link:hover { background: var(--gold-600); border-color: var(--gold-600); color: var(--navy-950); }

/* =========================================================================
   Header
   ========================================================================= */
.waxo-header { background: var(--paper-50); border-bottom: 1px solid var(--paper-100); position: sticky; top: 0; z-index: 100; }
.waxo-header__inner { display: flex; align-items: center; justify-content: space-between; padding-block: 14px; gap: 24px; }
.waxo-header__brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.waxo-header__logo-img { height: 56px; width: auto; border-radius: 2px; }
.waxo-header__brand-text { display: flex; flex-direction: column; line-height: 1.2; }
.waxo-header__brand-name { font-family: var(--font-display); font-weight: 700; font-size: 1.05rem; color: var(--navy-800); letter-spacing: 0.01em; }
.waxo-header__brand-tag { font-size: 0.72rem; color: var(--ink-600); }

.waxo-nav-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; background: transparent; border: 1px solid var(--paper-100); border-radius: var(--radius-sm); }
.waxo-nav-toggle__bar { width: 20px; height: 2px; background: var(--navy-950); margin-inline: auto; }

.waxo-nav { display: flex; align-items: center; }
.waxo-nav__list { display: flex; align-items: center; gap: 26px; }
.waxo-nav__list a { text-decoration: none; font-size: 0.95rem; font-weight: 500; color: var(--navy-950); position: relative; padding-block: 6px; }
.waxo-nav__list a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--gold-600); transform: scaleX(0); transform-origin: left; transition: transform 0.2s ease; }
.waxo-nav__list a:hover::after, .waxo-nav__list a:focus-visible::after { transform: scaleX(1); }
.waxo-nav__list li { position: relative; }
.waxo-nav__list ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid var(--paper-100); border-radius: var(--radius-sm); min-width: 220px; padding: 8px; box-shadow: 0 12px 24px rgba(15,35,64,0.08); }
.waxo-nav__list li:hover > ul, .waxo-nav__list li:focus-within > ul { display: block; }
.waxo-nav__list ul a { display: block; padding: 8px 10px; font-size: 0.9rem; }
.waxo-nav__list ul a::after { display: none; }
.waxo-header__cta { flex-shrink: 0; }

/* =========================================================================
   Hero (photo plein cadre)
   ========================================================================= */
.waxo-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 620px; display: flex; align-items: center; }
.waxo-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.waxo-hero__bg.waxo-photo-placeholder { border: none; border-radius: 0; }
.waxo-hero__scrim { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(15,35,64,0.90) 0%, rgba(15,35,64,0.62) 48%, rgba(15,35,64,0.28) 78%); }
.waxo-hero__inner { position: relative; z-index: 1; padding-block: 64px; }
.waxo-hero__content { max-width: 640px; }
.waxo-hero__headline { font-size: clamp(2.4rem, 1.8rem + 2.6vw, 3.8rem); line-height: 1.1; color: #fff; }
.waxo-hero__sub { margin-top: 24px; font-size: 1.1rem; color: rgba(247,244,236,0.9); max-width: 54ch; }
.waxo-hero__actions { margin-top: 32px; display: flex; gap: 16px; flex-wrap: wrap; }

/* =========================================================================
   Who We Are
   ========================================================================= */
.waxo-who__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.waxo-who__title { font-size: clamp(1.9rem, 1.5rem + 1.5vw, 2.5rem); line-height: 1.2; margin-bottom: 18px; }
.waxo-who__text p { color: var(--ink-600); font-size: 1.02rem; max-width: 56ch; }
.waxo-who__text .waxo-btn { margin-top: 8px; }
.waxo-who__media { position: relative; padding-right: 28px; padding-bottom: 28px; }
.waxo-who__image { width: 100%; height: 420px; object-fit: cover; border-radius: var(--radius-lg); }
.waxo-who__media .waxo-photo-placeholder { width: 100%; height: 420px; border-radius: var(--radius-lg); }
.waxo-who__quote { position: absolute; right: 0; bottom: 0; background: #fff; padding: 26px 28px; border-radius: var(--radius-md); box-shadow: 0 20px 40px rgba(15,35,64,0.15); max-width: 220px; margin: 0; }
.waxo-who__quote-mark { font-family: var(--font-display); font-size: 3rem; color: var(--gold-600); line-height: 0.6; display: block; margin-bottom: 8px; }
.waxo-who__quote p { font-family: var(--font-display); font-style: italic; font-size: 1.15rem; color: var(--navy-950); margin: 0; }

/* =========================================================================
   Pillars
   ========================================================================= */
.waxo-pillars { background: var(--mist-100); }
.waxo-pillars__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; }
.waxo-pillar__badge { width: 68px; height: 68px; border-radius: 50%; background: var(--gold-600); color: #fff; display: flex; align-items: center; justify-content: center; margin-bottom: 22px; }
.waxo-pillar__badge .waxo-icon { width: 32px; height: 32px; color: #fff; }
.waxo-pillar__title { font-size: 1.3rem; margin-bottom: 12px; }
.waxo-pillar__body { color: var(--ink-600); font-size: 0.98rem; }
.waxo-pillar__link { display: inline-flex; gap: 0.4em; margin-top: 6px; text-decoration: none; font-weight: 600; font-size: 0.92rem; color: var(--gold-700); }
.waxo-pillar__link:hover { color: var(--navy-800); }

/* =========================================================================
   Impact band
   ========================================================================= */
.waxo-impact { position: relative; isolation: isolate; overflow: hidden; background: var(--navy-950); color: var(--paper-50); padding-block: 72px; }
.waxo-impact__pattern { position: absolute; inset: 0; opacity: 0.5; background-image: radial-gradient(rgba(234,223,194,0.35) 1.5px, transparent 1.5px); background-size: 24px 24px; }
.waxo-impact__heading { position: relative; z-index: 1; color: #fff; }
.waxo-impact__heading::after { background: var(--gold-600); }
.waxo-impact__inner { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 36px 24px; padding-top: 44px; }
.waxo-impact__stat { position: relative; display: flex; align-items: center; gap: 16px; flex: 1 1 220px; padding-inline: 20px; }
.waxo-impact__divider { position: absolute; left: 0; top: 12%; bottom: 12%; width: 1px; background: rgba(234,223,194,0.25); }
.waxo-impact__icon { flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; background: rgba(234,223,194,0.14); display: flex; align-items: center; justify-content: center; }
.waxo-impact__icon .waxo-icon { width: 22px; height: 22px; color: var(--paper-50); }
.waxo-impact__figure { display: flex; flex-direction: column; }
.waxo-impact__value { font-family: var(--font-display); font-size: clamp(1.7rem, 1.4rem + 1vw, 2.2rem); color: var(--gold-600); font-weight: 600; line-height: 1.1; }
.waxo-impact__label { font-size: 0.85rem; color: rgba(247,244,236,0.75); max-width: 22ch; }

/* =========================================================================
   News
   ========================================================================= */
.waxo-news__head { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 48px; flex-wrap: wrap; }
.waxo-news__head .waxo-section__heading { margin-bottom: 0; }
.waxo-news__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.waxo-news-card { background: #fff; border-radius: var(--radius-md); overflow: hidden; box-shadow: 0 8px 24px rgba(15,35,64,0.07); }
.waxo-news-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.waxo-news-card__media img { width: 100%; height: 100%; object-fit: cover; }
.waxo-news-card__media .waxo-photo-placeholder { height: 100%; min-height: 0; border: none; }
.waxo-news-card__body { padding: 22px 22px 26px; }
.waxo-news-card__date { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--gold-700); }
.waxo-news-card__title { font-size: 1.1rem; margin: 8px 0 12px; line-height: 1.35; }
.waxo-news-card__title a { text-decoration: none; }
.waxo-news-card__title a:hover { color: var(--navy-800); }
.waxo-news-card__excerpt { color: var(--ink-600); font-size: 0.95rem; }
.waxo-news-card__link { display: inline-flex; gap: 0.4em; text-decoration: none; font-weight: 600; font-size: 0.9rem; color: var(--gold-700); }
.waxo-news-card__link:hover { color: var(--navy-800); }

/* =========================================================================
   CTA / Newsletter (photo de fond)
   ========================================================================= */
.waxo-cta { position: relative; isolation: isolate; overflow: hidden; }
.waxo-cta__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.waxo-cta__bg.waxo-photo-placeholder { border: none; border-radius: 0; }
.waxo-cta__scrim { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(15,35,64,0.94) 0%, rgba(15,35,64,0.72) 60%); }
.waxo-cta__inner { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 36px; padding-block: 72px; }
.waxo-cta__text { flex: 1 1 420px; }
.waxo-cta__title { color: #fff; font-size: clamp(1.6rem, 1.3rem + 1.1vw, 2.1rem); max-width: 20ch; margin-bottom: 14px; }
.waxo-cta__body { color: rgba(247,244,236,0.85); margin: 0; max-width: 48ch; }
.waxo-cta__form-wrap { flex: 1 1 380px; max-width: 460px; }
.waxo-cta__confirmation { color: var(--gold-200); font-weight: 600; margin-bottom: 12px; }
.waxo-cta__form { display: flex; align-items: stretch; background: #fff; border-radius: 999px; overflow: hidden; box-shadow: 0 14px 32px rgba(0,0,0,0.18); }
.waxo-cta__input-icon { display: flex; align-items: center; padding-left: 20px; color: var(--ink-600); }
.waxo-cta__input { flex: 1; border: none; padding: 0.95em 1em; font-size: 0.95rem; color: var(--ink-900); background: transparent; min-width: 0; }
.waxo-cta__input:focus { outline: none; }
.waxo-cta__input::placeholder { color: var(--ink-600); }
.waxo-cta__form .waxo-btn { border-radius: 0; }

/* =========================================================================
   Footer
   ========================================================================= */
.waxo-footer { background: var(--navy-950); color: rgba(247,244,236,0.85); }
.waxo-footer__top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding-block: 28px; border-bottom: 1px solid rgba(247,244,236,0.12); }
.waxo-footer__brand-block { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.waxo-footer__logo-img { border-radius: 2px; }
.waxo-footer__brand-text { display: flex; flex-direction: column; line-height: 1.2; }
.waxo-footer__brand-name { font-family: var(--font-display); font-weight: 700; font-size: 1.15rem; color: #fff; }
.waxo-footer__brand-tag { font-size: 0.72rem; color: rgba(247,244,236,0.6); }
.waxo-footer__top .waxo-nav__list { gap: 20px; }
.waxo-footer__top .waxo-nav__list a { color: rgba(247,244,236,0.85); font-size: 0.88rem; }
.waxo-footer__top .waxo-nav__list a::after { display: none; }
.waxo-footer__top .waxo-nav__list a:hover { color: var(--gold-600); }
.waxo-footer__top .waxo-nav__list ul { display: none !important; }
.waxo-footer__hashtags { display: flex; gap: 16px; flex-wrap: wrap; font-size: 0.82rem; color: var(--gold-200); }

.waxo-footer__inner { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; padding-block: 56px; }
.waxo-footer__heading { color: #fff; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 18px; }
.waxo-footer__list li { margin-bottom: 10px; font-size: 0.92rem; }
.waxo-footer__list a { text-decoration: none; }
.waxo-footer__list a:hover { color: var(--gold-600); }
.waxo-footer__hotline { font-size: 0.92rem; margin-bottom: 14px; }
.waxo-footer__socials { display: flex; gap: 10px; }

.waxo-footer__bottom { border-top: 1px solid rgba(247,244,236,0.12); padding-block: 22px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 0.82rem; color: rgba(247,244,236,0.55); }
.waxo-footer__bottom p { margin: 0; }
.waxo-footer__legal { display: flex; gap: 18px; }
.waxo-footer__legal a { text-decoration: none; }
.waxo-footer__legal a:hover { color: var(--gold-600); }

/* =========================================================================
   Generic article template (index.php)
   ========================================================================= */
.waxo-basic-article__title { font-size: 2rem; margin-bottom: 24px; }
.waxo-basic-article__content { max-width: 68ch; }

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width: 960px) {
	.waxo-who__inner { grid-template-columns: 1fr; }
	.waxo-who__media { margin-top: 8px; }
	.waxo-pillars__grid { grid-template-columns: 1fr; gap: 40px; }
	.waxo-news__grid { grid-template-columns: 1fr; }
	.waxo-footer__inner { grid-template-columns: 1fr 1fr; }
	.waxo-utility-bar__tagline { display: none; }
}
@media (max-width: 720px) {
	.waxo-nav-toggle { display: flex; }
	.waxo-nav { position: absolute; top: 100%; left: 0; right: 0; background: var(--paper-50); border-bottom: 1px solid var(--paper-100); flex-direction: column; align-items: stretch; padding: 16px 24px 24px; display: none; }
	.waxo-nav.is-open { display: flex; }
	.waxo-nav__list { flex-direction: column; align-items: flex-start; gap: 4px; }
	.waxo-nav__list ul { position: static; box-shadow: none; display: block; padding-left: 12px; }
	.waxo-header__brand-tag { display: none; }
	.waxo-section { padding-block: 64px; }
	.waxo-hero { min-height: 520px; }
	.waxo-who__quote { position: static; margin-top: -40px; margin-inline: 16px; }
	.waxo-impact__divider { display: none; }
	.waxo-cta__form { flex-direction: column; border-radius: var(--radius-md); }
	.waxo-cta__form .waxo-btn { border-radius: 0 0 var(--radius-md) var(--radius-md); justify-content: center; }
	.waxo-footer__inner { grid-template-columns: 1fr; padding-block: 40px; }
	.waxo-footer__top { flex-direction: column; align-items: flex-start; }
}

/* =========================================================================
   Pages intérieures — composants partagés (About, Our Work, Resources,
   Get Involved, Contact)
   ========================================================================= */

/* ---- Page hero (breadcrumb + titre) ---- */
.waxo-page-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 400px; display: flex; align-items: flex-end; }
.waxo-page-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.waxo-page-hero__scrim { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(15,35,64,0.90) 0%, rgba(15,35,64,0.55) 55%, rgba(15,35,64,0.25) 85%); }
.waxo-page-hero__inner { position: relative; z-index: 1; padding-block: 48px 40px; max-width: 760px; }
.waxo-breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: rgba(247,244,236,0.75); margin-bottom: 18px; }
.waxo-breadcrumb a { text-decoration: none; }
.waxo-breadcrumb a:hover { text-decoration: underline; }
.waxo-breadcrumb span[aria-current] { color: #fff; font-weight: 600; }
.waxo-page-hero__title { font-size: clamp(2.1rem, 1.7rem + 2vw, 3.1rem); color: #fff; }
.waxo-page-hero__lead { font-size: 1.25rem; color: var(--gold-200); font-weight: 600; margin-top: 10px; }
.waxo-page-hero__body { color: rgba(247,244,236,0.9); margin-top: 14px; max-width: 60ch; }

/* ---- Closing CTA (bandeau générique de fin de page) ---- */
.waxo-closing-cta { position: relative; isolation: isolate; overflow: hidden; }
.waxo-closing-cta__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.waxo-closing-cta__scrim { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(15,35,64,0.92) 0%, rgba(15,35,64,0.6) 65%); }
.waxo-closing-cta__inner { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px; padding-block: 64px; }
.waxo-closing-cta__title { color: #fff; font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem); max-width: 22ch; margin-bottom: 8px; }
.waxo-closing-cta__body { color: rgba(247,244,236,0.85); margin: 0; }
.waxo-closing-cta__actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* ---- 4-up icon cards (Mission/Vision, Ways to Help, Programs...) ---- */
.waxo-cards-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.waxo-card-icon__badge { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.waxo-card-icon__badge--gold { background: var(--gold-200); color: var(--gold-700); }
.waxo-card-icon__badge--navy { background: rgba(27,59,111,0.1); color: var(--navy-800); }
.waxo-card-icon__badge .waxo-icon { width: 26px; height: 26px; }
.waxo-card-icon h3 { font-size: 1.15rem; margin-bottom: 8px; }
.waxo-card-icon p { color: var(--ink-600); font-size: 0.95rem; }
.waxo-check-list { margin-top: 4px; }
.waxo-check-list li { position: relative; padding-left: 24px; margin-bottom: 8px; color: var(--ink-600); font-size: 0.95rem; }
.waxo-check-list li::before { content: '\2713'; position: absolute; left: 0; color: var(--gold-600); font-weight: 700; }

.waxo-cards-4--photo .waxo-card-icon { background: #fff; border-radius: var(--radius-md); padding: 28px; box-shadow: 0 8px 20px rgba(15,35,64,0.06); display: flex; flex-direction: column; }
.waxo-card-icon__photo.waxo-photo-placeholder { aspect-ratio: 4 / 3; min-height: 0; border-radius: var(--radius-sm); margin: 14px 0; }
.waxo-cards-4--photo .waxo-btn, .waxo-cards-4--photo .waxo-text-link { margin-top: auto; }

/* ---- Our Story (About Us) ---- */
.waxo-our-story__grid { display: grid; grid-template-columns: 1fr 1fr 0.9fr; gap: 32px; align-items: stretch; }
.waxo-our-story__image, .waxo-our-story__media .waxo-photo-placeholder { width: 100%; height: 100%; min-height: 260px; object-fit: cover; border-radius: var(--radius-lg); }
.waxo-our-story__quote { background: var(--navy-950); color: #fff; padding: 28px; border-radius: var(--radius-md); align-self: stretch; margin: 0; }
.waxo-our-story__quote span { font-family: var(--font-display); font-size: 2.4rem; color: var(--gold-600); line-height: 0.6; display: block; margin-bottom: 10px; }
.waxo-our-story__quote p { font-style: italic; font-size: 1.02rem; margin: 0 0 14px; color: #fff; max-width: none; }
.waxo-our-story__quote cite { color: var(--gold-200); font-style: normal; font-size: 0.85rem; }

/* ---- Stat strip (bande claire réutilisable) ---- */
.waxo-stat-strip { background: var(--mist-100); }
.waxo-stat-strip__sub { text-align: center; color: var(--ink-600); max-width: 60ch; margin-inline: auto; margin-top: -24px; margin-bottom: 8px; }
.waxo-stat-strip__row { display: flex; gap: 40px; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top: 40px; }
.waxo-stat-strip__stats { display: flex; flex-wrap: wrap; gap: 32px; flex: 1; }
.waxo-stat-strip__item { position: relative; display: flex; align-items: center; gap: 14px; padding-inline: 16px; }
.waxo-stat-strip__divider { position: absolute; left: 0; top: 10%; bottom: 10%; width: 1px; background: rgba(15,35,64,0.12); }
.waxo-stat-strip__icon { width: 44px; height: 44px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 10px rgba(15,35,64,0.08); }
.waxo-stat-strip__icon .waxo-icon { width: 22px; height: 22px; color: var(--navy-800); }
.waxo-stat-strip__value { display: block; font-family: var(--font-display); font-size: 1.7rem; font-weight: 700; color: var(--navy-950); }
.waxo-stat-strip__label { display: block; font-size: 0.85rem; color: var(--ink-600); max-width: 20ch; }
.waxo-stat-strip__quote { max-width: 320px; border-left: 3px solid var(--gold-600); padding-left: 20px; }
.waxo-stat-strip__quote p { font-family: var(--font-display); font-style: italic; color: var(--navy-950); margin-bottom: 8px; }
.waxo-stat-strip__quote cite { font-size: 0.85rem; color: var(--ink-600); font-style: normal; }

/* ---- Team (About Us) ---- */
.waxo-team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.waxo-team-card { text-align: center; }
.waxo-team-card__photo.waxo-photo-placeholder { width: 100%; aspect-ratio: 1; border-radius: 50%; min-height: 0; }
.waxo-team-card h3 { font-size: 1.05rem; margin: 14px 0 4px; }
.waxo-team-card p { color: var(--ink-600); font-size: 0.9rem; margin-bottom: 8px; }
.waxo-team-card--cta { background: var(--mist-100); border-radius: var(--radius-md); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; gap: 12px; }
.waxo-team-card--cta .waxo-icon { width: 32px; height: 32px; color: var(--navy-800); }

/* ---- Reports / Toolkits / Media / Infographics (Resources) ---- */
.waxo-resource-tabs { position: sticky; top: 73px; background: #fff; border-bottom: 1px solid var(--paper-100); z-index: 50; }
.waxo-resource-tabs__inner { display: flex; gap: 8px; padding-block: 10px; overflow-x: auto; }
.waxo-resource-tabs__inner a { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; font-weight: 600; font-size: 0.9rem; text-decoration: none; color: var(--navy-800); white-space: nowrap; }
.waxo-resource-tabs__inner a .waxo-icon { width: 18px; height: 18px; }
.waxo-resource-tabs__inner a:hover { background: var(--mist-100); }
.waxo-resource-tabs__inner a:first-child { background: var(--navy-950); color: #fff; }

.waxo-report-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.waxo-report-card { background: #fff; border-radius: var(--radius-md); overflow: hidden; box-shadow: 0 8px 20px rgba(15,35,64,0.06); display: flex; flex-direction: column; }
.waxo-report-card__cover.waxo-photo-placeholder { aspect-ratio: 3 / 4; min-height: 0; border-radius: 0; }
.waxo-report-card__body { padding: 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.waxo-report-card__body h3 { font-size: 1.02rem; }
.waxo-report-card__body p { font-size: 0.9rem; color: var(--ink-600); flex: 1; }
.waxo-report-card__meta { display: flex; align-items: center; gap: 10px; font-size: 0.82rem; color: var(--ink-600); }
.waxo-tag { font-size: 0.7rem; font-weight: 700; padding: 2px 8px; border-radius: 4px; }
.waxo-tag--pdf { background: var(--seal-700); color: #fff; }
.waxo-btn--block { width: 100%; justify-content: center; }

.waxo-split-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 56px; }
.waxo-toolkit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.waxo-toolkit-card { background: #fff; border-radius: var(--radius-md); overflow: hidden; box-shadow: 0 8px 20px rgba(15,35,64,0.06); padding-bottom: 16px; }
.waxo-toolkit-card__cover.waxo-photo-placeholder { aspect-ratio: 4 / 3; min-height: 0; border-radius: 0; }
.waxo-toolkit-card h3 { font-size: 0.98rem; padding: 14px 14px 4px; }
.waxo-toolkit-card .waxo-report-card__meta { padding: 0 14px; }
.waxo-toolkit-card .waxo-text-link { display: flex; align-items: center; gap: 6px; padding: 10px 14px 0; font-size: 0.85rem; }
.waxo-toolkit-card .waxo-icon { width: 16px; height: 16px; }

.waxo-media-list { display: flex; flex-direction: column; gap: 0; border-top: 1px solid var(--paper-100); }
.waxo-media-list li { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--paper-100); }
.waxo-media-list__thumb { width: 40px; height: 40px; border-radius: 8px; background: var(--mist-100); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.waxo-media-list__thumb .waxo-icon { width: 18px; height: 18px; color: var(--navy-800); }
.waxo-media-list li a { font-weight: 600; font-size: 0.95rem; text-decoration: none; display: block; }
.waxo-media-list li small { display: block; color: var(--ink-600); font-size: 0.8rem; margin-top: 2px; }

.waxo-infographic-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.waxo-infographic-grid__item { display: block; text-decoration: none; }
.waxo-infographic-card { aspect-ratio: 3 / 4; width: 100%; object-fit: cover; border-radius: var(--radius-md); }
.waxo-infographic-card.waxo-photo-placeholder { aspect-ratio: 3 / 4; min-height: 0; border-radius: var(--radius-md); }
.waxo-infographic-card--seal.waxo-photo-placeholder { background: var(--seal-700); color: #fff; border: none; }
.waxo-infographic-card--quote { background: var(--mist-100); border-radius: var(--radius-md); aspect-ratio: 3 / 4; display: flex; flex-direction: column; justify-content: center; padding: 24px; margin: 0; }
.waxo-infographic-card--quote span { font-family: var(--font-display); font-size: 2.2rem; color: var(--gold-600); line-height: 0.6; display: block; margin-bottom: 10px; }
.waxo-infographic-card--quote p { font-family: var(--font-display); font-style: italic; color: var(--navy-950); }
.waxo-infographic-card--quote cite { font-size: 0.85rem; color: var(--ink-600); }

/* ---- Contact page ---- */
.waxo-contact-methods { padding-bottom: 0; }
.waxo-contact-methods__label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-600); margin: 10px 0 2px; }
.waxo-contact-methods__socials { margin: 8px 0; }
.waxo-contact-methods__hashtags { font-size: 0.82rem; color: var(--gold-700); line-height: 1.6; }

.waxo-contact-main__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.waxo-contact-form { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
.waxo-contact-form__row { display: flex; gap: 14px; flex-wrap: wrap; }
.waxo-contact-form__row input { flex: 1 1 200px; }
.waxo-contact-form input, .waxo-contact-form select, .waxo-contact-form textarea { padding: 0.85em 1em; border: 1.5px solid var(--paper-100); border-radius: var(--radius-sm); font-family: var(--font-body); font-size: 0.95rem; background: var(--paper-50); }
.waxo-contact-form textarea { resize: vertical; }
.waxo-contact-form button { align-self: flex-start; }

.waxo-map-block { background: var(--navy-950); border-radius: var(--radius-md); overflow: hidden; color: #fff; }
.waxo-map-block__caption { display: flex; align-items: center; gap: 10px; padding: 20px 22px; font-weight: 600; }
.waxo-map-block__caption .waxo-icon { width: 22px; height: 22px; color: var(--gold-600); }
.waxo-map-block__map { position: relative; height: 220px; background: linear-gradient(135deg, #dce7ef, #c7d6e2); }
.waxo-map-pin { position: absolute; transform: translate(-50%, -100%); background: #fff; color: var(--navy-950); font-size: 0.75rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); white-space: nowrap; }
.waxo-map-pin::after { content: ''; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; }

.waxo-contact-side__heading { margin: 32px 0 18px; font-size: 1.2rem; }
.waxo-office-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.waxo-office-card__photo.waxo-photo-placeholder { aspect-ratio: 4 / 3; min-height: 0; border-radius: var(--radius-sm); }
.waxo-office-card h4 { font-size: 0.9rem; margin: 10px 0 4px; }
.waxo-office-card p { font-size: 0.82rem; color: var(--ink-600); margin-bottom: 6px; }

/* ---- FAQ (Contact) ---- */
.waxo-faq { background: var(--mist-100); }
.waxo-faq__grid { display: grid; grid-template-columns: 1fr 1fr 260px; gap: 32px; align-items: start; }
.waxo-faq__col { display: flex; flex-direction: column; gap: 12px; }
.waxo-faq__item { background: #fff; border-radius: var(--radius-sm); padding: 16px 20px; }
.waxo-faq__item summary { cursor: pointer; font-weight: 600; color: var(--navy-950); list-style: none; display: flex; justify-content: space-between; align-items: center; }
.waxo-faq__item summary::-webkit-details-marker { display: none; }
.waxo-faq__item summary::after { content: '+'; font-size: 1.3rem; color: var(--gold-600); }
.waxo-faq__item[open] summary::after { content: '\2013'; }
.waxo-faq__item p { margin-top: 12px; color: var(--ink-600); font-size: 0.92rem; }
.waxo-faq__still { background: var(--navy-950); color: #fff; border-radius: var(--radius-md); padding: 26px; text-align: center; }
.waxo-faq__still h3 { color: #fff; font-size: 1.1rem; margin: 12px 0 8px; }
.waxo-faq__still p { color: rgba(247,244,236,0.8); font-size: 0.9rem; }
.waxo-faq__still .waxo-card-icon__badge { margin-inline: auto; }

/* ---- Stories of Impact (Get Involved) ---- */
.waxo-stories { background: var(--mist-100); }
.waxo-stories__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.waxo-stories__media { position: relative; padding-right: 20px; padding-bottom: 24px; }
.waxo-stories__media .waxo-photo-placeholder { width: 100%; height: 360px; border-radius: var(--radius-lg); }
.waxo-stories__quote { position: absolute; right: 0; bottom: 0; background: #fff; padding: 24px; border-radius: var(--radius-md); box-shadow: 0 20px 40px rgba(15,35,64,0.15); max-width: 280px; margin: 0; }
.waxo-stories__quote span { font-family: var(--font-display); font-size: 2.4rem; color: var(--gold-600); line-height: 0.6; display: block; margin-bottom: 8px; }
.waxo-stories__quote p { font-style: italic; font-size: 0.95rem; color: var(--navy-950); margin-bottom: 10px; }
.waxo-stories__quote cite { font-size: 0.8rem; color: var(--ink-600); font-style: normal; }

/* ---- Movement band (Get Involved) ---- */
.waxo-movement-band { position: relative; isolation: isolate; overflow: hidden; background: var(--navy-950); color: #fff; text-align: center; padding-block: 64px; }
.waxo-movement-band__pattern { position: absolute; inset: 0; opacity: 0.5; background-image: radial-gradient(rgba(234,223,194,0.35) 1.5px, transparent 1.5px); background-size: 24px 24px; }
.waxo-movement-band__inner { position: relative; z-index: 1; }
.waxo-movement-band__inner h2 { color: #fff; font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem); margin-bottom: 10px; }
.waxo-movement-band__inner p { color: rgba(247,244,236,0.85); margin-inline: auto; margin-bottom: 24px; max-width: 60ch; }
.waxo-movement-band__actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

/* =========================================================================
   Responsive — pages intérieures
   ========================================================================= */
@media (max-width: 960px) {
	.waxo-cards-4 { grid-template-columns: repeat(2, 1fr); }
	.waxo-our-story__grid { grid-template-columns: 1fr; }
	.waxo-team-grid { grid-template-columns: repeat(2, 1fr); }
	.waxo-report-grid { grid-template-columns: repeat(2, 1fr); }
	.waxo-split-grid { grid-template-columns: 1fr; gap: 48px; }
	.waxo-toolkit-grid { grid-template-columns: repeat(2, 1fr); }
	.waxo-infographic-grid { grid-template-columns: repeat(2, 1fr); }
	.waxo-contact-main__grid { grid-template-columns: 1fr; }
	.waxo-office-grid { grid-template-columns: 1fr; }
	.waxo-faq__grid { grid-template-columns: 1fr; }
	.waxo-stories__grid { grid-template-columns: 1fr; }
	.waxo-stat-strip__row { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 720px) {
	.waxo-cards-4 { grid-template-columns: 1fr; }
	.waxo-team-grid { grid-template-columns: 1fr 1fr; }
	.waxo-report-grid { grid-template-columns: 1fr 1fr; }
	.waxo-toolkit-grid { grid-template-columns: 1fr; }
	.waxo-infographic-grid { grid-template-columns: 1fr 1fr; }
	.waxo-contact-form__row { flex-direction: column; }
	.waxo-stories__quote { position: static; margin-top: -30px; margin-inline: 16px; }
	.waxo-resource-tabs { top: 0; }
}

/* =========================================================================
   Article individuel (single.php)
   ========================================================================= */
.waxo-article-hero { position: relative; isolation: isolate; overflow: hidden; min-height: 340px; display: flex; align-items: flex-end; }
.waxo-article-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.waxo-article-hero__scrim { position: absolute; inset: 0; background: linear-gradient(100deg, rgba(15,35,64,0.92) 0%, rgba(15,35,64,0.55) 60%, rgba(15,35,64,0.25) 90%); }
.waxo-article-hero__inner { position: relative; z-index: 1; padding-block: 40px 36px; max-width: 820px; }
.waxo-article-hero__title { color: #fff; font-size: clamp(1.9rem, 1.5rem + 1.8vw, 2.7rem); line-height: 1.2; }
.waxo-article-hero__meta { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 18px; }
.waxo-article-hero__meta span { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: rgba(247,244,236,0.9); }
.waxo-article-hero__meta .waxo-icon { width: 16px; height: 16px; color: var(--gold-600); }
.waxo-article-hero__meta a { color: inherit; text-decoration: underline; }

.waxo-article-grid { display: grid; grid-template-columns: 1fr 340px; gap: 56px; padding-block: 56px; align-items: start; }

/* Typographie du contenu (the_content) */
.entry-content { max-width: none; }
.entry-content > p { color: var(--ink-900); font-size: 1.02rem; max-width: none; }
.entry-content > p:first-of-type { font-weight: 600; color: var(--navy-950); font-size: 1.12rem; }
.entry-content h2 { font-size: 1.35rem; color: var(--navy-950); margin: 40px 0 14px; }
.entry-content h3 { font-size: 1.15rem; color: var(--navy-950); margin: 28px 0 12px; }
.entry-content ul, .entry-content ol { margin: 0 0 1.2em; padding-left: 1.4em; color: var(--ink-900); }
.entry-content li { margin-bottom: 6px; }
.entry-content img { border-radius: var(--radius-md); margin-block: 20px; }
.entry-content a { color: var(--navy-800); text-decoration: underline; }

/* Citation encadrée (bloc "Citation" de l'éditeur) */
.entry-content blockquote {
	background: var(--mist-100);
	border-left: 4px solid var(--gold-600);
	border-radius: var(--radius-sm);
	padding: 24px 26px;
	margin: 4px 0 24px 32px;
	max-width: 280px;
	float: right;
	clear: right;
}
.entry-content blockquote p { font-family: var(--font-display); font-style: italic; color: var(--navy-950); font-size: 1.08rem; margin-bottom: 10px; max-width: none; }
.entry-content blockquote cite { font-style: normal; font-size: 0.85rem; color: var(--ink-600); }

/* Encart doré (classe CSS additionnelle "waxo-callout" sur un bloc Paragraphe) */
.entry-content .waxo-callout {
	clear: both;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: var(--gold-200);
	border-radius: var(--radius-md);
	padding: 22px 26px;
	margin: 28px 0;
	max-width: none;
}
.entry-content .waxo-callout::before {
	content: '\1F91D';
	flex-shrink: 0;
	width: 38px; height: 38px;
	border-radius: 50%;
	background: var(--gold-600);
	display: flex; align-items: center; justify-content: center;
	font-size: 1.1rem;
}
.entry-content .waxo-callout::first-line { font-weight: 700; color: var(--navy-950); }

.waxo-article-tags { clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--paper-100); }
.waxo-article-tags__label { font-weight: 600; color: var(--navy-950); font-size: 0.9rem; }
.waxo-tag-pill { background: var(--mist-100); color: var(--navy-800); font-size: 0.82rem; font-weight: 600; padding: 6px 14px; border-radius: 999px; text-decoration: none; }
.waxo-tag-pill:hover { background: var(--gold-200); }

.waxo-article-share { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; flex-wrap: wrap; }
.waxo-article-share__label { font-weight: 600; font-size: 0.9rem; color: var(--navy-950); }
.waxo-article-share__icons { display: flex; gap: 10px; }
.waxo-article-share__icons a, .waxo-copy-link { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--navy-950); color: #fff; text-decoration: none; border: none; cursor: pointer; }
.waxo-article-share__icons a:hover, .waxo-copy-link:hover { background: var(--gold-600); color: var(--navy-950); }
.waxo-article-share__icons .waxo-icon, .waxo-copy-link .waxo-icon { width: 15px; height: 15px; }

.waxo-article-sidebar { display: flex; flex-direction: column; gap: 24px; position: sticky; top: 90px; }
.waxo-sidebar-box { background: #fff; border: 1px solid var(--paper-100); border-radius: var(--radius-md); padding: 24px; }
.waxo-sidebar-box__heading { font-size: 1.1rem; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.waxo-sidebar-box__heading .waxo-icon { width: 18px; height: 18px; color: var(--gold-600); }
.waxo-sidebar-list { display: flex; flex-direction: column; gap: 16px; margin-bottom: 18px; }
.waxo-sidebar-list li { display: flex; gap: 12px; align-items: flex-start; }
.waxo-sidebar-list__thumb { flex-shrink: 0; width: 64px; height: 64px; border-radius: var(--radius-sm); overflow: hidden; display: block; }
.waxo-sidebar-list__thumb img { width: 100%; height: 100%; object-fit: cover; }
.waxo-sidebar-list__thumb .waxo-photo-placeholder { width: 100%; height: 100%; min-height: 0; padding: 0; }
.waxo-sidebar-list__thumb .waxo-photo-placeholder .waxo-icon { width: 18px; height: 18px; }
.waxo-sidebar-list li a { font-size: 0.9rem; font-weight: 600; text-decoration: none; line-height: 1.3; display: block; }
.waxo-sidebar-list li small { display: block; color: var(--ink-600); font-size: 0.78rem; margin-top: 4px; }
.waxo-sidebar-box--newsletter { background: var(--mist-100); border: none; }
.waxo-sidebar-box--newsletter p { font-size: 0.9rem; color: var(--ink-600); }
.waxo-sidebar-box--newsletter form { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.waxo-sidebar-box--newsletter input { padding: 0.8em 1em; border: 1.5px solid var(--paper-100); border-radius: var(--radius-sm); font-family: var(--font-body); }

@media (max-width: 960px) {
	.waxo-article-grid { grid-template-columns: 1fr; }
	.waxo-article-sidebar { position: static; }
	.entry-content blockquote { float: none; max-width: none; margin: 24px 0; }
}
@media (max-width: 600px) {
	.entry-content .waxo-callout { flex-direction: column; }
}

/* Note visible uniquement des utilisateurs connectés pouvant éditer du
   contenu, indiquant qu'une section affiche encore des exemples. */
.waxo-admin-note {
	margin-top: 16px;
	padding: 10px 16px;
	background: #FFF8E1;
	border: 1px dashed #C9A227;
	border-radius: var(--radius-sm);
	font-size: 0.82rem;
	color: var(--ink-600);
	max-width: none;
}

/* ---- Pagination (pages d'archive Reports/Toolkits/Media/Infographics) ---- */
.waxo-pagination { margin-top: 48px; display: flex; justify-content: center; }
.waxo-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; margin: 0 4px; padding: 0 12px; border-radius: 999px; background: #fff; border: 1px solid var(--paper-100); color: var(--navy-950); text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.waxo-pagination .page-numbers.current { background: var(--navy-950); color: #fff; border-color: var(--navy-950); }
.waxo-pagination .page-numbers.dots { border: none; background: transparent; }
.waxo-pagination .page-numbers:hover:not(.current):not(.dots) { border-color: var(--gold-600); color: var(--gold-700); }