/* Shared legal stylesheet: privacy.html and terms-of-service.html.
   Legal pages load ONLY this stylesheet, so it owns all styling. */

*{box-sizing:border-box}

body{
  font-size:16px;
  line-height:1.8;
  background:#F5F1E7;
  color:#2B2A24;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
}

.legal-page{background:#F5F1E7;color:#2B2A24}

/* ---------- Legal header ---------- */
.legalhead{
  background:#2B2A24;
  padding:26px 0;
}
.legalhead .legalheadwrap{
  max-width:940px;
  margin:0 auto;
  padding:0 24px;
}
.legalhead .legalmark{
  display:inline-block;color:#FBF8F0;
}
.legalhead .legalmark .bondname{
  background:#A8552F;color:#FBF8F0;font-weight:bold;font-size:20px;
  letter-spacing:1px;padding:6px 12px;border-radius:4px;text-decoration:none;
}
.legalhead h1{
  font-size:38px;color:#FBF8F0;margin:18px 0 4px;line-height:1.15;
}
.legalhead p{
  color:#C9B892;margin:0 0 6px;
}
.legalhead .bondroll{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.legalhead .returntext{color:#C9B892;font-size:14px}
.backhome{
  display:inline-block;background:#C9B892;color:#2B2A24;text-decoration:none;
  font-weight:bold;padding:8px 16px;border-radius:4px;margin-top:12px;font-size:15px;
}
.backhome:hover{background:#A8552F;color:#FBF8F0}

/* ---------- Content ---------- */
.legal-main{
  max-width:940px;
  margin:0 auto;
  padding:38px 24px 20px;
}

/* Table of contents */
.legal-toc{
  background:#FBF8F0;
  border:2px solid #C9B892;
  border-left:6px solid #A8552F;
  padding:20px 22px;
  margin:0 0 34px;
}
.legal-toc h2{margin:0 0 12px;color:#A8552F;font-size:20px}
.legal-toc ol{margin:0;padding-left:22px}
.legal-toc li{margin:5px 0}
.legal-toc a{color:#2E2C24;text-decoration:none}
.legal-toc a:hover{color:#A8552F}

/* Scope isolation: sections only inside the legal content area */
.legal-page .legal-content section{
  background:transparent !important;
  margin:26px 0;
}
.legal-page .legal-contentsection{background:transparent}

.legal-section{
  padding:26px 0 6px;
  border-top:2px solid #D8CDB4;
}
.legal-section h2{
  color:#2E2C24;font-size:26px;margin:0 0 14px;
  display:flex;align-items:center;gap:12px;
}
.legal-section h2 .secnum{
  background:#A8552F;color:#FBF8F0;border-radius:50%;
  width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  font-size:17px;flex:none;
}
.legal-section h3{color:#6E675C;font-size:20px;margin:22px 0 8px}
.legal-section h4{color:#2B2A24;margin:18px 0 6px;font-size:17px}
.legal-section p{margin:10px 0;color:#403C30}
.legal-section ul{margin:10px 0;padding-left:24px}
.legal-section li{margin:6px 0;color:#403C30}
.legal-section strong{color:#2B2A24}
.legal-section em{color:#6E675C}
.legal-dates .datesheet{font-size:14px;color:#A8552F;letter-spacing:1px;text-transform:uppercase;font-weight:bold}

/* ---------- Footer ---------- */
.legal-foot{background:#2B2A24}
.legal-foot .footwrap{
  max-width:940px;
  margin:0 auto;
  padding:30px 24px 26px;
}
.legal-foot .legalfootgrid{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.legal-foot .addrline{color:#C9B892;font-size:14px}
.legal-foot .companycol{color:#FBF8F0}
.legal-foot .companycol b{color:#FBF8F0}
.legal-foot a{color:#A8552F;text-decoration:none;font-weight:bold}
.legal-foot a:hover{color:#FBF8F0}
.legal-foot .copyright{color:#C9B892;margin:16px 0 0;font-size:13px;border-top:1px solid #403C30;padding-top:14px}

/* decorative elements stay hidden on reduced visual noise */
.dencor{visibility:hidden}