/* ============================================================================================
   legal.css — the styling for the privacy and terms pages, in both languages.
   These four pages carried an identical 1,509-character block inline. Now it is fetched once and
   cached across all four instead of being re-sent inside each document.
   ============================================================================================ */

:root{
  --paper:#f6f1e5; --ink:#211f19; --ink-70:#5d5a52; --line:rgba(33,31,25,.13);
  --pine:#1e5c3f; --pine-700:#123d29;
  --font-display:"Big Shoulders Display","Arial Narrow",sans-serif;
  --font-body:"Public Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65}
a{color:var(--pine-700)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);padding:18px 0}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.01em;text-transform:uppercase}
.brand svg{width:30px;height:30px;display:block}
main{padding:44px 0 64px}
h1{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1.05;margin:0 0 8px;text-transform:uppercase;letter-spacing:.005em}
.updated{color:var(--ink-70);font-size:14px;margin:0 0 32px}
h2{font-family:var(--font-display);font-weight:700;font-size:22px;margin:34px 0 10px;text-transform:uppercase;letter-spacing:.01em}
p,li{color:#33302a}
ul{padding-left:22px;margin:10px 0}
li{margin-bottom:6px}
.back{display:inline-block;margin-top:40px;font-weight:600;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
footer{border-top:1px solid var(--line);padding:22px 0 40px;font-size:14px;color:var(--ink-70)}
footer a{color:var(--ink-70)}