/* Legal page layout */
body.page-legal main {
  width: min(980px, calc(100% - 2rem));
  margin-inline: auto;
}
body.page-legal main > div,
body.page-legal main > section {
  overflow: hidden;
  padding: clamp(1.4rem, 4.5vw, 3.5rem) !important;
  border: 1px solid rgba(20,23,27,.1);
  border-radius: 30px !important;
  background: rgba(255,253,249,.94) !important;
  box-shadow: 0 28px 80px rgba(18,22,27,.12) !important;
  backdrop-filter: blur(18px);
}
body.page-legal main > section + section { margin-top: 1rem; }
body.page-legal main h1 {
  margin: 0 0 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(20,23,27,.1);
  font-size: clamp(2.7rem, 7vw, 5.4rem) !important;
}
body.page-legal main h2 {
  margin-top: 2.2rem !important;
  margin-bottom: .8rem !important;
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}
body.page-legal main h3 { margin-top: 1.5rem; font-size: 1.35rem; }
body.page-legal main p,
body.page-legal main li { max-width: 78ch; line-height: 1.78; }
body.page-legal main ul,
body.page-legal main ol { padding-left: 1.25rem; }
body.page-legal main li + li { margin-top: .35rem; }
body.page-legal main strong { color: #20242a; }
body.page-legal main .bg-gray-900,
body.page-legal main .bg-black {
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(145deg, #10161d, #080b0f) !important;
  color: #fff !important;
}
body.page-legal main .bg-gray-900 p,
body.page-legal main .bg-gray-900 li,
body.page-legal main .bg-gray-900 h2,
body.page-legal main .bg-gray-900 h3 { color: rgba(255,255,255,.82) !important; }
@media (max-width: 640px) {
  body.page-legal main { width: min(100% - 1rem, 980px); }
  body.page-legal main > div,
  body.page-legal main > section { border-radius: 22px !important; }
}