/* Legal pages: long text that has to stay readable in both themes. */
.legal{max-width:800px}
.legal h2{
  font:600 17px Orbitron,sans-serif;color:#d4af37;
  margin:34px 0 10px;padding-top:20px;border-top:1px solid rgba(192,192,192,.14);
}
.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:8px}
.legal p{margin:0 0 14px;line-height:1.75;color:var(--muted,#a9adbb);font-size:15px}
.legal p strong,.legal li strong{color:var(--steel,#f5f5f5)}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{margin-bottom:9px;line-height:1.7;color:var(--muted,#a9adbb);font-size:15px}
.legal a{color:#d4af37;text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:#f0cf73}
.legal-note{
  padding:18px 22px;margin:0 0 30px;border-radius:14px;
  border-left:3px solid #6d2cff;background:rgba(109,44,255,.09);
}
.legal-note p{margin:0;color:var(--steel,#f5f5f5);font-size:15px}
.legal-contact{
  margin-top:40px;padding:22px;border-radius:14px;
  border:1px solid rgba(212,175,55,.24);
  background:linear-gradient(150deg,rgba(17,18,24,.9),rgba(13,27,61,.3));
}
.legal-contact h2{border-top:0;padding-top:0;margin-top:0}
.legal-contact p{color:var(--muted,#a9adbb)}
html[data-theme="light"] .legal-contact{background:#fff}
html[data-theme="light"] .legal p,html[data-theme="light"] .legal li{color:#49443c}
html[data-theme="light"] .legal a{color:#8a6d1f}
@media(max-width:620px){.legal h2{font-size:15px}.legal p,.legal li{font-size:14.5px}}