.legalPage{
  width:min(900px, calc(100% - 40px));
  margin:0 auto;
  padding:130px 0 100px;

  color:#99CCCC;
  font-size:13px;
  line-height:1.8;
  font-weight:400;
  letter-spacing:.35px;
}

.legalIntro{
  margin-bottom:45px;
  padding-bottom:30px;
  border-bottom:1px solid var(--line);
}

.legalPage h1{
  margin:0 0 15px;

  color:var(--cyan);

  font-size:clamp(30px, 5vw, 46px);
  line-height:1.1;
  font-weight:400;
  letter-spacing:3px;
  text-transform:uppercase;
}

.legalPage h2{
  margin:48px 0 18px;

  color:#99CCCC;

  font-size:22px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:1px;
  text-transform:uppercase;
}

.legalPage h3{
  margin:22px 0 10px;

  color:#99CCCC;

  font-size:13px;
  line-height:1.8;
  font-weight:600;
  letter-spacing:.35px;
  text-transform:none;
}

.legalPage p{
  margin:0 0 16px;

  color:#99CCCC;

  font-size:13px;
  line-height:1.8;
  font-weight:400;
  letter-spacing:.35px;
}

.legalPage ol,
.legalPage ul{
  margin:0 0 18px;
  padding-left:24px;

  color:#99CCCC;

  font-size:13px;
  line-height:1.8;
  font-weight:400;
  letter-spacing:.35px;
}

.legalPage li{
  margin:6px 0;
  color:#99CCCC;
}

.legalPage strong{
  color:inherit;
  font-weight:600;
}

.legalUpdated{
  margin:0 0 18px;

  color:var(--text-soft);

  font-size:13px;
  line-height:1.6;
  font-weight:400;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.legalNotice{
  margin:30px 0;
  padding:18px 20px;

  background:var(--panel);
  border-left:3px solid var(--green);

  color:#99CCCC;
}

.legalFooter{
  margin-top:55px;
  padding-top:25px;

  border-top:1px solid var(--line);

  color:var(--text-soft);

  font-size:13px;
  line-height:1.8;
  text-align:center;
}

@media (max-width:600px){
  .legalPage{
    width:min(100% - 28px, 900px);
    padding-top:110px;
  }

  .legalPage h2{
    font-size:20px;
  }
}

.legalPage .legalAcceptanceWarning{
  margin:24px 0;
  padding:15px 18px;
  background:#99CCCC;
  color:#000;
  font-size:13px;
  line-height:1.7;
  font-weight:600;
  letter-spacing:.35px;
}

.legalPage .legalAcceptanceWarning strong{
  color:#000;
  font-weight:600;
}