@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,500&family=Work+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root{
  --ink:        #232920;
  --sage-dark:  #2B382E;
  --sage:       #3C4A3E;
  --sage-soft:  #8A9C85;
  --soap:       #7AA3A0;
  --honey:      #C98A3E;
  --honey-light:#E6B880;
  --paper:      #FBF9F4;
  --line:       rgba(35,41,32,0.12);
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:'Work Sans', sans-serif; font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--honey); }
.legal-header{
  background:var(--sage-dark); color:#F7F4EC; padding:20px 0;
}
.legal-header .wrap{ display:flex; align-items:center; justify-content:space-between; }
.legal-header a.back{ color:#F7F4EC; text-decoration:none; font-size:.9rem; opacity:.85; display:inline-flex; align-items:center; gap:8px; }
.legal-header a.back:hover{ opacity:1; }
.legal-header .brand{ font-family:'Fraunces',serif; font-weight:600; font-size:1.1rem; text-decoration:none; color:#F7F4EC; }
.legal-header .brand em{ font-style:italic; color:var(--honey-light); font-weight:500; }
.wrap{ max-width:820px; margin:0 auto; padding:0 28px; }
main{ padding:56px 0 90px; }
h1{
  font-family:'Fraunces',serif; font-weight:600; font-size:clamp(1.8rem,4vw,2.4rem);
  color:var(--sage-dark); margin:0 0 .3em;
}
.updated{ font-family:'Space Mono',monospace; font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:var(--sage-soft); margin-bottom:2.4em; }
h2{
  font-family:'Fraunces',serif; font-weight:600; font-size:1.3rem; color:var(--sage-dark);
  margin:2em 0 .5em;
}
p, li{ color:#3a453c; }
ul{ padding-left:1.2em; }
li{ margin-bottom:.4em; }
.callout{
  background:#EAF1EF; border:1px solid var(--line); border-radius:12px; padding:18px 20px;
  font-size:.92rem; margin:1.6em 0;
}
.callout b{ color:var(--sage-dark); }
.placeholder{ background:#FCEFDD; color:#7a5222; padding:1px 6px; border-radius:4px; font-family:'Space Mono',monospace; font-size:.88em; }
footer.legal-footer{
  border-top:1px solid var(--line); padding:26px 0; font-size:.8rem; color:var(--sage-soft);
}
footer.legal-footer .wrap{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
footer.legal-footer a{ color:var(--sage-soft); }