.elementor-54967 .elementor-element.elementor-element-3a0cbfc{--display:flex;}.elementor-54967 .elementor-element.elementor-element-3a52cac{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-25a40b6 *//* =========================================================
 * SENIOR SÉRÉNITÉ — CSS ARTICLE MALADIE À CORPS DE LEWY
 * Scopé sous .ss-article pour ne pas polluer le reste du site
 * ======================================================= */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap');

.ss-article {
	/* ----- Variables de design ----- */
	--ss-b50: #f3f8f8;
	--ss-b100: #deecec;
	--ss-b200: #bddddd;
	--ss-b400: #86bcc0;
	--ss-b600: #6fa8ad;
	--ss-b700: #5d9398;
	--ss-b800: #4c7d82;
	--ss-slate: #17313a;
	--ss-slate2: #244652;
	--ss-slate3: #3b5f69;
	--ss-muted: #6f8790;
	--ss-line: #dbe8ea;
	--ss-white: #ffffff;
	--ss-bg: #f7fbfb;
	--ss-gold: #fbbf24;
	--ss-warn-bg: #fff7ed;
	--ss-warn-br: #fdba74;
	--ss-warn-tx: #9a3412;
	--ss-info-bg: #eff6ff;
	--ss-info-br: #bfdbfe;
	--ss-info-tx: #1e40af;
	--ss-hl-bg: #f0fdf4;
	--ss-hl-br: #bbf7d0;
	--ss-hl-tx: #166534;
	--ss-r-md: 12px;
	--ss-r-lg: 18px;
	--ss-r-xl: 24px;
	--ss-sh: 0 2px 12px rgba(15, 23, 42, .07);
	--ss-sh-md: 0 8px 28px rgba(15, 23, 42, .12);
	--ss-ff: 'Outfit', system-ui, -apple-system, sans-serif;
	--ss-ffs: 'Source Serif 4', Georgia, serif;

	/* ----- Container ----- */
	max-width: 820px;
	margin: 0 auto;
	padding: 20px 20px 60px;
	font-family: var(--ss-ff);
	color: var(--ss-slate);
	font-size: 17px;
	line-height: 1.7;
}

.ss-article *,
.ss-article *::before,
.ss-article *::after {
	box-sizing: border-box;
}

/* =========================================================
 * HERO
 * ======================================================= */

.ss-article .ss-hero {
	margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--ss-line);
}

.ss-article .ss-hero h1 {
	font-family: var(--ss-ffs);
	font-size: clamp(28px, 4vw, 40px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: var(--ss-slate);
	margin: 0 0 20px;
}

.ss-article .ss-intro {
	font-size: 1.08rem;
	line-height: 1.7;
	color: var(--ss-slate2);
	margin: 0 0 14px;
}

.ss-article .ss-intro strong {
	color: var(--ss-b800);
	font-weight: 600;
}

.ss-article .ss-figure {
	margin: 24px 0 0;
	padding: 0;
}

.ss-article .ss-figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ss-r-lg);
	box-shadow: var(--ss-sh-md);
}

.ss-article .ss-figure figcaption {
	margin-top: 10px;
	font-size: .88rem;
	font-style: italic;
	color: var(--ss-muted);
	text-align: center;
}

/* =========================================================
 * TITRES
 * ======================================================= */

.ss-article h2 {
	font-family: var(--ss-ffs);
	font-size: clamp(22px, 2.6vw, 30px);
	font-weight: 600;
	line-height: 1.25;
	color: var(--ss-slate);
	margin: 48px 0 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--ss-b200);
	scroll-margin-top: 20px;
}

.ss-article h3 {
	font-family: var(--ss-ff);
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--ss-b800);
	margin: 28px 0 10px;
	line-height: 1.35;
}

/* =========================================================
 * PARAGRAPHES ET LISTES
 * ======================================================= */

.ss-article p {
	margin: 0 0 16px;
	color: var(--ss-slate2);
}

.ss-article p strong,
.ss-article li strong {
	color: var(--ss-slate);
	font-weight: 600;
}

.ss-article a {
	color: var(--ss-b700);
	text-decoration: underline;
	text-decoration-color: rgba(111, 168, 173, .35);
	text-underline-offset: 3px;
	transition: color .18s ease, text-decoration-color .18s ease;
}

.ss-article a:hover {
	color: var(--ss-b800);
	text-decoration-color: var(--ss-b600);
}

.ss-article ul,
.ss-article ol {
	margin: 0 0 20px;
	padding-left: 0;
	list-style: none;
}

.ss-article ul li,
.ss-article ol li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 10px;
	line-height: 1.65;
	color: var(--ss-slate2);
}

