@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');

:root { --bg:#f3f4ee; --surface:#fbfcf8; --ink:#1e251d; --muted:#667061; --line:#d7dcd1; --accent:#b9e246; --dark:#182017; }
* { box-sizing:border-box; }
html { color:var(--ink); background:var(--bg); font-family:Inter,Arial,sans-serif; }
body { min-width:320px; margin:0; background:var(--bg); }
a { color:inherit; }
.legal-header { width:min(980px,calc(100% - 40px)); height:76px; display:flex; align-items:center; justify-content:space-between; margin:0 auto; border-bottom:1px solid var(--line); }
.legal-brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-family:Manrope,sans-serif; text-decoration:none; }
.legal-brand span { display:grid; width:36px; height:36px; place-items:center; border-radius:9px; background:var(--dark); color:#fff; font-size:11px; font-weight:800; }
.legal-brand strong { font-size:19px; letter-spacing:-.04em; }
.legal-language { color:var(--muted); font-size:12px; font-weight:700; text-decoration:none; }
.legal-main { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:72px 0 100px; }
.legal-main-wide { width:min(980px,calc(100% - 40px)); }
.legal-kicker { margin:0 0 12px; color:#607b22; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.legal-main h1 { margin:0; font:750 clamp(38px,7vw,68px)/.98 Manrope,sans-serif; letter-spacing:-.055em; }
.legal-lead { margin:25px 0 44px; color:var(--muted); font-size:18px; line-height:1.65; }
.legal-meta { display:flex; flex-wrap:wrap; gap:8px 24px; margin-bottom:44px; padding:16px 0; border-block:1px solid var(--line); color:var(--muted); font-size:12px; }
.legal-section { padding:28px 0; border-bottom:1px solid var(--line); }
.legal-section h2 { margin:0 0 15px; font:700 25px/1.15 Manrope,sans-serif; letter-spacing:-.035em; }
.legal-section h3 { margin:24px 0 10px; font-size:15px; }
.legal-section p,.legal-section li { color:#424b3e; font-size:14px; line-height:1.72; }
.legal-section code { padding:2px 5px; border-radius:5px; background:#e7eadf; color:#34402e; font-size:.92em; }
.legal-section ul,.legal-section ol { display:grid; gap:8px; padding-left:22px; }
.legal-table-wrap { margin:22px 0; overflow-x:auto; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.legal-table { width:100%; min-width:680px; border-collapse:collapse; font-size:13px; line-height:1.55; }
.legal-table th,.legal-table td { padding:15px 16px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.legal-table th { background:#edf1e5; color:#3a4634; font-size:11px; letter-spacing:.03em; }
.legal-table tr:last-child td { border-bottom:0; }
.legal-table td:first-child { width:24%; color:var(--ink); font-weight:700; }
.legal-callout { display:grid; gap:6px; margin:26px 0; padding:18px 20px; border:1px solid #b8ca80; border-radius:12px; background:#eff6dc; }
.legal-callout strong { font-size:12px; }
.legal-callout code { overflow-wrap:anywhere; color:#445521; font-size:13px; }
.legal-button { display:inline-grid; min-height:44px; place-items:center; padding:0 17px; border-radius:10px; background:var(--dark); color:#fff; font-size:13px; font-weight:750; text-decoration:none; }
.legal-status { min-height:calc(100vh - 76px); display:grid; align-content:center; }
.legal-footer { width:min(980px,calc(100% - 40px)); display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px 28px; margin:0 auto; padding:28px 0 40px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:12px 20px; }
@media (prefers-color-scheme:dark) {
  :root { --bg:#111510; --surface:#1b2119; --ink:#edf1e8; --muted:#afb8aa; --line:#384035; --dark:#c5e35a; }
  .legal-brand span { color:#172011; }
  .legal-section p,.legal-section li { color:#c5cdc0; }
  .legal-section code { background:#2b3327; color:#dce5d5; }
  .legal-table th { background:#252d22; color:#d6dfcf; }
  .legal-button { background:#c5e35a; color:#172011; }
  .legal-callout { border-color:#53662d; background:#26311d; }
  .legal-callout code { color:#d6e69d; }
}
@media (max-width:600px) { .legal-main { padding:48px 0 72px; } .legal-lead { font-size:16px; } .legal-section { padding:23px 0; } }

