:root{
  --lab-charcoal:#17181C;
  --bench-ebony:#101114;
  --mist-opal:#E8E6DF;
  --nixie-amber:#E08A2E;
  --socket-blue:#3E5C78;
  --circuit-sage:#6E7F6A;
  --filament-rose:#C25B4A;
  --readout-red:#B3402E;
  --amber-dim:#9B611F;
  --mist-dim:#C6C3B9;
  --ebony-lift:#1B1D22;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  font-size:16px;
  margin:0;
  background-color:var(--lab-charcoal);
  color:var(--mist-opal);
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.75;
  overflow-x:hidden;
}

a{color:var(--nixie-amber);}

.legal-header{
  background-color:var(--bench-ebony);
  border-bottom:4px solid var(--nixie-amber);
  padding:34px 24px 28px;
}
.legal-header-inner{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}
.legal-header h1{
  color:var(--mist-opal);
  font-family:Georgia,serif;
  font-size:36px;
  margin:0 0 10px;
  font-weight:normal;
}
.legal-brand{
  color:var(--nixie-amber);
  font-size:15px;
  letter-spacing:2px;
  margin:0 0 6px;
  font-weight:bold;
}
.legal-sub{
  color:var(--mist-dim);
  font-size:15px;
  margin:0;
}

.legal-content{
  max-width:900px;
  margin:0 auto;
  padding:0 24px 8px;
}

.legal-content section{
  background-color:transparent !important;
  margin:0 0 30px;
  padding:0;
}

.legal-content h2{
  color:var(--nixie-amber);
  font-family:Georgia,serif;
  font-size:24px;
  border-bottom:2px solid var(--socket-blue);
  padding-bottom:10px;
  margin:36px 0 16px;
  font-weight:normal;
}

.legal-content h3{
  color:var(--mist-opal);
  font-family:Georgia,serif;
  font-size:19px;
  margin:22px 0 10px;
  font-weight:normal;
}

.legal-content p{
  color:var(--mist-opal);
  font-size:16px;
  margin:0 0 16px;
}

.legal-content ul{
  color:var(--mist-opal);
  font-size:16px;
  margin:0 0 16px;
  padding-left:24px;
}

.legal-content li{
  margin:0 0 10px;
}

.legal-content a{
  color:var(--nixie-amber);
  text-decoration:none;
  border-bottom:1px solid var(--amber-dim);
}

.legal-content a:hover{
  color:var(--readout-red);
  border-bottom-color:var(--readout-red);
}

.legal-toc{
  background-color:var(--ebony-lift);
  border:2px solid var(--socket-blue);
  border-left:8px solid var(--filament-rose);
  border-radius:8px;
  padding:24px 26px;
  margin:30px 0 40px;
}

.legal-toc h2{
  border-bottom:none;
  margin:0 0 14px;
  font-size:20px;
}

.legal-toc ol{
  margin:0;
  padding-left:22px;
  color:var(--mist-opal);
}

.legal-toc li{
  margin:0 0 8px;
}

.legal-toc a{
  color:var(--mist-opal);
  text-decoration:none;
  border-bottom:1px solid var(--socket-blue);
}

.legal-toc a:hover{
  color:var(--nixie-amber);
  border-bottom-color:var(--nixie-amber);
}

.legal-note{
  background-color:var(--bench-ebony);
  border:2px solid var(--socket-blue);
  border-radius:8px;
  padding:20px 24px;
  color:var(--mist-opal);
  font-size:15px;
  margin:0 0 30px;
}

.legal-footer{
  background-color:var(--bench-ebony);
  border-top:4px solid var(--socket-blue);
  padding:34px 24px;
  margin-top:30px;
}
.legal-footer-inner{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}
.legal-footer p{
  color:var(--mist-opal);
  font-size:15px;
  margin:0 0 10px;
}
.legal-footer a{
  color:var(--nixie-amber);
  text-decoration:none;
  border-bottom:1px solid var(--amber-dim);
}
.legal-footer a:hover{
  color:var(--readout-red);
  border-bottom-color:var(--readout-red);
}

.legal-backhome{
  display:inline-block;
  background-color:var(--nixie-amber);
  color:var(--bench-ebony);
  text-decoration:none;
  font-weight:bold;
  font-size:15px;
  letter-spacing:1px;
  padding:12px 26px;
  border-radius:8px;
  border:2px solid var(--amber-dim);
  margin:8px 0 0;
}
.legal-backhome:hover{
  background-color:var(--readout-red);
  color:var(--mist-opal);
  border-bottom:none;
}

@media (max-width:640px){
  .legal-header h1{font-size:28px;}
  .legal-content h2{font-size:21px;}
}