/*
 * intro/legal — porte depuis mentions-legales.astro de la maquette de Chez Loeli. Engagement 5 : aucun hexadecimal.
 * La colonne de 52 rem est le PARENT du texte : `__text` prend toute la largeur de son parent.
 */
.ivy-intro--legal { padding-block: clamp( 72px, 9vw, 120px ); background-color: var( --ivy-surface ); background-image: var( --ivy-grain, none ); color: var( --ivy-ink ); }
.ivy-intro--legal .ivy-intro__column { display: grid; gap: 18px; width: min( 100% - 2 * clamp( 20px, 5vw, 56px ), 52rem ); margin-inline: auto; }
.ivy-intro--legal .ivy-intro__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink ) ); }
.ivy-intro--legal .ivy-intro__text { display: grid; gap: 18px; color: var( --ivy-text-color, inherit ); }
.ivy-intro--legal .ivy-intro__text > * { margin: 0; font-size: var( --ivy-font-body ); }
.ivy-intro--legal .ivy-intro__text > p:first-child { max-width: 62ch; color: var( --ivy-muted ); font-size: var( --ivy-font-lead ); }
.ivy-intro--legal .ivy-intro__text h2 { margin-block-start: 22px; color: var( --ivy-text_heading-color, var( --ivy-ink ) ); }
.ivy-intro--legal .ivy-intro__text ul { display: grid; gap: 6px; padding: 0; list-style: none; }
.ivy-intro--legal .ivy-intro__text a { color: var( --ivy-accent ); text-decoration: underline 1px; text-underline-offset: .22em; }
.ivy-intro--legal .ivy-intro__cta--secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .85em 1.7em; border: 1.5px solid currentColor; border-radius: var( --ivy-radius-action, 999px ); background-color: var( --ivy-cta_secondary-background-color, transparent ); color: var( --ivy-cta_secondary-color, var( --ivy-accent ) ); font-size: var( --ivy-font-h6 ); font-weight: 600; text-decoration: none; transition: background-color 200ms ease, color 200ms ease; }
.ivy-intro--legal .ivy-intro__cta--secondary:hover { background-color: var( --ivy-accent ); border-color: var( --ivy-accent ); color: var( --ivy-on-accent ); }
.ivy-intro--legal .ivy-intro__cta--secondary::after { display: none; }