/* ============================================================
   FHA Solutions Inc — Legal stylesheet (privacy + terms only)
   DARK bay-st-office theme. Loaded ONLY by legal pages.
   ============================================================ */

.legal-page{
  background-color:#131820;
  color:#C2CCD4;
  font-size:16px;
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
  margin:0;
  padding:0;
  overflow-x:hidden;
}

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

/* --- Legal header (div/header, NOT a section) --- */
.legal-header{
  background-color:#1C222E;
  border-bottom:1px solid #2B3442;
}

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

.legal-home-link{
  color:#7FC0A6;
  font-size:14px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  text-decoration:none;
}

.legal-header-inner h1{
  color:#C9A24E;
  font-size:38px;
  line-height:1.15;
  font-weight:700;
  margin-top:16px;
}

.legal-header-inner .legal-sub{
  color:#C2CCD4;
  font-size:15px;
  margin-top:8px;
}

/* --- Content layout --- */
.legal-content{
  max-width:1080px;
  margin:0 auto;
  padding:0 24px;
}

.legal-toc-wrap{
  background-color:#1C222E;
  border:1px solid #2B3442;
  border-radius:8px;
  padding:24px 28px;
  margin:36px 0;
}

.legal-toc-title{
  color:#EAF0F4;
  font-size:15px;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-bottom:14px;
}

.legal-toc-list{
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 28px;
}

.legal-toc-list a{
  color:#7FC0A6;
  text-decoration:none;
  font-size:15px;
  padding:4px 0;
  display:inline-block;
}

.legal-toc-list a::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background-color:#C9A24E;
  margin-right:10px;
  vertical-align:middle;
}

.legal-content section{margin-bottom:10px;}
.legal-content section.share-origin{background-color:transparent !important;}

.legal-content .legal-section{
  margin-bottom:34px;
  background-color:transparent !important;
}

.legal-content section h2{
  color:#C9A24E;
  font-size:25px;
  font-weight:700;
  margin:30px 0 14px;
  padding-bottom:8px;
  border-bottom:1px solid #2B3442;
}

.legal-content .first-h2 h2{border-top:none;}

.legal-content h3{
  color:#EAF0F4;
  font-size:20px;
  margin:22px 0 8px;
}

.legal-content p{
  color:#C2CCD4;
  margin-bottom:16px;
}

.legal-content ul{
  margin:0 0 16px 22px;
}

.legal-content ul li{
  color:#C2CCD4;
  margin-bottom:8px;
}

.legal-content strong{
  color:#EAF0F4;
}

.legal-content em{
  color:#C2CCD4;
}

.legal-note{
  background-color:#262E3C;
  border-left:4px solid #7FC0A6;
  padding:18px 22px;
  border-radius:0 6px 6px 0;
  margin:20px 0;
}

.legal-note p{color:#EAF0F4;margin:0;}

.back-top{
  color:#7FC0A6;
  text-decoration:none;
  font-size:13px;
  letter-spacing:.5px;
  margin:6px 0 30px;
  display:inline-block;
}

/* --- Legal footer --- */
.legal-footer{
  background-color:#0E1218;
  border-top:1px solid #2B3442;
  margin-top:20px;
}

.legal-footer-inner{
  max-width:1080px;
  margin:0 auto;
  padding:30px 24px 26px;
  position:relative;
  z-index:1;
}
.legal-footer-inner .home-cta{
  color:#C9A24E;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:14px;
  text-decoration:none;
}
.legal-footer-inner .home-cta:hover{color:#F4F8FA;}

.legal-footer-org{
  color:#7FC0A6;
  font-size:14px;
  margin-top:14px;
}

.legal-footer-line{
  color:#C2CCD4;
  font-size:13px;
  line-height:1.7;
  margin-top:8px;
}

/* content wrapper centering rule for any inner .legal-content .container */
.legal-content .container,
.legal-footer .container{
  max-width:1080px;
  margin:0 auto;
  padding:0 24px;
}

@media (max-width:760px){
  .legal-toc-list{grid-template-columns:1fr;}
  .legal-header-inner h1{font-size:30px;}
}

@media (max-width:540px){
  .legal-header-inner{padding:30px 20px;}
  .legal-content{padding:0 18px;}
  .legal-content section h2{font-size:22px;}
}

/* scope isolation */
.legal-page div.legal-header section,
.legal-page footer section,
.legal-page header.legal-header .legal-header-inner section{
  background-color:transparent !important;
}