/* =========================================================
   AJFieldingRentals - legal.css  (privacy / terms-of-service)
   Standalone stylesheet: these pages load ONLY this file.
   Scope-isolated so nothing unexpected leaks into the text.
   ========================================================= */

.legal-page{
  --cabinet-body:#131A21;
  --lead-white:#ECE8DD;
  --deep:#0B1015;
  --deeper:#070B0F;
  --panel:#1A232D;
  --aged-brass:#A87F35;
  --brass-lit:#D6B26A;
  --tag-light:#E3D6B8;
  --tag-tan:#C9B896;
  --rust-red:#8A4A2F;
  --hook-steel:#3C4B5A;
  --copy-max:860px;
  font-size:16px;
  margin:0;padding:0;
  box-sizing:border-box;
}
.legal-page *, .legal-page ::before, .legal-page ::after{box-sizing:border-box;margin:0;padding:0;}

.legal-page{
  background-color:var(--cabinet-body);
  color:var(--lead-white);
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
  font-family:Georgia,"Times New Roman",serif;
  overflow-x:hidden;
}

.legal-page a{color:var(--aged-brass);text-decoration:none;}
.legal-page a:hover{color:var(--brass-lit);text-decoration:underline;}

/* ============ header band ============ */
.legal-page .legal-header{
  background-color:var(--deeper);
  border-bottom:6px solid var(--aged-brass);
  width:100%;
}
.legal-page .legal-header .legal-header-inner{
  max-width:var(--copy-max);
  margin:0 auto;
  padding:0 24px;
  padding-top:44px;
  padding-bottom:34px;
}
.legal-page .legal-meta-tags{
  font-family:"Trebuchet MS",sans-serif;
  font-size:.76rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--rust-red);margin-bottom:16px;font-weight:700;
}
.legal-page .legal-header-inner h1{
  font-family:"Trebuchet MS",sans-serif;
  font-size:clamp(1.8rem,4vw,2.6rem);
  color:var(--lead-white);
  line-height:1.15;margin-bottom:12px;font-weight:700;
}
.legal-page .legal-header .legal-lede{
  color:var(--tag-light);
  font-size:1.06rem;
  max-width:720px;
}
.legal-page .legal-header .legal-lede strong{color:var(--lead-white);}

/* ============ two-column wrapper : TOC + content ============ */
.legal-page .legal-wrap{
  max-width:var(--copy-max);
  margin:0 auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:230px 1fr;
  gap:44px;
  padding-top:46px;
  padding-bottom:70px;
}

.legal-page .legal-toc{
  position:sticky;
  top:20px;
  align-self:flex-start;
}
.legal-page .legal-toc .toc-box{
  background:var(--panel);
  border:1px solid var(--hook-steel);
  border-left:6px solid var(--aged-brass);
  padding:20px 18px;
}
.legal-page .legal-toc h2{
  font-family:"Trebuchet MS",sans-serif;
  font-size:.8rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--aged-brass);margin-bottom:14px;
}
.legal-page .legal-toc ul{list-style:none;}
.legal-page .legal-toc li{margin-bottom:7px;}
.legal-page .legal-toc a{
  font-family:"Trebuchet MS",sans-serif;
  font-size:.82rem;color:var(--tag-light);display:inline-block;
}
.legal-page .legal-toc ol{list-style:none;counter-reset:tocitem;}
.legal-page .legal-toc ol li{counter-increment:tocitem;}
.legal-page .legal-toc ol li::before{
  content:counter(tocitem,decimal-leading-zero);
  color:var(--aged-brass);font-family:"Courier New",monospace;
  margin-right:8px;font-size:.7rem;
}
.legal-toc a:hover{color:var(--brass-lit);}

/* ============ CONTENT (scope-isolated) ============ */
.legal-page .legal-content{min-width:0;}
.legal-page .legal-content section{
  margin-bottom:8px;
  padding:30px 0 22px;
  background:transparent !important;
  border:none !important;
}
.legal-page .legal-content section > h2{
  font-family:"Trebuchet MS",sans-serif;
  font-size:1.42rem;color:var(--lead-white);
  font-weight:700;line-height:1.25;
  margin-bottom:16px;padding-bottom:10px;
  border-bottom:2px solid var(--panel);
  position:relative;
}
.legal-page .legal-content section > h2::before{
  content:"";display:inline-block;
  width:14px;height:14px;border-radius:3px;
  background:var(--aged-brass);
  margin-right:12px;transform:rotate(45deg);
}
.legal-page .legal-content h3{
  font-family:"Trebuchet MS",sans-serif;
  color:var(--brass-lit);
  font-size:1.06rem;margin:22px 0 8px;
}
.legal-page .legal-content p{
  color:var(--tag-light);
  margin-bottom:14px;
  font-size:1rem;
  text-align:left;
}
.legal-page .legal-content ul,.legal-page .legal-content ol{
  color:var(--tag-light);
  margin:0 0 16px 22px;
}
.legal-page .legal-content li{margin-bottom:8px;}
.legal-page .legal-content li strong{color:var(--lead-white);}
.legal-page .legal-content strong{color:var(--lead-white);}
.legal-page .legal-content em{color:var(--brass-lit);}
.legal-page .legal-content address{font-style:normal;line-height:1.9;margin-bottom:14px;color:var(--tag-light);}
.legal-page .legal-content .addr-note{font-family:"Courier New",monospace;color:var(--tag-tan);font-size:.92rem;}

.legal-page .legal-effective{
  background:var(--panel);
  border-top:5px solid var(--aged-brass);
  padding:18px 20px;
  color:var(--tag-light);
  font-size:.95rem;
  margin-bottom:26px;
  border-radius:2px;
}
.legal-page .legal-effective strong{color:var(--brass-lit);}

.legal-page .back-home{
  display:inline-block;
  margin-top:26px;
  padding:12px 22px;
  background:var(--aged-brass);
  color:#11110c;
  font-family:"Trebuchet MS",sans-serif;
  font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;font-size:.82rem;
}
.legal-page .back-home:hover{background:var(--brass-lit);color:#111;text-decoration:none;}

/* ============ footer on legal pages ============ */
.legal-footer{
  background-color:var(--deep);
  border-top:6px solid var(--aged-brass);
  width:100%;
}
.legal-footer .legal-footer-inner{
  max-width:var(--copy-max);
  margin:0 auto;
  padding:0 24px;
  padding-top:30px;padding-bottom:30px;
  color:var(--tag-tan);
  font-size:.94rem;
  line-height:1.9;
}
.legal-footer .legal-footer-inner .lrow{
  font-family:"Trebuchet MS",sans-serif;
  color:var(--tag-light);
  margin-bottom:12px;
}
.legal-footer .legal-footer-inner a{color:var(--brass-lit);}
.legal-footer .legal-footer-inner .copyright-log{font-size:.82rem;color:var(--hook-steel);}

/* no-decoration text for the hand--stamp sections zero quotes handled in html */
@media(max-width:820px){
  .legal-wrap{grid-template-columns:1fr;padding-top:28px;gap:20px;}
  .legal-toc{position:static;}
}
