/* ===== Pages légales GardenPilot ===== */
:root{
  --bg:#08160d;--bg2:#0d2214;--lime:#9fd14a;--green:#3f9e54;
  --text:#e8f2e4;--muted:#9fb89a;--line:rgba(159,209,74,.14);
  --card:rgba(255,255,255,.035);--radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}
a{color:var(--lime);text-decoration:none}
a:hover{text-decoration:underline}
.lwrap{max-width:820px;margin:0 auto;padding:0 22px}

/* header */
.lhead{border-bottom:1px solid var(--line);padding:18px 0;position:sticky;top:0;background:rgba(8,22,13,.9);backdrop-filter:blur(8px);z-index:5}
.lhead .lwrap{display:flex;align-items:center;justify-content:space-between}
.lhead .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;color:var(--text)}
.lhead .brand img{height:30px}
.lhead .brand b{color:var(--lime)}
.lhead nav a{margin-left:18px;font-size:.92rem;color:var(--muted)}
.lhead nav a:hover{color:var(--lime);text-decoration:none}

/* content */
main{padding:46px 0 70px}
h1{font-size:2rem;line-height:1.2;margin-bottom:8px}
.updated{color:var(--muted);font-size:.9rem;margin-bottom:34px}
h2{font-size:1.25rem;margin:34px 0 10px;color:var(--lime)}
h3{font-size:1.05rem;margin:22px 0 8px}
p,ul,ol{margin-bottom:14px}
ul,ol{padding-left:22px}
li{margin-bottom:6px}
.todo{background:rgba(159,209,74,.12);border:1px dashed var(--lime);color:var(--lime);padding:2px 7px;border-radius:6px;font-size:.85rem;font-weight:600}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.94rem}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left}
th{background:var(--card)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin:18px 0}

/* footer */
footer{border-top:1px solid var(--line);padding:34px 0;text-align:center;color:var(--muted);font-size:.88rem}
footer .flinks{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
footer .flinks a{color:var(--muted)}
footer .flinks a:hover{color:var(--lime);text-decoration:none}