/* =====================================================================
   CREOSOTERIDGE // Legal pages stylesheet
   Loaded ONLY by /privacy and /terms-of-service
   Light mesa-mist theme with strong-contrast canyon browns and greens.
   ===================================================================== */

:root{
  --mesa-mist:#F6F2E8;
  --canyon-brown:#3A2A20;
  --creosote-green:#5E7B4E;
  --ridge-sandstone:#8A5A3C;
  --canyon-deep:#4A3226;
  --bloom-gold:#D9A83E;
  --wash-cream:#FCF9F1;
  --canyon-ink:#5A4636;
  --sand-haze:#D9CFC0;
  --rock-crevice:#4E4038;
  --deeper-canyon:#33241A;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* body background defined here since legal pages load ONLY this sheet */
body{
  margin:0;
  background:#F6F2E8;
  color:#3A2A20;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.75;
}

/* scope isolation */
.legal-page{background:#F6F2E8;}
.legal-page .legal-content section{background-color:transparent !important;}

/* ---------- LEGAL HEADER (div/header, solid bg, not a section) ---------- */
.legal-header{
  background:#8A5A3C;
  color:#FCF9F1;
  padding:0;
}
.legal-header .bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 24px;
  max-width:1020px;
  margin:0 auto;
}
.legal-header .brand{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-weight:bold;
  font-size:20px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#FCF9F1;
  text-decoration:none;
}
.legal-header .brand:hover{text-decoration:underline;}
.legal-header .homeback{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#FCF9F1;
  text-decoration:none;
  border:1px solid rgba(252,249,241,.6);
  padding:7px 14px;
  border-radius:3px;
}
.legal-header .homeback:hover{background:#4A3226;border-color:#4A3226;}

/* ---------- WRAPPER ---------- */
.legal-content{max-width:1020px;margin:0 auto;padding:0 24px;}

/* ---------- Page masthead ---------- */
.legal-mast{background:#4A3226;}
.legal-mast .inner{padding:40px 24px;max-width:1020px;margin:0 auto;}
.legal-mast h1{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:34px;
  font-weight:bold;
  color:#FCF9F1;
  margin:0;
}
.legal-mast .updated{
  margin:12px 0 0;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:13px;
  letter-spacing:1px;
  color:#D9CFC0;
}

/* ---------- Table of contents ---------- */
.toc{
  margin:34px 0 8px;
}
.toc h2{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:18px;
  color:#5E7B4E;
  margin:0 0 12px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.toc ul{
  list-style:none;
  padding:0;
  margin:0;
  columns:2;
  column-gap:36px;
}
.toc li{
  margin:0 0 6px;
  break-inside:avoid;
}
.toc a{
  color:#3A2A20;
  text-decoration:none;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:14px;
}
.toc a:hover{color:#5E7B4E;text-decoration:underline;}

/* ---------- Document sections ---------- */
.legal-content section{
  background:transparent;
  border-left:3px solid #D9A83E;
  padding:18px 0 22px 26px;
  margin:0 0 6px;
}
.legal-content h2{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:23px;
  color:#3A2A20;
  margin:0 0 10px;
}
.legal-content h3{
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:17px;
  color:#5A6B50;
  margin:18px 0 6px;
}
.legal-content p{
  color:#3A2A20;
  margin:0 0 1em;
}
.legal-content p small{
  color:#5A4636;
  font-size:12px;
}
.legal-intro p{font-size:17px;}

/* ---------- Legal footer ---------- */
.legal-footer{
  background:#33241A;
  color:#D9CFC0;
  margin-top:46px;
}
.legal-footer .footlines{
  position:relative;
  z-index:1;
  max-width:1020px;
  margin:0 auto;
  padding:30px 24px 34px;
  text-align:center;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;
  font-size:12px;
  letter-spacing:1px;
  line-height:2;
}
.legal-footer a{color:#D9CFC0;text-decoration:underline;}
.legal-footer a:hover{color:#FCF9F1;}
.legal-footer .fbrand{
  display:block;
  font-size:16px;
  letter-spacing:2px;
  color:#FCF9F1;
  text-transform:uppercase;
  margin-bottom:8px;
  text-decoration:none;
}

@media(max-width:640px){
  .legal-content h1{font-size:28px;}
  .toc ul{columns:1;}
}