/* Only document pages load these styles. */
.doc { overflow-wrap: anywhere; }
.doc p, .doc li { line-height: 1.75; }
.doc li + li { margin-top: 10px; }
.doc h2 { scroll-margin-top: 100px; }
.doc h3 { margin: 28px 0 8px; font-size: 17px; line-height: 1.35; font-weight: 600; }
.doc-note { margin: 24px 0; padding: 20px 24px; border: 1px solid #8b723a; border-radius: 16px; background: #292316; color: #f3dfb4; line-height: 1.7; }
.doc-note strong { color: #fff0ca; }
.doc-toc { display: flex; flex-wrap: wrap; gap: 12px 22px; margin: 30px 0; padding-block: 20px; border-block: 1px solid var(--line); }
.doc a { text-decoration: underline; text-underline-offset: 3px; }
.doc a:focus-visible { outline: 2px solid var(--gr); outline-offset: 4px; border-radius: 2px; }
.doc code { font-size: .9em; }
.doc-table { margin: 18px 0 8px; overflow-x: auto; }
.doc-table table { width: 100%; border-collapse: collapse; font-size: 15px; }
.doc-table th, .doc-table td { padding: 10px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; line-height: 1.6; color: #d9d5e3; }
.doc-table th { font-weight: 600; background: rgba(255, 255, 255, .03); }
@media print {
  body { background: white; color: black; }
  .nav, .foot, .doc-toc { display: none; }
  .doc { padding: 0; }
  .doc p, .doc li, .doc h1, .doc h2, .doc h3, .doc a, .doc .updated, .doc-table th, .doc-table td { color: black; }
  .doc-table th, .doc-table td { border-color: black; background: white; }
  .doc-note { background: white; color: black; border-color: black; }
  .doc-note strong { color: black; }
  .doc h2 { break-after: avoid; }
  .narrow { max-width: none; }
}