/* Pages d'information de TerraFront (mentions légales, confidentialité, CGU) */
:root{
  --nuit:#0F1F38; --nuit-2:#162C4B; --brume:#A9BCD4; --or:#F0B429;
  --titre:'Big Shoulders Display', Impact, sans-serif;
  --texte:'Instrument Sans', system-ui, -apple-system, sans-serif;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--nuit); color:#E6EDF6; font-family:var(--texte); font-size:16px; line-height:1.62; }
a{ color:var(--or); text-underline-offset:3px; }
a:hover{ color:#FCE38A; }
.pg-tete{ border-bottom:1px solid rgba(169,188,212,.16); background:rgba(11,24,48,.6); }
.pg-tete-int{ max-width:780px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.pg-marque{ font-family:var(--titre); font-weight:800; font-size:26px; color:#fff; text-decoration:none; letter-spacing:.01em; }
.pg-marque span{ color:var(--or); }
.pg-nav{ display:flex; gap:6px 16px; flex-wrap:wrap; font-size:14px; }
.pg-nav a{ color:var(--brume); text-decoration:none; }
.pg-nav a:hover, .pg-nav a[aria-current="page"]{ color:#fff; }
.pg-nav a[aria-current="page"]{ box-shadow:inset 0 -2px 0 var(--or); }
main{ max-width:780px; margin:0 auto; padding:34px 20px 60px; }
h1{ font-family:var(--titre); font-weight:900; font-size:clamp(40px, 9vw, 56px); line-height:1; margin:0 0 8px; text-transform:uppercase; color:#fff; }
.pg-maj{ color:var(--brume); font-size:14px; margin:0 0 28px; }
.pg-intro{ font-size:17px; color:#fff; background:var(--nuit-2); border:1px solid rgba(169,188,212,.18); border-left:4px solid var(--or); border-radius:10px; padding:14px 16px; margin:0 0 30px; }
h2{ font-family:var(--titre); font-weight:800; font-size:27px; line-height:1.1; margin:34px 0 10px; color:#fff; }
h3{ font-size:16px; margin:20px 0 6px; color:#fff; }
p, li{ color:#D3DDEA; }
ul{ padding-left:20px; margin:8px 0; }
li{ margin:4px 0; }
b, strong{ color:#fff; }
.pg-bloc{ background:var(--nuit-2); border:1px solid rgba(169,188,212,.18); border-radius:10px; padding:12px 16px; margin:10px 0; }
.pg-bloc p{ margin:2px 0; }
.pg-tableau{ width:100%; border-collapse:collapse; font-size:14.5px; margin:10px 0; }
.pg-tableau th{ text-align:left; color:var(--brume); font-weight:600; font-size:13px; padding:6px 8px; border-bottom:1px solid rgba(169,188,212,.3); }
.pg-tableau td{ padding:8px; border-bottom:1px solid rgba(169,188,212,.14); vertical-align:top; }
.pg-defile{ overflow-x:auto; }
.pg-pied{ border-top:1px solid rgba(169,188,212,.16); }
.pg-pied-int{ max-width:780px; margin:0 auto; padding:18px 20px 30px; display:flex; gap:8px 18px; flex-wrap:wrap; font-size:14px; color:var(--brume); }
.pg-pied a{ color:var(--brume); }
.pg-retour{ display:inline-block; margin-top:30px; background:var(--or); color:var(--nuit); font-family:var(--titre); font-weight:800; font-size:20px; text-transform:uppercase; text-decoration:none; padding:10px 20px; border-radius:10px; }
.pg-retour:hover{ color:var(--nuit); background:#FCE38A; }
@media (max-width:520px){ body{ font-size:15.5px; } h2{ font-size:24px; } }