:root{
  --teal-deep:#1B4844;
  --teal-dark:#286D66;
  --teal:#38978D;
  --teal-light:#98C9C4;
  --teal-pale:#E3F0EF;
  --ink:#1B4844;
  --ink-soft:#286D66;
}
*{ box-sizing:border-box; }
body{
  font-family:'Quicksand', Arial, Helvetica, sans-serif;
  color:var(--ink);
  background: radial-gradient(1200px 800px at 15% 10%, #F3FAF9 0%, var(--teal-pale) 55%, #DCEEEC 100%);
  margin:0; min-height:100vh;
}
.page{ max-width:720px; margin:0 auto; padding:32px 24px 60px; }
header.site{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
header.site a.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--teal-deep); }
header.site .logo{
  width:36px; height:36px; border-radius:10px; background:var(--teal);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-family:Arial, sans-serif;
}
header.site .brand-name{ font-weight:800; font-size:18px; }
nav.legal-nav{ display:flex; flex-wrap:wrap; gap:14px; margin:18px 0 28px; font-size:13px; }
nav.legal-nav a{ color:var(--teal-dark); text-decoration:none; font-weight:700; }
nav.legal-nav a:hover{ text-decoration:underline; }
h1{ font-size:24px; color:var(--teal-deep); margin:0 0 18px; }
.divider{
  font-weight:800; color:var(--teal); font-size:13.5px; text-transform:uppercase;
  letter-spacing:.3px; margin:22px 0 10px; padding-top:10px; border-top:1px solid var(--teal-light);
}
.divider:first-of-type{ border-top:none; padding-top:0; margin-top:8px; }
p{ font-size:14.5px; line-height:1.6; margin:0 0 14px; }
b{ color:var(--teal-deep); }
.note{ font-size:12.5px; color:var(--ink-soft); font-style:italic; }
footer.site{ margin-top:40px; font-size:12px; color:var(--ink-soft); }
footer.site a{ color:var(--ink-soft); }