/* ============================================================
   BEHRWALD Property LLC — LEGAL PAGES stylesheet
   Loaded ONLY by privacy.html & terms-of-service.html.
   Dark theme, scoped under .legal-page
   ============================================================ */

/* ---- base scope: legal pages stand alone (no style.css) ---- */
.legal-page{
  margin:0;
  padding:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.75;
  background-color:#14171A;          /* evening-office, dark background */
  color:#C2C7CA;                     /* pale body text for contrast */
  letter-spacing:0.01em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
p{margin:0 0 1.05em;}
a{color:#8FB6C9;text-decoration:none;transition:color .18s ease;}
a:hover{color:#F4F2EC;text-decoration:underline;}
ul,ol{margin:0 0 1.1em;}
li{margin-bottom:.4em;}
strong,b,em,i{color:#ECEEEF;}
h1,h2,h3,h4{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;line-height:1.28;text-shadow:none;
}

/* legal content max-width containers MUST centre and pad */
.legal-content .container,
.legal-sheet .container{
  margin:0 auto;
  max-width:920px;
  padding:0 24px;
}

/* scope isolation: legal page sections are transparent on the body,
   never rely on injected inline section backgrounds              */
.legal-content section,
.legal-page .legal-skin,
.legal-page .legal-body section{
  background-color:#14171A !important;
  box-shadow:none !important;
}

/* everything inside legal content transparent so only
   the .legal-page body dark provides the canvas              */
.legal-page .legal-content section{background-color:transparent !important;}
.legal-page .legal-content{
  background-color:#14171A !important;
}

/* ---------------- LEGAL PAGES MAIN WRAPPER ---------------- */
.legal-sheet{
  background-color:#14171A;
  color:#C2C7CA;
  min-height:100vh;
}
/* neutralise anything that might inherit an inline/other background */
.legal-sheet *{box-sizing:border-box;}

/* ---------------- HEADER (a real header, solid bg) ---------------- */
.legalhead{
  background-color:#0E1113;
  border-bottom:1px solid #2B3237;
  padding:34px 0 30px;
}
.legalhead .legal-grid{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;
}
.legalhead .home-link{
  font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:11px;font-weight:700;color:#8FB6C9;
  display:inline-block;border:1px solid #2B3237;border-radius:4px;
  padding:9px 15px;background-color:#14171A;
}
.legalhead .home-link:hover{color:#C9A24B;border-color:#C9A24B;text-decoration:none;}
.legalhead .docname{
  font-family:Arial,Helvetica,sans-serif;font-weight:400;
  font-size:12px;letter-spacing:.2em;color:#9AA6AD;text-transform:uppercase;
}

/* h1 in the title band, notice the strong contrast on deep bg */
.legal-title-band{background-color:#14171A;padding:46px 0 20px;}
.legal-title-band .tag{
  font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;
  letter-spacing:.22em;font-size:11px;color:#C9A24B;font-weight:700;margin-bottom:16px;display:inline-flex;
  align-items:center;gap:8px;
}
.legal-title-band .tag .tk{color:#C9A24B;}
.legal-title-band h1{
  color:#F4F2EC;
  font-size:clamp(34px,4.6vw,54px);
  max-width:20ch;margin:0 0 14px;line-height:1.1;
}
.legal-title-band .updated{
  color:#6B7C85;font-family:Arial,Helvetica,sans-serif;
  font-size:13px;letter-spacing:.04em;
}

/* ---------------- TABLE OF CONTENTS (uses a nav element!) --------
   IMPORTANT: never style via bare `nav` element selector anywhere
   in this file — only via classes (.toc / .legal-toc).               */
.legal-toc{
  background-color:#1D2226;
  border:1px solid #2B3237;border-left:4px solid #5F92AB;
  border-radius:6px;padding:22px 24px;margin:28px 0 8px;
}
.legal-toc .tochead{
  font-family:Arial,Helvetica,sans-serif;color:#F4F2EC;
  text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;margin-bottom:14px;
}
.legal-toc ol{list-style:none;counter-reset:fix;margin:0;padding:0;columns:2;column-gap:40px;}
.legal-toc li{counter-increment:fix;break-inside:avoid;margin-bottom:9px;}
.legal-toc li a{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;color:#8FB6C9;}
.legal-toc li a::before{content:counter(fix,decimal-leading-zero) "  ";color:#5F92AB;font-weight:700;margin-right:6px;}
.legal-toc li a:hover{color:#C9A24B;}
@media (max-width:680px){.legal-toc ol{columns:1;}}

/* ---------------- DOCUMENT BODY ---------------- */
.legal-body{padding:14px 0 0;}
.legal-content{padding:30px 0 0;}
.legal-section{scroll-margin-top:14px;margin-bottom:20px;}
.legal-content h2{
  color:#8FB6C9;                     /* lodge-slate lightened for contrast */
  font-size:clamp(21px,2.6vw,28px);
  margin:40px 0 12px;padding-top:12px;
  border-top:1px solid #23282d;
}
.legal-content .legal-section h2:first-child{border-top:none;padding-top:0;margin-top:0;}
.legal-content h2 .secnum{
  font-family:Georgia,serif;color:#5F92AB;font-weight:400;margin-right:10px;
}
.legal-content h3{color:#ECEEEF;font-size:18px;margin:26px 0 8px;}
.legal-content h4{color:#F4F2EC;font-size:15px;margin:22px 0 6px;}
.legal-content p{color:#C2C7CA;margin-bottom:1em;}
.legal-content ul,.legal-content ol{color:#C2C7CA;}
.legal-content li{margin-bottom:.55em;}
.legal-content table{width:100%;border-collapse:collapse;margin:18px 0;}
.legal-content table th{background:#242B30;color:#F4F2EC;text-align:left;}
.legal-content table th, .legal-content table td{border:1px solid #39434A;padding:9px 12px;font-size:15px;}
.legal-content .addr{border:1px solid #2B3237;background:#1D2226;border-radius:6px;padding:16px 20px;margin:16px 0;}
.legal-content .addr p{margin:0 0 4px;color:#ECEEEF;}
.legal-content .addr p:last-child{margin-bottom:0;}

/* inline chips for emphasis w/o quote marks */
.legal-content .term{color:#8FB6C9;font-weight:600;}
.legal-content .lead{
  font-size:18px;color:#ECEEEF;
  border-left:4px solid #5F92AB;padding-left:18px;margin-bottom:24px;
}
.legal-content hr{border:none;border-top:1px solid #2B3237;margin:34px 0;}
.legal-content .footcontact{
  background:#0E1113;border:1px solid #2B3237;border-radius:6px;
  padding:20px 24px;margin-top:30px;font-family:Arial,Helvetica,sans-serif;
}
.legal-content .footcontact p{margin-bottom:4px;color:#ECEEEF;font-size:15px;}
.legal-content .footcontact a{color:#C9A24B;}

/* ---------------- LEGAL FOOTER ---------------- */
.legalfoot{
  background-color:#0E1113;
  border-top:1px solid #2B3237;
  margin-top:60px;padding:26px 0 34px;
  position:relative;z-index:1;
}
.legalfoot .stack{text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#9AA6AD;line-height:1.9;}
.legalfoot .stack .fl-top,.legalfoot .stack .fl-lo{color:#6B7C85;}
.legalfoot a{color:#8FB6C9;}
.legalfoot a:hover{color:#C9A24B;}
@media (min-width:720px){.legal-footline{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;}}

/* no wasted bottom padding: keep the sheet tight */
.legal-sheet{padding-bottom:0;}
.legal-body{min-height:0;}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .legal-content, .legal-sheet, .legal-head{scroll-behavior:auto;}
}