/* ==========================================================================
   Power 21 — pages légales (routes 'legal' et 'privacy', content/<lang>/p_legal.php,
   p_privacy.php). Compléments de layout.css (hero .lyt-) : titre plus petit,
   questions / réponses. Préfixe : .lgl-
   ========================================================================== */

/* 1. Hero : titre réduit (libellés longs, ex. « Politique de confidentialité ») */
.lgl-hero .lyt-hero__title { font-size: clamp(44px, 7vw, 112px); line-height: .92; }

/* 2. Questions / réponses ---------------------------------------------------- */
.lgl-body { padding: clamp(64px, 8vw, 112px) var(--gutter) clamp(96px, 12vw, 160px); }
.lgl-list { margin: 0; border-top: 1px solid rgba(15,17,21,.12); }
.lgl-item {
  display: grid; grid-template-columns: minmax(240px, 5fr) 7fr; gap: 16px clamp(32px, 6vw, 96px);
  padding: 36px 0; border-bottom: 1px solid rgba(15,17,21,.12);
}
.lgl-item dt {
  font-size: clamp(20px, 1.7vw, 26px); line-height: 1.25; font-weight: 700; letter-spacing: -.02em; text-wrap: balance;
}
.lgl-item dd { margin: 0; display: grid; gap: 14px; max-width: 680px; }
.lgl-item dd p { font-size: 17px; line-height: 1.7; color: var(--c-body); text-wrap: pretty; }
.lgl-item dd a { color: inherit; border-bottom: 1px solid var(--c-yellow); }
.lgl-meta { font-family: var(--ff-mono); font-size: 13px !important; line-height: 1.8 !important; letter-spacing: .02em; }

/* page en attente de contenu */
.lgl-pending { max-width: 640px; display: grid; gap: 24px; justify-items: start; }
.lgl-pending p { font-size: 18px; line-height: 1.7; color: var(--c-body); }

@media (max-width: 900px) {
  .lgl-item { grid-template-columns: 1fr; padding: 28px 0; }
}