/* legal.css — pages légales (confidentialité, mentions légales), octobre 2026 */
.lg-wrap { display:flex; flex-direction:column; gap:20px; max-width:980px; margin:0 auto }
.lg-hero { position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:18px 28px; padding:30px 34px; border-radius:22px; color:#FFFFFF; background:linear-gradient(120deg, #0F172A 0%, #1E3A8A 60%, #1D4ED8 100%); border:2px solid #0F172A; box-shadow:0 18px 36px -22px rgba(15,23,42,.8) }
.lg-hero .wm { position:absolute; right:-14px; top:-30px; font-size:210px; line-height:1; opacity:.07; pointer-events:none; transform:rotate(-8deg) }
.lg-hero-in { position:relative; flex:1 1 420px; min-width:0 }
.lg-kick { display:inline-flex; align-items:center; gap:8px; padding:5px 14px; border-radius:999px; background:rgba(255,255,255,.16); border:1.5px solid rgba(255,255,255,.4); font:800 12.5px Inter, sans-serif; letter-spacing:.06em }
.lg-hero h1 { margin:12px 0 8px; font:900 clamp(28px, 4vw, 40px)/1.08 Inter, sans-serif; letter-spacing:-.02em; color:#FFFFFF }
.lg-hero p { margin:0; max-width:640px; font:500 16px/1.6 Inter, sans-serif; color:#DBEAFE }
.lg-meta { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; padding:0; list-style:none }
.lg-meta li { padding:4px 12px; border-radius:99px; background:rgba(15,23,42,.35); border:1.5px solid rgba(255,255,255,.28); font:700 12.5px Inter, sans-serif; color:#E0E7FF }
.lg-tools { position:relative; display:flex; flex-wrap:wrap; gap:10px }
.lg-tools a, .lg-tools button { display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:12px; background:#FFFFFF; color:#1E3A8A; border:2px solid #FFFFFF; font:800 13.5px Inter, sans-serif; text-decoration:none; cursor:pointer }
.lg-tools a:hover, .lg-tools button:hover { background:#DBEAFE }
.lg-tools a:focus-visible, .lg-tools button:focus-visible, .lg-toc a:focus-visible { outline:3px solid #22D3EE; outline-offset:2px }

.lg-toc { display:flex; flex-wrap:wrap; gap:8px; padding:14px; border-radius:16px; background:#FFFFFF; border:2px solid #CBD5E1 }
.lg-toc a { --k:#1D4ED8; display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:10px; border:1.5px solid color-mix(in srgb, var(--k) 35%, #FFFFFF); background:color-mix(in srgb, var(--k) 8%, #FFFFFF); color:#1E293B; font:700 13px/1.25 Inter, sans-serif; text-decoration:none }
.lg-toc a i { color:var(--k); font-size:16px }
.lg-toc a:hover { background:color-mix(in srgb, var(--k) 16%, #FFFFFF) }

.lg-sec, .lg-card { --k:#1D4ED8; padding:22px 26px; border-radius:18px; background:#FFFFFF; border:2px solid #CBD5E1; border-left:6px solid var(--k); scroll-margin-top:90px }
.lg-sec h2, .lg-card h2 { display:flex; align-items:center; gap:12px; margin:0 0 14px; font:900 20px/1.25 Inter, sans-serif; color:#0F172A }
.lg-sec h2 .ic, .lg-card h2 .ic { flex-shrink:0; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:color-mix(in srgb, var(--k) 14%, #FFFFFF); color:var(--k); font-size:21px }
.lg-txt, .lg-card { font:500 15.5px/1.7 Inter, sans-serif; color:#1E293B }
.lg-txt p, .lg-card p { margin:0 0 12px; text-align:justify; hyphens:auto }
.lg-txt h3 { margin:18px 0 8px; font:800 16px/1.3 Inter, sans-serif; color:#0F172A }
.lg-txt ul, .lg-txt ol { margin:0 0 12px; padding-left:22px }
.lg-txt li { margin:0 0 6px; text-align:justify; hyphens:auto }
.lg-txt a, .lg-card a { color:#1D4ED8; font-weight:700 }
.lg-txt table { width:100%; border-collapse:collapse; margin:0 0 14px; font-size:14.5px }
.lg-txt th, .lg-txt td { padding:8px 10px; border:1.5px solid #CBD5E1; text-align:left; vertical-align:top }
.lg-txt th { background:#F1F5F9; color:#0F172A }
.lg-info { margin:0 0 14px; padding:12px 16px; border-radius:12px; background:#EFF6FF; border:2px solid #93C5FD; color:#1E3A8A }
.lg-info p:last-child, .lg-info ul:last-child { margin-bottom:0 }
.lg-note { font-size:14px; color:#475569 }
.lg-card .lg-note { margin:12px 0 0 }
.lg-optout { margin:10px 0 0; padding:6px 10px; border-radius:14px; background:#FFFFFF; border:2px solid #CBD5E1; max-width:640px }
.lg-optout iframe { display:block; width:100%; height:190px; border:0 }

.lg-cards { display:flex; flex-direction:column; gap:16px }
.lg-card dl { display:grid; grid-template-columns:minmax(120px, 190px) 1fr; gap:8px 18px; margin:0 }
.lg-card dt { font-weight:800; color:#334155 }
.lg-card dd { margin:0 }

.v3-legal { max-width:980px; margin:26px auto 8px; padding:14px 0 0; border-top:1.5px solid rgba(226,232,240,.35); display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; font:600 13px Inter, sans-serif; color:#E2E8F0 }
.v3-legal a { display:inline-flex; align-items:center; gap:6px; color:#F1F5F9; text-decoration:none }
.v3-legal a:hover { color:#FFFFFF; text-decoration:underline }

@media (max-width:640px) {
  .lg-hero { padding:24px 20px }
  .lg-sec, .lg-card { padding:18px 16px }
  .lg-card dl { grid-template-columns:1fr; gap:2px }
  .lg-card dt { margin-top:8px }
  .lg-txt p, .lg-txt li, .lg-card p { text-align:left }
}
@media print {
  .acc-head, .acc-header, header.acc-top, .lg-tools, .lg-toc, .v3-legal, .lg-optout { display:none !important }
  .lg-hero { background:#FFFFFF !important; color:#000000 !important; border:0; box-shadow:none; padding:0 }
  .lg-hero h1, .lg-hero p, .lg-kick, .lg-meta li { color:#000000 !important; background:none !important; border:0 }
  .lg-sec, .lg-card { break-inside:avoid; border:1px solid #999999 }
}