:root{
  --green:#035629;
  --green-deep:#02401e;
  --wine:#7f0e1a;
  --cream:#f7f1e3;
  --cream-soft:#fdf9ee;
  --ink:#231915;
  --rule:rgba(3,86,41,0.18);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--cream);
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.skip{
  position:absolute;left:-1000px;top:0;
  background:var(--green);color:var(--cream-soft);
  padding:10px 16px;border-radius:0 0 8px 0;font-weight:600;
  text-decoration:none;z-index:100;
}
.skip:focus{left:0}
.legal-header{
  border-bottom:1px solid var(--rule);
  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.legal-header .wrap{
  max-width:780px;margin:0 auto;padding:18px 24px;
  display:flex;align-items:center;gap:16px;
}
.legal-header a.brand{
  display:inline-flex;align-items:center;gap:12px;
  text-decoration:none;color:var(--green);font-weight:600;font-size:15px;
}
.legal-header img{height:34px;width:auto}
.legal-main{
  flex:1;
  max-width:780px;
  margin:0 auto;
  padding:48px 24px 64px;
  width:100%;
}
.legal-main h1{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(32px,5vw,44px);
  color:var(--green);
  margin:0 0 6px;
  letter-spacing:-0.01em;
}
.legal-main .updated{
  font-size:13px;color:#5a4b44;margin:0 0 32px;
  letter-spacing:0.04em;text-transform:uppercase;
}
.legal-main h2{
  font-family:'Playfair Display',Georgia,serif;
  font-size:22px;color:var(--green-deep);
  margin:36px 0 10px;letter-spacing:-0.005em;
}
.legal-main h3{
  font-size:15px;font-weight:600;color:var(--ink);
  margin:20px 0 6px;
}
.legal-main p,.legal-main li{font-size:15px;color:#2c211c}
.legal-main ul,.legal-main ol{padding-left:22px}
.legal-main li{margin:4px 0}
.legal-main a{color:var(--wine);text-decoration:underline}
.legal-main a:hover{color:var(--green-deep)}
.legal-main .callout{
  border-left:3px solid var(--green);
  background:rgba(3,86,41,0.05);
  padding:12px 16px;border-radius:0 8px 8px 0;
  margin:16px 0;font-size:14px;
}
.legal-footer{
  border-top:1px solid var(--rule);
  padding:24px;
  font-size:12px;color:rgba(35,25,21,0.6);
  text-align:center;
}
.legal-footer nav{margin-bottom:8px}
.legal-footer a{
  color:inherit;margin:0 10px;text-decoration:none;
  border-bottom:1px solid rgba(35,25,21,0.2);
}
.legal-footer a:hover{color:var(--green)}
:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}