:root{
  --paper:#F6F9F2;
  --ink:#22301E;
  --soft:#37452F;
  --ledger:#2E6E3C;
  --stub:#FFFFFF;
  --mint:#A8D5B0;
  --void:#C24B3A;
  --kraft:#D8C39A;
  --hair:#DDE8DA;
  --deep:#1C2A18;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-size:16px;line-height:1.7;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;}

.legal-page{
  background-color:#F6F9F2;
  color:#22301E;
}
.legal-page .legal-content section{background-color:transparent !important;}

.legal-page a{color:#2E6E3C;text-decoration:none;}
.legal-page a:hover{text-decoration:underline;}

.legal-header{
  background-color:#1C2A18;
  padding:56px 24px;
  text-align:center;
}
.legal-header .kicker{
  color:#A8D5B0;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-weight:700;
}
.legal-header h1{
  color:#FFFFFF;
  font-size:44px;font-weight:800;letter-spacing:.5px;
}
.legal-header .subtitle{
  color:#A8D5B0;margin-top:14px;font-size:15px;
}
.legal-header .home-link{
  display:inline-block;margin-top:20px;
  color:#FFFFFF;font-weight:700;font-size:14px;letter-spacing:.5px;
}
.legal-header .home-link:hover{color:#A8D5B0;text-decoration:none;}

.legal-content{
  max-width:820px;
  margin:0 auto;
  padding:0 24px;
}
.legal-content .updated{
  margin:10px 0 30px;color:#37452F;font-size:14px;text-align:center;
}

/* Table of contents */
.legal-toc{
  background:#FFFFFF;border:1px solid #DDE8DA;border-left:5px solid #A8D5B0;
  padding:26px 30px;margin-bottom:40px;border-radius:6px;
}
.legal-toc h2{font-size:20px;color:#2E6E3C;font-weight:800;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;}
.legal-toc ol{margin:0;padding-left:20px;}
.legal-toc ol li{margin-bottom:8px;}
.legal-toc ol li a{color:#2E6E3C;font-weight:600;}
.legal-toc ol li a:hover{text-decoration:underline;}

.legal-sections section{
  background:#FFFFFF;
  border:1px solid #DDE8DA;
  border-radius:6px;
  padding:28px 30px;
  margin-bottom:22px;
  box-shadow:0 2px 8px rgba(34,48,30,.05);
}
.legal-sections section h2{
  color:#2E6E3C;
  font-size:23px;font-weight:800;margin-bottom:14px;
  border-bottom:2px solid #A8D5B0;padding-bottom:10px;
}
.legal-sections section h3{
  color:#22301E;font-size:18px;font-weight:700;margin:18px 0 8px;
}
.legal-sections section p{color:#37452F;margin-bottom:14px;font-size:15.5px;}
.legal-sections section ol,
.legal-sections section ul{margin:0 0 16px 22px;color:#37452F;}
.legal-sections section li{margin-bottom:6px;}

.legal-footer{
  text-align:center;padding:56px 24px 60px;
  background-color:#1C2A18;color:#B9CEB6;
  margin-top:46px;
}
.legal-footer .legal-foot-inner{max-width:820px;margin:0 auto;}
.legal-footer .shield{
  width:44px;height:50px;background:#A8D5B0;color:#1C2A18;font-weight:800;font-size:20px;
  clip-path:polygon(50% 0%,84% 12%,84% 60%,50% 100%,16% 60%,16% 12%);
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.legal-footer .wordmark{color:#FFFFFF;font-weight:800;letter-spacing:2px;font-size:20px;margin-bottom:18px;text-transform:uppercase;}
.legal-footer .legal-line{font-size:13px;color:#B9CEB6;line-height:1.9;}
.legal-footer a{color:#A8D5B0;}
.legal-footer a:hover{color:#FFFFFF;text-decoration:none;}

@media(max-width:560px){
  .legal-header h1{font-size:30px;}
}
