/* =========================================================
   BoostSub — legal stylesheet for privacy & terms pages
   LIGHT theme — starting-line #F5F8F3 / pine #233026
   (Loads ONLY this file on legal pages)
   ========================================================= */

*{box-sizing:border-box;margin:0;padding:0;}

.legal-page{
  background-color:#F5F8F3;
  color:#39463E;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* scope isolation — never style header/footer */
.legal-page .legal-content section{
  background-color:transparent !important;
}

/* ---------- LEAD TAPE + plain legal header ---------- */
.legal-lead-tape{
  height:12px;
  background-color:#233026;
  background-image:
    linear-gradient(115deg,#2E6B46 0px,#2E6B46 24px,#FFFFFF 24px,#FFFFFF 38px),
    linear-gradient(-65deg,#2E6B46 0px,#2E6B46 24px,#FFFFFF 24px,#FFFFFF 38px);
  background-size:48px 12px;
  background-position:0 0,24px 0;
  background-repeat:repeat-x;
  border-bottom:1px solid #D8E2D4;
}

.legal-header{
  background-color:#FFFFFF;
  border-bottom:1px solid #D8E2D4;
  padding:26px 0;
}
.legal-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:20px;
  font-weight:800;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#2E6B46;
}
.legal-brand .rocket-glyph{
  display:inline-block;
  width:14px;height:20px;
  background-color:#E4732B;
  border-radius:6px 6px 3px 3px;
  position:relative;
}
.legal-brand .rocket-glyph::before{
  content:"";position:absolute;top:-5px;left:2px;right:2px;height:8px;
  background-color:#E4732B;border-radius:50% 50% 0 0;
}
.legal-brand .rocket-glyph::after{
  content:"";position:absolute;bottom:-4px;left:4px;width:2px;height:5px;
  background-color:#E4732B;
}
.legal-back{
  font-size:14px;font-weight:600;color:#2E6B46;
}
.legal-back:hover{color:#E4732B;}

/* ---------- LAYOUT ---------- */
.legal-page h1{
  font-size:34px;
  font-weight:800;
  color:#233026;
  letter-spacing:-0.01em;
  line-height:1.2;
  margin:40px 0 10px;
}
.legal-meta{
  color:#77807B;
  font-size:14px;
  margin-bottom:30px;
}
.legal-grid{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:44px;
  padding-bottom:30px;
}

/* table of contents */
.toc{
  padding:0;
}
.toc h4{
  font-size:13px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#2E6B46;
  margin-bottom:16px;
  font-weight:700;
}
.toc ol{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.toc a{
  font-size:14px;
  color:#233026;
  display:inline-block;
  padding-left:12px;
  border-left:3px solid #D8E2D4;
}
.toc a:hover{
  color:#E4732B;
  border-left-color:#E4732B;
}

/* content */
.legal-content{
  padding-bottom:10px;
}
.legal-content .container{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
.legal-content section{
  margin-bottom:34px;
}
.legal-content section h2{
  font-size:23px;
  font-weight:700;
  color:#22503A;
  margin-bottom:14px;
  padding-bottom:8px;
  border-bottom:2px solid #D8E2D4;
}
.legal-content section h3{
  font-size:18px;
  font-weight:700;
  color:#233026;
  margin:20px 0 8px;
}
.legal-content p{
  margin-bottom:14px;
  color:#39463E;
}
.legal-content ul,
.legal-content ol{
  margin:0 0 14px 24px;
  color:#39463E;
}
.legal-content li{
  margin-bottom:8px;
}
.legal-content strong{
  color:#233026;
}

/* ---------- legal footer ---------- */
.legal-footer{
  background-color:#1B2A20;
  color:#EAF0E6;
  padding:34px 0;
  position:relative;
  z-index:1;
  margin-top:10px;
  text-align:center;
}
.legal-footer .container{max-width:1200px;margin:0 auto;padding:0 24px;}
.legal-footer a{color:#EAF0E6;font-weight:600;}
.legal-footer a:hover{color:#E4732B;}
.legal-footer .legal-line{
  font-size:14px;
  color:#B8C7BD;
  line-height:1.9;
}

@media(max-width:820px){
  .legal-grid{grid-template-columns:1fr;gap:24px;}
  .toc{border-left:0;}
  .legal-page h1{font-size:27px;}
}