/* Style partagé des pages légales (confidentialité, conditions d'utilisation).
   Reprend la charte de login.html / dashboard.html, en colonne lisible. */
:root{ --green:#4d7c0f; --green2:#65a30d; --ink:#1f2937; --muted:#6b7280;
       --bg:#f1f5f0; --card:#ffffff; --border:#e5e7eb; }
*{box-sizing:border-box}
body{margin:0;padding:32px 16px 64px;
     background:radial-gradient(1200px 600px at 70% -10%, #e7f0dd, var(--bg));
     font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);
     line-height:1.6}
.wrap{max-width:760px;margin:0 auto;background:var(--card);border:1px solid var(--border);
      border-radius:24px;padding:40px 44px;box-shadow:0 20px 60px rgba(31,41,55,.10)}
.logo{width:48px;height:48px;border-radius:14px;margin-bottom:18px;
      background:linear-gradient(135deg,var(--green),var(--green2));
      display:flex;align-items:center;justify-content:center;font-size:24px}
h1{font-size:26px;margin:0 0 6px}
h2{font-size:17px;margin:32px 0 8px;padding-top:18px;border-top:1px solid var(--border)}
h2:first-of-type{border-top:none;padding-top:0}
p,li{font-size:15px;color:var(--ink)}
ul{padding-left:20px}
li{margin:6px 0}
.updated{color:var(--muted);font-size:13px;margin:0 0 8px}
.lead{color:var(--muted);font-size:15px;margin:0 0 8px}
a{color:var(--green)}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:13px}
.note{background:#f8faf5;border:1px solid var(--border);border-radius:12px;
      padding:14px 16px;font-size:14px;margin:16px 0}
.foot{margin-top:36px;padding-top:18px;border-top:1px solid var(--border);
      font-size:13px;color:var(--muted)}
@media(max-width:640px){ .wrap{padding:28px 22px;border-radius:18px} h1{font-size:22px} }