/* ============================================================
   BFE, LLC — Legal pages stylesheet
   Loaded ONLY by privacy.html and terms-of-service.html
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}

.legal-page{
  background-color:#0C1516;
  color:#D6E2DF;
  font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  margin:0;
  overflow-x:hidden;
}

.legal-page img{max-width:100%;display:block}
.legal-page a{color:#17948F;text-decoration:none;transition:color .18s ease}
.legal-page a:hover{color:#F0F7F5}

.legal-page h1,
.legal-page h2,
.legal-page h3{
  font-weight:700;
  line-height:1.25;
}

.legal-page h2{color:#F0F7F5}
.legal-page h3{color:#F0F7F5}
.legal-page p{color:#D6E2DF;margin:0 0 16px}

/* ============================================================
   Legal header — a header element, not a section
   ============================================================ */
.legal-header{
  background-color:#17948F;
  color:#F0F7F5;
  padding:64px 24px 56px;
}

.legal-header-inner{
  max-width:860px;
  margin:0 auto;
  padding:0 24px;
}

.legal-header .legal-brand{
  font-size:20px;
  font-weight:800;
  letter-spacing:.28em;
  color:#F0F7F5;
  margin-bottom:18px;
  display:inline-block;
}

.legal-header h1{
  font-size:42px;
  color:#F0F7F5;
  margin:0 0 14px;
}

.legal-header p{
  color:#E3F2EF;
  font-size:17px;
  margin:0;
}

.legal-updated{
  display:inline-block;
  background-color:#0C1516;
  color:#F0F7F5;
  font-size:13px;
  font-weight:700;
  letter-spacing:.12em;
  padding:8px 16px;
  border-radius:999px;
  margin-top:20px;
}

/* ============================================================
   Legal content area
   ============================================================ */
.legal-main{
  padding:56px 24px 0;
}

.legal-content{
  max-width:860px;
  margin:0 auto;
  padding:0 24px;
}

/* Scope isolation: only legal sections inside the content area */
.legal-page .legal-content section{
  background-color:transparent !important;
}

/* ============================================================
   Table of contents
   ============================================================ */
.toc{
  background-color:#132223;
  border:1px solid #203533;
  border-left:4px solid #17948F;
  border-radius:8px;
  padding:28px 32px;
  margin-bottom:48px;
}

.toc h2{
  font-size:18px;
  color:#F0F7F5;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 16px;
}

.toc ol{
  margin:0;
  padding-left:22px;
}

.toc li{
  margin:8px 0;
}

.toc a{
  color:#D6E2DF;
  font-size:15px;
}

.toc a:hover{color:#17948F}

/* ============================================================
   Legal sections
   ============================================================ */
.legal-section{
  border-bottom:1px solid #203533;
  padding:34px 0 40px;
  scroll-margin-top:24px;
}

.legal-section h2{
  font-size:26px;
  margin:0 0 14px;
}

.legal-section h3{
  font-size:19px;
  margin:28px 0 10px;
}

.legal-section p{
  font-size:16px;
}

.legal-section ul,
.legal-section ol{
  color:#D6E2DF;
  margin:0 0 16px;
  padding-left:24px;
}

.legal-section li{
  margin:6px 0;
  font-size:16px;
}

.legal-contact-block{
  background-color:#182B29;
  border:1px solid #203533;
  border-left:4px solid #17948F;
  border-radius:8px;
  padding:22px 26px;
  margin-top:8px;
}

.legal-contact-block p{
  margin:0 0 6px;
}

.legal-contact-block p:last-child{
  margin-bottom:0;
}

.legal-back-home{
  display:inline-block;
  margin-top:8px;
  font-weight:700;
}

/* ============================================================
   Legal footer
   ============================================================ */
.legal-footer{
  border-top:1px solid #203533;
  padding:40px 24px;
  text-align:center;
}

.legal-footer .legal-content{
  padding:0;
}

.legal-footer p{
  color:#93ABA5;
  font-size:14px;
  margin:0 0 8px;
  line-height:1.8;
}

.legal-footer p:last-child{
  margin-bottom:0;
}

.legal-footer a{
  color:#93ABA5;
}

.legal-footer a:hover{color:#17948F}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:640px){
  .legal-header{
    padding:44px 0 40px;
  }

  .legal-header h1{
    font-size:30px;
  }

  .legal-main{
    padding:40px 0 0;
  }

  .legal-section h2{
    font-size:22px;
  }

  .toc{
    padding:22px 20px;
  }
}