:root{
  --bg:#fff8e8;
  --card:#ffffff;
  --ink:#1c160e;
  --sun:#f2a31d;
  --sea:#2e93c9;
  --magenta:#a6215f;
  --line: rgba(28,22,14,0.14);
  --rule: #e9dcbb;
  --text-soft: #4a4030;
  --text-faint: #8b7d5c;
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'Work Sans', -apple-system, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  padding:0 20px;
  -webkit-font-smoothing: antialiased;
}
a{color:var(--magenta);}
a:hover{color:var(--ink);}

.legal-header{
  max-width:720px;
  margin:0 auto;
  padding:28px 0 0;
}
.legal-header .back{
  display:inline-block;
  font-family:var(--font-display);
  font-size:14px;
  letter-spacing:0.5px;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--ink);
}
.legal-header .back:hover{color:var(--magenta);}

main.legal{
  max-width:720px;
  margin:0 auto;
  padding:24px 0 60px;
}
main.legal h1{
  font-family:var(--font-display);
  font-size:clamp(28px,5vw,40px);
  text-transform:uppercase;
  letter-spacing:0.3px;
  margin:0 0 6px;
  color:var(--ink);
  text-wrap:balance;
}
main.legal .updated{
  font-size:13.5px;
  color:var(--text-faint);
  margin:0 0 32px;
}
main.legal h2{
  font-family:var(--font-display);
  font-size:19px;
  text-transform:uppercase;
  letter-spacing:0.3px;
  color:var(--ink);
  margin:32px 0 10px;
  padding-bottom:8px;
  border-bottom:2px solid var(--rule);
}
main.legal p{
  font-size:15.5px;
  line-height:1.7;
  color:var(--text-soft);
  margin:0 0 14px;
  max-width:68ch;
}
main.legal ul{
  margin:0 0 14px;
  padding-left:20px;
}
main.legal li{
  font-size:15.5px;
  line-height:1.7;
  color:var(--text-soft);
  margin-bottom:4px;
  max-width:68ch;
}
main.legal li::marker{color:var(--sea);font-weight:700;}
main.legal strong{color:var(--ink);}

footer.legal-footer{
  border-top:1px solid var(--line);
  padding:24px 0 50px;
}
footer.legal-footer nav{
  max-width:720px;
  margin:0 auto;
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  font-size:13.5px;
}
footer.legal-footer nav a{
  color:var(--text-faint);
  text-decoration:underline;
  text-underline-offset:2px;
}
footer.legal-footer nav a:hover{color:var(--magenta);}

@media (max-width:480px){
  main.legal h1{font-size:26px;}
}