.legal-guide {
  margin-block: 2rem 3rem;
  padding: clamp(1rem, 4vw, 1.5rem);
  border: 1px solid #9ca9b7;
  border-radius: .75rem;
  background: #f1f4f7;
  color: #334155;
}
.legal-guide h2 { margin: 0 0 1rem; font-size: 1.25rem; }
.legal-guide ul { margin: 0; padding-inline-start: 1.25rem; }
.legal-guide li + li { margin-block-start: .75rem; }
.legal-guide p { margin-block: 1.25rem 0; }
.legal-guide p, .legal-guide li { line-height: 1.7; }
.legal-section { overflow-wrap: anywhere; }
.legal-section a { text-decoration: underline; text-underline-offset: .2em; }
.legal-section a:focus-visible { outline: 3px solid #87531c; outline-offset: 3px; }
.legal-section h2[id] { scroll-margin-block-start: 9rem; }
.legal-section h2:focus { outline: 3px solid #87531c; outline-offset: 5px; }