:root{
  --ink:#14202b;
  --ink-soft:#3c4a58;
  --paper:#f7f5f0;
  --paper-deep:#ece8e0;
  --line:#d8d3c7;
  --accent:#c4622d;
  --accent-soft:#e9d9cd;
  --mono:#1f2a35;
  --serif:'Fraunces', Georgia, serif;
  --sans:'Inter', system-ui, sans-serif;
  --code:'JetBrains Mono', 'Courier New', monospace;
}

*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  line-height:1.6;
}

.wrap{max-width:780px; margin:0 auto; padding:0 24px;}

header.top{
  border-bottom:1px solid var(--line);
  padding:20px 0;
}
header.top .wrap{
  display:flex; align-items:center; justify-content:space-between;
  max-width:920px;
}
.logo{
  font-family:var(--serif);
  font-weight:700;
  font-size:1.4rem;
  letter-spacing:-0.02em;
}
.logo a{
  color:var(--ink);
  text-decoration:none;
}
.logo span{color:var(--accent);}
nav a{
  color:var(--ink-soft);
  text-decoration:none;
  font-size:0.95rem;
  margin-left:24px;
}
nav a:hover{color:var(--ink);}

.legal-page{
  padding:56px 0 64px;
}
.eyebrow{
  font-family:var(--code);
  font-size:0.78rem;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--accent);
  margin-bottom:14px;
}
h1{
  font-family:var(--serif);
  font-size:clamp(2rem, 4vw, 2.8rem);
  line-height:1.1;
  margin:0 0 28px;
  letter-spacing:-0.02em;
}
h2{
  font-family:var(--serif);
  font-size:1.35rem;
  margin:36px 0 12px;
}
p, li{
  font-size:0.98rem;
  color:var(--ink-soft);
}
.updated{
  font-family:var(--code);
  font-size:0.82rem;
  color:var(--ink-soft);
  margin-bottom:32px;
}
.placeholder{
  background:var(--accent-soft);
  color:var(--ink);
  padding:2px 6px;
  border-radius:3px;
  font-family:var(--code);
  font-size:0.85em;
}
ul{padding-left:22px;}
a{color:var(--accent);}

footer{
  padding:40px 0 28px;
  font-size:0.85rem;
  color:var(--ink-soft);
  text-align:center;
  background:var(--paper-deep);
  border-top:1px solid var(--line);
}
footer .footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px 18px;
  margin-bottom:16px;
}
footer .footer-links a{
  color:var(--ink-soft);
  text-decoration:none;
}
footer .footer-links a:hover{
  color:var(--accent);
}
footer .footer-links .sep{
  color:var(--line);
}
footer .footer-bottom{
  font-size:0.8rem;
  color:var(--ink-soft);
}
footer .footer-note{
  font-size:0.8rem;
  margin-top:6px;
  color:var(--ink-soft);
  opacity:0.8;
}