.ss-article ul li::before {
	content: '';
	position: absolute;
	left: 6px;
	top: 11px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ss-b600);
}

.ss-article ol {
	counter-reset: ss-counter;
}

.ss-article ol li {
	counter-increment: ss-counter;
}

.ss-article ol li::before {
	content: counter(ss-counter);
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	font-size: .78rem;
	font-weight: 700;
	background: var(--ss-b600);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* =========================================================
 * BOXES (highlight, info, warning)
 * ======================================================= */

.ss-article .ss-box {
	margin: 24px 0;
	padding: 20px 22px;
	border-radius: var(--ss-r-lg);
	border-left: 4px solid var(--ss-b600);
	background: var(--ss-b50);
}

.ss-article .ss-box p {
	margin: 0 0 10px;
}

.ss-article .ss-box p:last-child {
	margin-bottom: 0;
}

.ss-article .ss-box ul {
	margin: 10px 0 0;
}

.ss-article .ss-box ul li {
	margin-bottom: 6px;
}

/* Highlight — vert (essentiel à retenir) */
.ss-article .ss-highlight {
	background: var(--ss-hl-bg);
	border-left-color: #22c55e;
}

.ss-article .ss-highlight p strong:first-child {
	color: var(--ss-hl-tx);
}

.ss-article .ss-highlight ul li::before {
	background: #22c55e;
}

/* Info — bleu (point clé) */
.ss-article .ss-info {
	background: var(--ss-info-bg);
	border-left-color: #3b82f6;
}

.ss-article .ss-info strong {
	color: var(--ss-info-tx);
}

.ss-article .ss-info ul li::before {
	background: #3b82f6;
}

/* Warning — orange (danger) */
.ss-article .ss-warning {
	background: var(--ss-warn-bg);
	border-left-color: #f97316;
}

.ss-article .ss-warning strong {
	color: var(--ss-warn-tx);
}

.ss-article .ss-warning ul li::before {
	background: #f97316;
}

/* =========================================================
 * SOMMAIRE (TOC)
 * ======================================================= */

.ss-article .ss-toc {
	margin: 28px 0 36px;
	padding: 22px 26px;
	background: linear-gradient(135deg, #fff 0%, var(--ss-b50) 100%);
	border: 1px solid var(--ss-line);
	border-radius: var(--ss-r-lg);
	box-shadow: var(--ss-sh);
}

.ss-article .ss-toc > p:first-child {
	margin: 0 0 12px;
	font-family: var(--ss-ffs);
	font-size: 1.1rem;
	color: var(--ss-slate);
}

.ss-article .ss-toc ul {
	margin: 0;
	columns: 2;
	column-gap: 28px;
}

.ss-article .ss-toc li {
	padding-left: 22px;
	margin-bottom: 8px;
	break-inside: avoid;
}

.ss-article .ss-toc li::before {
	content: '→';
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	background: transparent;
	border-radius: 0;
	color: var(--ss-b600);
	font-weight: 700;
}

.ss-article .ss-toc a {
	color: var(--ss-slate2);
	text-decoration: none;
	font-size: .95rem;
	transition: color .18s ease;
}

.ss-article .ss-toc a:hover {
	color: var(--ss-b700);
}

/* =========================================================
 * CHECKLIST
 * ======================================================= */

.ss-article .ss-checklist {
	margin: 24px 0;
	padding: 22px 26px;
	background: #fff;
	border: 1px solid var(--ss-b200);
	border-radius: var(--ss-r-lg);
	box-shadow: var(--ss-sh);
	position: relative;
}

.ss-article .ss-checklist::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--ss-b600), var(--ss-b400));
	border-radius: var(--ss-r-lg) var(--ss-r-lg) 0 0;
}

.ss-article .ss-checklist p:first-child {
	margin: 0 0 14px;
	font-weight: 600;
	color: var(--ss-slate);
	font-size: 1.02rem;
}

.ss-article .ss-checklist ul {
	margin: 0;
}

.ss-article .ss-checklist ul li {
	padding-left: 32px;
	margin-bottom: 10px;
}

.ss-article .ss-checklist ul li::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 6px;
	width: 18px;
	height: 18px;
	background: var(--ss-b600);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px var(--ss-b600);
}

.ss-article .ss-checklist ul li::after {
	content: '';
	position: absolute;
	left: 8px;
	top: 10px;
	width: 10px;
	height: 6px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}

/* =========================================================
 * TABLEAU COMPARATIF
 * ======================================================= */

.ss-article .ss-table {
	width: 100%;
	margin: 24px 0 28px;
	border-collapse: collapse;
	background: #fff;
	border-radius: var(--ss-r-md);
	overflow: hidden;
	box-shadow: var(--ss-sh);
	font-size: .92rem;
}

