/* Styling for privacy.html and terms.html */
.legal{max-width:820px;padding:60px 0 90px}
.legal h1{font:700 clamp(32px,5vw,50px)/1.05 Manrope,sans-serif;letter-spacing:-.04em;color:#132550;margin:14px 0 10px}
.legal h2{font:700 22px/1.25 Manrope,sans-serif;color:#17345f;margin:38px 0 10px;padding-top:18px;border-top:1px solid #dbe3f0}
.legal h3{font:700 16px/1.3 Manrope,sans-serif;color:#24406e;margin:22px 0 6px}
.legal p,.legal li{color:#3c4a63;font-size:15.5px;line-height:1.65}
.legal ul{padding-left:20px}
.legal li{margin:7px 0}
.legal a{color:#1d4f8f}
.legal-meta{color:#68779a;font-size:13px}
.legal-back{margin-top:44px;padding-top:22px;border-top:1px solid #dbe3f0;font-weight:700}

.legal-note{background:#eef3fb;border:1px solid #c3d3ea;border-left:4px solid #4a76b8;padding:13px 16px;margin:22px 0 8px;font-size:13.5px;color:#33455f;border-radius:3px}

.legal-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.legal-table th,.legal-table td{border:1px solid #dbe3f0;padding:10px 12px;text-align:left;vertical-align:top}
.legal-table th{background:#eef3fb;color:#17345f;font-weight:700}

.legal ~ footer .shell,footer .shell{gap:10px}
footer a{color:#9fb2d6}

@media(max-width:600px){
  .legal{padding:34px 0 70px}
  .legal h2{font-size:19px;margin-top:30px}
  .legal p,.legal li{font-size:15px}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%}
  .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legal-table tr{border:1px solid #dbe3f0;margin-bottom:10px}
  .legal-table td{border:0;border-bottom:1px solid #eef2f8}
  .legal-table td:last-child{border-bottom:0;color:#5b6a86;font-size:13px}
}