@font-face {
  font-family: Manrope;
  src: url("/assets/fonts/Manrope-Regular.woff2") format("woff2");
  font-display: swap;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 24px; }
body {
  margin: 0;
  background: #e2ecf2;
  color: #203d63;
  font: 16px/1.75 Manrope, Arial, sans-serif;
}
a { color: inherit; text-underline-offset: 4px; }
a:hover { color: #6d3aed; }
a:focus-visible { outline: 3px solid #6d3aed; outline-offset: 5px; }
.skip-link { position: absolute; top: -100px; left: 24px; padding: 12px; background: white; }
.skip-link:focus { top: 12px; }
.legal-header, .legal-footer {
  max-width: 1040px;
  margin: auto;
  padding: 28px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.brand { font-size: 24px; color: #6d3aed; text-decoration: none; }
.legal-main { max-width: 1040px; margin: auto; padding: 0 24px; }
article { padding: clamp(24px, 5vw, 64px); background: white; border-radius: 32px; }
h1 { font-size: clamp(26px, 4vw, 40px); line-height: 1.3; margin: 0 0 40px; }
h2 { font-size: clamp(20px, 3vw, 26px); line-height: 1.4; margin: 40px 0 20px; }
p { margin: 0 0 20px; }
article p, article h1, article h2 { white-space: pre-wrap; overflow-wrap: anywhere; }
.document-contents { margin-bottom: 32px; }
.document-contents summary { cursor: pointer; font-size: 18px; }
.document-contents nav { padding-top: 20px; }
.document-contents ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 32px; }
.document-contents li { break-inside: avoid; margin: 0 0 10px; overflow-wrap: anywhere; }
.legal-footer { padding-bottom: 48px; }
@media (max-width: 600px) {
  .legal-header, .legal-footer { padding-left: 20px; padding-right: 20px; }
  .legal-main { padding: 0 12px; }
  .document-contents { padding-left: 12px; padding-right: 12px; }
  .document-contents ul { columns: 1; }
  article { border-radius: 24px; }
}
@media print {
  body { background: white; color: black; font-size: 11pt; }
  .legal-header, .legal-footer, .document-contents, .skip-link { display: none; }
  .legal-main, article { padding: 0; max-width: none; }
  h2 { break-after: avoid; }
  a { text-decoration: none; }
}
