.legal{max-width:72ch;padding-bottom:80px;color:var(--c-graphite)}

.legal .section-head > div{min-width:0}
.legal .section-head h1{font-size:clamp(1.625rem,7vw,var(--fs-h1));hyphens:auto;overflow-wrap:anywhere}
.legal__meta{color:var(--c-graphite-soft);font-size:var(--fs-small);margin:-12px 0 28px}
.legal h2{
  font-family:var(--font-display);font-weight:500;
  font-size:1.375rem;line-height:1.25;
  margin:36px 0 12px;
}
.legal p,.legal li{font-size:1rem;line-height:1.65}
.legal p{margin:0 0 12px}
.legal ul,.legal ol{margin:0 0 14px;padding-left:1.25em}
.legal li{margin:0 0 6px}
.legal a{color:var(--c-green);text-decoration:underline;text-underline-offset:2px}
.legal a:hover{color:var(--c-graphite)}

.legal-card{
  background:var(--c-ivory-deep);
  border:1px solid var(--c-line);border-radius:var(--radius-m);
  padding:18px 22px;margin:0 0 16px;
}
.legal-card dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}
.legal-card dt{color:var(--c-graphite-soft)}
.legal-card dd{margin:0}
@media (max-width:559px){
  .legal-card dl{grid-template-columns:1fr;gap:2px}
  .legal-card dd{margin-bottom:8px}
}

.legal-table{overflow-x:auto;margin:0 0 16px}
.legal-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9375rem}
.legal-table th,.legal-table td{border-bottom:1px solid var(--c-line);padding:10px 12px 10px 0;text-align:left;vertical-align:top;line-height:1.5}
.legal-table th{font-weight:600;color:var(--c-graphite-soft);font-size:.8125rem;letter-spacing:.04em}