@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600&display=swap');

:root{
  --brick: #8a3324;
  --brick-dark: #5f2118;
  --ink: #24262b;
  --parchment: #efe3ce;
  --hunte: #2f5f63;
  --white: #fdfaf3;
}
*{ box-sizing: border-box; }
body{
  margin:0; background: var(--parchment); color: var(--ink);
  font-family:'Inter', sans-serif; line-height:1.6;
}
.legal-header{
  background: linear-gradient(160deg, var(--brick) 0%, var(--brick-dark) 100%);
  color: var(--white); padding: 26px 22px;
}
.legal-header a{ color: var(--white); opacity:0.85; font-size:13px; text-decoration:underline; }
.legal-header h1{ font-family:'Fraunces', serif; font-size:26px; margin: 10px 0 0; }
.legal-body{
  max-width: 680px; margin: 0 auto; padding: 26px 22px 60px;
}
.legal-body h2{
  font-family:'Fraunces', serif; font-size:19px; color: var(--brick-dark); margin: 30px 0 10px;
}
.legal-body h2:first-of-type{ margin-top: 6px; }
.legal-body p, .legal-body li{ font-size: 14.5px; }
.legal-body ul{ padding-left: 20px; }
.legal-body a{ color: var(--hunte); }
.legal-note{
  background: var(--white); border-radius: 10px; padding: 14px 16px;
  font-size: 13px; color:#6b5c47; margin-top: 30px;
}