/* Shared presentation for the Guide and legal pages: the same quiet Luz frame
   as the marketing page, with the existing long-form content left intact. */
body.docs-page {
  min-height: 100vh;
  background: #f5f5f5;
}
.docs-page .docs {
  /* Match the homepage hero's top clearance so content never enters the
     shared absolute header at wider breakpoints. */
  padding: clamp(116px, 10vw, 154px) var(--gut) clamp(72px, 7vw, 104px);
}
.docs-page .docs-title { margin-bottom: clamp(34px, 4vw, 56px); }
.docs-page .docs-title h1 {
  font-family: var(--fat);
  font-size: clamp(46px, 5.6vw, 74px);
  font-weight: 400;
  line-height: .88;
  letter-spacing: -.035em;
}
.docs-page .feedback-thanks h1 {
  font-family: var(--fat);
  font-size: clamp(46px, 5.6vw, 74px);
  font-weight: 400;
  line-height: .88;
  letter-spacing: -.035em;
}
.docs-page .docs-title p {
  max-width: 58ch;
  margin-top: 20px;
  font-size: clamp(17px, 1.7vw, 22px);
  line-height: 1.4;
}
.docs-page .docs-group > h2 {
  padding-bottom: 14px;
  font-size: 11px;
  letter-spacing: .1em;
}
.docs-page .topic { padding: 32px 0; }
.docs-page .topic > h3 {
  font-size: clamp(23px, 2.2vw, 29px);
  line-height: 1.1;
  letter-spacing: -.005em;
}
.docs-page .topic p,
.docs-page .topic li { font-size: 16px; }
.docs-page .topic p { line-height: 1.62; }

@media (max-width: 700px) {
  .docs-page .docs { padding-top: 112px; }
  .docs-page .docs-title h1 { font-size: clamp(42px, 11vw, 56px); }
  .docs-page .feedback-thanks h1 { font-size: clamp(42px, 11vw, 56px); }
}