:root {
  --paper: #fffdf8;
  --bone: #f5f0e6;
  --sand: #ece5d8;
  --ink: #191714;
  --brown: #6b6155;
  --muted: #8b8378;
  --rule: rgba(25, 23, 20, .12);
  --rule-strong: rgba(25, 23, 20, .24);
  --terra: #b4482a;
}
* { box-sizing: border-box; }
body {
  background: var(--bone);
  color: var(--ink);
  font-family: "Public Sans", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}
.legal-brand {
  align-items: center;
  border-bottom: 1px solid var(--rule);
  display: flex;
  gap: 10px;
  padding: 22px clamp(20px, 6vw, 64px);
  text-decoration: none;
}
.legal-brand svg { height: 26px; width: 26px; }
.legal-brand svg circle { fill: none; stroke: var(--terra); stroke-width: 2.5; }
.legal-brand svg path { stroke: var(--terra); stroke-width: 2.5; }
.legal-brand span { font-size: 18px; font-weight: 600; letter-spacing: -.02em; color: var(--ink); }
.legal-main {
  margin: 0 auto;
  max-width: 760px;
  padding: 64px 24px 90px;
}
.legal-main h1 { font-family: Georgia, "Times New Roman", serif; font-size: 40px; font-weight: 400; line-height: 1.1; margin: 0 0 8px; }
.legal-main .updated { color: var(--muted); font-size: 12px; margin: 0 0 34px; }
.legal-main h2 { font-family: Georgia, "Times New Roman", serif; font-size: 24px; font-weight: 400; margin: 38px 0 10px; }
.legal-main p, .legal-main li { color: var(--brown); }
.legal-main ul { padding-left: 22px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 40px; }
.legal-nav a {
  border: 1px solid var(--rule-strong);
  color: var(--ink);
  font-size: 12px;
  padding: 7px 12px;
  text-decoration: none;
}
.legal-nav a:hover { border-color: var(--terra); color: var(--terra); }
.legal-foot {
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font-size: 12px;
  margin: 0 auto;
  max-width: 760px;
  padding: 26px 24px 40px;
}