body.doc { min-height: 100vh; display: flex; flex-direction: column; color: var(--sc-ink); }
.doc__bar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1.25rem var(--sc-gutter); border-bottom: 1px solid var(--sc-hairline);
}
.doc .callbar__brand { color: var(--sc-ink); }
.doc__bar nav { display: flex; gap: var(--sc-4); font-size: var(--sc-t-sm); }
.doc__bar nav a { color: var(--sc-ink-soft); text-decoration: none; }
.doc__bar nav a:hover { color: var(--sc-ink); }
.doc__main {
  flex: 1; width: 100%; max-width: 44rem; margin: 0 auto;
  padding: var(--sc-8) var(--sc-gutter);
}
.doc__main h1 {
  font-family: var(--sc-font-display); font-size: var(--sc-t-3xl);
  font-weight: 400; line-height: 1; margin: 0 0 var(--sc-4);
}
.doc__main h2 {
  font-family: var(--sc-font-display); font-size: var(--sc-t-xl);
  font-weight: 400; margin: 2.5rem 0 0.6rem;
}
.doc__main p, .doc__main li, .doc__main td, .doc__main th {
  color: var(--sc-ink-soft); line-height: 1.65; font-size: var(--sc-t-base);
}
.doc__main p { margin: 0 0 var(--sc-3); }
.doc__main ul { padding-left: 1.25rem; margin: 0 0 var(--sc-3); }
.doc__main a { color: var(--sc-ink); text-decoration: underline; }
.doc__updated { font-size: var(--sc-t-sm); }
.doc__main table { width: 100%; border-collapse: collapse; margin: 0 0 var(--sc-3); }
.doc__main th, .doc__main td {
  text-align: left; vertical-align: top; padding: 0.6rem 0.75rem 0.6rem 0;
  border-bottom: 1px solid var(--sc-hairline); font-size: var(--sc-t-sm);
}
.doc__main th { color: var(--sc-ink); font-weight: 600; }
.doc__foot {
  display: flex; justify-content: space-between; gap: var(--sc-4);
  padding: 1.25rem var(--sc-gutter); border-top: 1px solid var(--sc-hairline);
  font-size: var(--sc-t-sm); color: var(--sc-ink-soft);
}
.doc__foot a { color: var(--sc-ink-soft); }