.legal-main {
  width:var(--content);
  margin:28px auto;
}

.legal-document {
  padding:clamp(24px,4vw,46px);
  border:2px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  box-shadow:var(--shadow);
}

.legal-eyebrow {
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--accent);
  font-size:var(--type-section-eyebrow);
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.legal-eyebrow::before {
  width:54px;
  flex:none;
  border-top:5px solid currentColor;
  content:"";
}

.legal-document h1 {
  margin:12px 0 8px;
  font-size:var(--type-section-header);
  line-height:1;
  letter-spacing:-.05em;
}

.legal-updated { margin:0 0 28px; color:var(--muted); }
.legal-section { max-width:58rem; padding:22px 0; border-top:2px solid var(--line); }
.legal-section:first-of-type { border-top:0; }
.legal-section h2 { margin:0 0 10px; font-size:var(--type-section-subtitle); line-height:1.2; }
.legal-section h3 { margin:18px 0 7px; font-size:var(--type-paragraph); }
.legal-section p { margin:8px 0; color:var(--muted); line-height:1.6; }
.legal-section ul { display:grid; gap:8px; margin:10px 0; padding-left:22px; }
.legal-section li { color:var(--muted); font-size:var(--type-paragraph); line-height:1.5; }
.legal-section a { color:var(--accent); font-weight:850; text-decoration:underline; }
.legal-note { padding:14px 16px; border-left:5px solid var(--accent); background:color-mix(in srgb,var(--accent) 6%,#fff); }

@media (max-width:620px) {
  .legal-main { margin:20px auto; }
  .legal-document { padding:22px 18px; }
}