:root{
  --red:#a31f24;
  --red-deep:#7a141a;
  --cream:#faf3e3;
  --cream-soft:#fdf9ee;
  --ink:#2a1410;
  --ink-soft:#5a3a30;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.skip{
  position:absolute;left:-1000px;top:0;
  background:var(--red);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 rgba(163,31,36,0.18);
  background:var(--cream-soft);
}
.legal-header .wrap{
  max-width:780px;margin:0 auto;padding:18px 24px;
}
.legal-header .brand{
  display:inline-flex;align-items:center;gap:12px;
  text-decoration:none;color:var(--red);
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;font-size:18px;
}
.legal-header .brand img{height:40px;width:auto}
.legal-main{
  max-width:780px;
  margin:0 auto;
  padding:36px 24px 48px;
}
.legal-main h1{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;font-size:36px;color:var(--red);
  margin:0 0 8px;letter-spacing:-0.01em;
}
.legal-main h2{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:600;font-size:22px;color:var(--red-deep);
  margin:32px 0 12px;
}
.legal-main p,.legal-main li{
  font-size:15px;line-height:1.65;color:var(--ink);
}
.legal-main ul{padding-left:20px}
.legal-main li{margin-bottom:8px}
.legal-main .updated{
  font-size:13px;color:var(--ink-soft);margin-bottom:24px;
}
.legal-main a{color:var(--red);text-decoration:underline}
.legal-main code{
  background:#fff;padding:2px 6px;border-radius:4px;
  font-size:13px;color:var(--red-deep);
}
.legal-footer{
  border-top:1px solid rgba(163,31,36,0.18);
  padding:24px;text-align:center;
  font-size:12px;color:var(--ink-soft);
  background:var(--cream-soft);
}
.legal-footer nav{margin-bottom:10px}
.legal-footer a{
  color:inherit;margin:0 10px;text-decoration:none;
  border-bottom:1px solid rgba(42,20,16,0.22);
}
.legal-footer a:hover{color:var(--red)}
:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:6px}
