.legal-main{ padding-top:24px; }

.legal-hero{ text-align:center; margin-top:48px; display:flex;
  flex-direction:column; align-items:center; }
.legal-title{ margin:22px 0 0; max-width:760px;
  font-weight:900;font-style:italic;font-size:44px;line-height:1.08;
  text-transform:uppercase;color:var(--ink); }
.legal-lead{ margin:20px auto 0; max-width:620px;
  font-weight:500;font-size:17px;line-height:26px;color:var(--ink-2); }

.legal-card{ margin:56px auto 0; width:760px; max-width:100%;
  background:var(--card); border-radius:24px; box-shadow:var(--shadow-card);
  padding:48px 56px; scroll-margin-top:110px; }
.legal-card + .legal-card{ margin-top:28px; }
.legal-card h2{ margin:0; font-weight:900;font-style:italic;font-size:28px;line-height:1.15;
  text-transform:uppercase;color:var(--indigo); }
.legal-card h3{ margin:32px 0 8px; font-weight:800;font-size:17px;line-height:24px;color:var(--ink); }
.legal-card p, .legal-card li{ margin:0; font-weight:400;font-size:15px;line-height:24px;color:var(--ink-2); }
.legal-card p + p, .legal-card p + ul, .legal-card ul + p{ margin-top:12px; }
.legal-card ul{ margin:0; padding-left:20px; }
.legal-card li + li{ margin-top:6px; }
.legal-card strong{ font-weight:700; }
.legal-card a{ color:var(--indigo);font-weight:600;
  text-decoration:underline;text-underline-offset:2px; }
.legal-card .legal-updated{ margin-top:32px; font-size:13px; color:#8a8a8e; }

@media (max-width:1023px){
  .legal-main{ padding-inline:20px; }
  .legal-title{ font-size:clamp(28px,8vw,40px); }
  .legal-card{ width:100%; padding:32px 24px; margin-top:40px; }
  .legal-card h2{ font-size:clamp(22px,6vw,28px); }
}
.legal-card h3[id]{ scroll-margin-top:110px; }