/*
 * intro/texte-long — pages de texte (mentions legales, confidentialite) : pas de heros, un titre
 * puis le texte dans une colonne de 820 px. Derive de `document` pour ADJ Conciergerie
 * (6/10/2026) : le haut degage la barre flottante (`--ivy-bar-offset`), les intertitres du
 * texte prennent le role h3. Engagement 5 : aucun hexadecimal.
 */
.ivy-intro--texte-long {
	--ivy-page-gutter: clamp( 20px, 5vw, 64px );
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax( 0, 1fr );
	gap: 18px;
	justify-items: start;
	padding: calc( var( --ivy-bar-offset, 82px ) + clamp( 48px, 6vw, 80px ) ) max( var( --ivy-page-gutter ), calc( ( 100% - 820px ) / 2 ) ) clamp( 80px, 9vw, 120px );
}
.ivy-intro--texte-long .ivy-intro__eyebrow { color: var( --ivy-eyebrow-color, var( --ivy-accent-text, var( --ivy-accent, currentcolor ) ) ); font-size: var( --ivy-font-label ); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.ivy-intro--texte-long .ivy-intro__title { margin: 0; color: var( --ivy-title-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-weight: 400; line-height: 1.12; }
.ivy-intro--texte-long .ivy-intro__text { display: grid; gap: 18px; width: 100%; overflow-wrap: anywhere; color: var( --ivy-text-color, var( --ivy-ink, currentcolor ) ); }
.ivy-intro--texte-long .ivy-intro__text :is( p, li ) { margin: 0; font-size: inherit; }
.ivy-intro--texte-long .ivy-intro__text ul { display: grid; gap: 10px; margin: 0; padding-left: 20px; }
.ivy-intro--texte-long .ivy-intro__text h2 { margin: 24px 0 0; color: var( --ivy-text_heading-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-size: var( --ivy-font-h3 ); font-weight: 400; line-height: 1.12; }
.ivy-intro--texte-long .ivy-intro__text strong { color: var( --ivy-accent, currentcolor ); }
.ivy-intro--texte-long .ivy-intro__text a { color: var( --ivy-text_link-color, var( --ivy-accent, currentcolor ) ); text-decoration: underline; }
.ivy-intro--texte-long .ivy-intro__text mark { padding: 0 4px; border-radius: calc( var( --ivy-radius-surface, 22px ) / 5 ); background: color-mix( in srgb, var( --ivy-accent-on-deep, currentcolor ) 40%, rgb( 255 255 255 ) ); color: var( --ivy-accent, currentcolor ); }
.ivy-intro--texte-long .ivy-intro__text a:focus-visible { outline: 2px solid currentcolor; outline-offset: 3px; }

.ivy-intro--texte-long .ivy-intro__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.ivy-intro--texte-long .ivy-intro__cta {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 24px;
	border-radius: var( --ivy-radius-action, 999px );
	background: var( --ivy-cta-background-color, var( --ivy-accent, currentcolor ) );
	color: var( --ivy-cta-color, var( --ivy-on-accent, rgb( 255 255 255 ) ) );
	font-weight: 500;
	text-decoration: none;
}
.ivy-intro--texte-long .ivy-intro__cta--secondary { border: 1px solid currentcolor; background: var( --ivy-cta_secondary-background-color, transparent ); color: var( --ivy-cta_secondary-color, var( --ivy-accent, currentcolor ) ); }
.ivy-intro--texte-long .ivy-intro__cta:focus-visible { outline: 2px solid currentcolor; outline-offset: 3px; }
