/* ============================================================
   Anything IT LLC — Legal pages stylesheet
   Loaded ONLY by /css/legal.css. Light frost-sky theme,
   full-contrast text, plain full-width header (no side rail).
   ============================================================ */

:root{
  --frost-sky:#F0F4F7;
  --slate-navy:#25313D;
  --feather-indigo:#4A5FA5;
  --tech-charcoal:#2A3440;
  --circuit-deep:#1A222B;
  --antenna-gold:#C9963B;
  --frost-card:#FBFDFE;
  --tech-body:#525E68;
  --slate-dusk:#B3BFC9;
  --bus-line:#C7D0D8;
}

*{box-sizing:border-box;}

html,body{margin:0;padding:0;}

body{
  background-color:var(--frost-sky);
  color:var(--tech-body);
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.8;
  overflow-x:hidden;
}

.legal-page{
  min-height:100vh;
}

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

/* ============================================================
   LEGAL HEADER — solid background, strong contrast title
   ============================================================ */
.legal-header{
  background-color:var(--tech-charcoal);
  padding:0;
}
.legal-header .legal-header-inner{
  max-width:1080px;
  margin:0 auto;
  padding:48px 24px 44px;
}
.legal-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.legal-chipline{
  display:flex;
  align-items:center;
  gap:12px;
}
.legal-chip-anchor{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.legal-chip{
  width:30px;height:30px;
  background-color:var(--feather-indigo);
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.legal-chip-nib{width:14px;height:3px;background-color:#FBFDFE;border-radius:2px;transform:rotate(-18deg);}
.legal-chip-name{
  color:#FBFDFE;
  font-size:18px;
  font-weight:800;
  letter-spacing:1px;
}
.legal-home-crumb a{
  color:var(--antenna-gold);
  text-decoration:none;
  font-size:14px;
  font-weight:600;
}
.legal-home-crumb a:hover{color:#FBFDFE;}
.legal-h1{
  color:#FBFDFE;
  font-size:44px;
  margin:40px 0 6px;
  font-weight:800;
  letter-spacing:-.5px;
}
.legal-updated{
  color:var(--slate-dusk);
  font-size:14px;
  margin:0;
}

/* ============================================================
   LEGAL CONTENT
   ============================================================ */
.legal-content{
  max-width:1080px;
  margin:0 auto;
  padding:40px 24px 56px;
}
.legal-lead-glow{
  color:#FBFDFE;
  background-color:var(--circuit-deep);
  padding:24px 28px;
  border-radius:10px;
  border-left:5px solid var(--antenna-gold);
  font-size:16px;
  margin:0 0 34px;
}

/* table of contents */
.legal-toc{
  background-color:var(--frost-card);
  border:1px solid var(--bus-line);
  border-radius:10px;
  padding:24px 30px;
  margin:0 0 40px;
}
.legal-toc h2{
  margin:0 0 10px;
  font-size:14px;
  color:var(--tech-charcoal);
  letter-spacing:2px;
  text-transform:uppercase;
}
.legal-toc ol{
  margin:0;
  padding-left:22px;
  columns:2;
  column-gap:44px;
}
.legal-toc li{
  margin:7px 0;
  break-inside:avoid;
}
.legal-toc a{
  color:var(--feather-indigo);
  text-decoration:none;
  font-size:14.5px;
}
.legal-toc a:hover{text-decoration:underline;}

.legal-content section{
  margin:0 0 46px;
  padding-top:8px;
}
.legal-content h2{
  color:var(--slate-navy);
  font-size:27px;
  margin:0 0 16px;
  padding-top:8px;
  scroll-margin-top:30px;
  font-weight:800;
}
.legal-content h2 .hnum{
  color:var(--antenna-gold);
  font-weight:800;
  margin-right:10px;
}
.legal-content h3{
  color:var(--slate-navy);
  font-size:19px;
  margin:22px 0 8px;
}
.legal-content p{
  margin:0 0 14px;
}
.legal-content ul,.legal-content ol{
  margin:0 0 16px 22px;
}
.legal-content li{margin:6px 0;}

/* blockquote used for examples/case text without quote glyphs */
.legal-content dl{
  margin:0 0 16px;
}
.legal-content dt{
  color:var(--slate-navy);
  font-weight:700;
  margin-top:14px;
}
.legal-content dd{
  margin:4px 0 0;
}

/* back to top + home links */
.legal-footer-links{
  border-top:1px solid var(--bus-line);
  padding-top:26px;
  margin-top:10px;
  display:flex;
  gap:26px;
  flex-wrap:wrap;
  align-items:center;
}
.legal-footer-links a{
  color:var(--feather-indigo);
  text-decoration:none;
  font-weight:600;
  font-size:15px;
}
.legal-footer-links a:hover{text-decoration:underline;}

/* ============================================================
   LEGAL FOOTER — solid panel, strong contrast
   ============================================================ */
.legal-footer{
  background-color:var(--tech-charcoal);
  padding:0;
}
.legal-footer-inner{
  max-width:1080px;
  margin:0 auto;
  padding:34px 24px;
  border-top:2px solid var(--bus-line);
}
.legal-footer-topline{
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.legal-footer-topline a{
  color:var(--slate-dusk);
  text-decoration:none;
  font-size:14px;
}
.legal-footer-topline a:hover{color:#FBFDFE;}
.legal-footer-addr{
  color:var(--slate-dusk);
  font-size:14px;
  line-height:1.7;
  margin:0 0 10px;
}
.legal-footer-copy{
  color:#FBFDFE;
  font-size:13px;
  margin:0;
  text-align:left;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:760px){
  .legal-h1{font-size:32px;}
  .legal-brand-row{flex-direction:column;align-items:flex-start;}
  .legal-toc ol{columns:1;}
  .legal-content{padding:32px 20px 50px;}
}