.document-page {
  max-width:960px;
  padding-block:64px 80px;
  overflow-wrap:anywhere
}
.document-hero {
  display:grid;
  gap:18px;
  max-width:820px;
  margin-bottom:36px
}
.document-hero .eyebrow { margin:0 }
.document-hero h1 { font-size:clamp(34px,4.8vw,60px) }
.document-hero .lead { max-width:720px }
.document-page .stand,.document-page .muted { color:var(--muted) }
.document-page .panel {
  min-width:0;
  margin-block:24px;
  padding:clamp(24px,4vw,44px);
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--white)
}
.document-page section+section { margin-top:32px }
.document-page h2 {
  margin-bottom:16px;
  font-size:clamp(23px,2.8vw,30px);
  line-height:1.25;
  letter-spacing:-.025em
}
.document-page h3 { margin-block:24px 12px; font-size:20px }
.document-page p,.document-page li { color:var(--ink); line-height:1.75 }
.document-page .contact-card,.document-page .note {
  margin-block:18px;
  padding:20px 24px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--mist);
  line-height:1.75
}
.document-page .grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px
}
.document-page .grid .panel { margin:0 }
.document-page table { width:100%; border-collapse:collapse; font-size:14px }
.document-page th,.document-page td { padding:12px; text-align:left; border-bottom:1px solid var(--line) }
@media(max-width:700px) {
  .document-page { padding-block:40px 56px }
  .document-hero { gap:16px; margin-bottom:28px }
  .document-page .grid { grid-template-columns:1fr }
  .document-page .actions { grid-auto-flow:row; width:100% }
  .document-page .contact-card,.document-page .note { padding:16px }
  .document-page .panel { padding:24px }
}