:root{
  --legal-max: 980px;
}

.legal-app .mx-workspace{
  display:block !important;
  padding-top: 8px;
}

.legal-glass{
  width: min(var(--legal-max), 100%);
  margin: 0 auto;
}

.legal-title{
  margin: 0;
  font-family: var(--mx-font);
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 1.32rem;
  line-height: 1.2;
  color: #fff;
}

.legal-subtitle{
  margin: 8px 0 0;
  color: rgba(220,234,246,.82);
  font-size: .91rem;
  line-height: 1.5;
}

.legal-meta{
  margin: 10px 0 0;
  color: rgba(185,206,226,.78);
  font-size: .78rem;
}

.legal-divider{
  margin: 16px 0 18px;
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(188,220,246,.22), transparent);
}

.legal-content{
  color: rgba(230,240,250,.92);
  font-size: .92rem;
  line-height: 1.62;
  display: grid;
  gap: 10px;
}

.legal-content h2,
.legal-content h3,
.legal-content h4{
  margin: 14px 0 4px;
  color: #fff;
  line-height: 1.3;
}

.legal-content h2{font-size: 1.02rem;}
.legal-content h3{font-size: .95rem;}
.legal-content h4{font-size: .9rem;}

.legal-content p,
.legal-content ul,
.legal-content ol,
.legal-content blockquote,
.legal-content table{
  margin: 0;
}

.legal-content ul,
.legal-content ol{
  padding-left: 18px;
}

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

.legal-content a{
  color: #8fd8ff;
  text-decoration: none;
  border-bottom: 1px solid rgba(143,216,255,.42);
}

.legal-content a:hover{
  color: #c8ebff;
  border-bottom-color: rgba(200,235,255,.75);
}

.legal-content table{
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(188,220,246,.18);
}

.legal-content th,
.legal-content td{
  border-bottom: 1px solid rgba(188,220,246,.14);
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
}

.legal-content th{
  color: #fff;
  font-weight: 600;
  background: rgba(188,220,246,.08);
}

.legal-content tr:last-child td{
  border-bottom: 0;
}

@media (max-width: 760px){
  .legal-app .mx-workspace{
    padding-top: 4px;
  }

  .legal-glass{
    width: min(var(--legal-max), calc(100vw - 18px));
  }

  .legal-title{font-size: 1.16rem;}
  .legal-subtitle{font-size: .86rem;}
  .legal-content{font-size: .86rem;}
  .legal-content h2,
  .legal-content h3,
  .legal-content h4{font-size: .92rem;}
}