.ss-article .ss-table th,
.ss-article .ss-table td {
	padding: 14px 16px;
	text-align: left;
	border-bottom: 1px solid var(--ss-line);
	line-height: 1.45;
}

.ss-article .ss-table th {
	background: linear-gradient(135deg, var(--ss-b800) 0%, var(--ss-b600) 100%);
	color: #fff;
	font-weight: 600;
	font-size: .88rem;
	letter-spacing: .02em;
	border-bottom: none;
}

.ss-article .ss-table tr:last-child td {
	border-bottom: none;
}

.ss-article .ss-table tr:nth-child(even) td {
	background: var(--ss-b50);
}

.ss-article .ss-table td:first-child {
	font-weight: 600;
	color: var(--ss-slate);
}

.ss-article .ss-table td strong {
	color: var(--ss-b800);
}

/* =========================================================
 * CTA FINAL
 * ======================================================= */

.ss-article .ss-cta-final {
	margin: 40px 0 28px;
	padding: 32px 30px;
	background: linear-gradient(135deg, var(--ss-b800) 0%, var(--ss-b600) 100%);
	border-radius: var(--ss-r-xl);
	color: #fff;
	text-align: center;
	box-shadow: 0 16px 40px rgba(76, 125, 130, .25);
}

.ss-article .ss-cta-final p {
	color: rgba(255, 255, 255, .95);
	margin: 0 0 14px;
	line-height: 1.6;
}

.ss-article .ss-cta-final p:first-child {
	font-family: var(--ss-ffs);
	font-size: 1.35rem;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}

.ss-article .ss-cta-final p strong {
	color: var(--ss-gold);
}

.ss-article .ss-btn {
	display: inline-block;
	margin-top: 16px;
	padding: 14px 28px;
	background: #fff;
	color: var(--ss-b800) !important;
	border-radius: 10px;
	text-decoration: none !important;
	font-weight: 700;
	font-size: .98rem;
	transition: all .22s ease;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}

.ss-article .ss-btn:hover {
	background: var(--ss-gold);
	color: var(--ss-slate) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

/* =========================================================
 * FAQ (questions h3 + réponses)
 * ======================================================= */

.ss-article #faq + h3,
.ss-article #faq ~ h3 {
	padding: 16px 20px;
	background: var(--ss-b50);
	border-left: 4px solid var(--ss-b600);
	border-radius: 0 var(--ss-r-md) var(--ss-r-md) 0;
	margin-top: 24px;
	margin-bottom: 12px;
	font-size: 1.08rem;
	color: var(--ss-slate);
}

.ss-article #faq ~ p {
	padding: 0 20px 0 24px;
	margin-bottom: 20px;
}

/* =========================================================
 * ÉLÉMENTS EMOJIS / ICÔNES INLINE
 * ======================================================= */

.ss-article p:has(> a:only-child) {
	padding: 12px 18px;
	background: var(--ss-b50);
	border-radius: var(--ss-r-md);
	margin: 12px 0;
}

/* =========================================================
 * RESPONSIVE
 * ======================================================= */

@media (max-width: 768px) {
	.ss-article {
		padding: 16px 16px 48px;
		font-size: 16px;
	}

	.ss-article h2 {
		margin-top: 36px;
	}

	.ss-article .ss-toc ul {
		columns: 1;
	}

	.ss-article .ss-box,
	.ss-article .ss-checklist,
	.ss-article .ss-toc {
		padding: 18px 18px;
	}

	.ss-article .ss-cta-final {
		padding: 26px 22px;
	}

	.ss-article .ss-btn {
		display: block;
		width: 100%;
		padding: 14px 18px;
	}

	/* Tableau scrollable horizontalement sur mobile */
	.ss-article .ss-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		font-size: .85rem;
	}

	.ss-article .ss-table th,
	.ss-article .ss-table td {
		padding: 10px 12px;
	}
}

@media (max-width: 480px) {
	.ss-article .ss-hero h1 {
		font-size: 26px;
	}

	.ss-article .ss-intro {
		font-size: 1rem;
	}

	.ss-article h3 {
		font-size: 1.08rem;
	}
}

/* =========================================================
 * IMPRESSION (bonus)
 * ======================================================= */

@media print {
	.ss-article {
		max-width: 100%;
		font-size: 11pt;
		color: #000;
	}

	.ss-article .ss-cta-final,
	.ss-article .ss-toc {
		display: none;
	}

	.ss-article .ss-figure img {
		max-height: 300px;
		object-fit: cover;
	}

	.ss-article a {
		color: #000;
		text-decoration: underline;
	}
}/* End custom CSS */