/* Documents use the same outer grid as marketing pages, with a readable line length. */
.document-page-head h1 { font-size: clamp(2.5rem, 4vw, 4rem); }
.document-updated { margin-top: 24px; font-size: .9rem; }
.document-toc { padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid var(--line); }
.document-toc h2 { font-size: 1.2rem; margin-bottom: 20px; }
.document-toc ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 40px; max-width: 1000px; list-style: none; padding: 0; }
.document-toc li { margin: 0; }
.document-toc a { font-size: .95rem; }
.document-prose { max-width: 800px; }
.document-prose > h2:first-child { margin-top: 0; }
.document-prose h2, .cookie-details h2, .cookie-details h3 { scroll-margin-top: 110px; }
main .cookie-details > p { max-width: 800px; }
.document-prose a:not(.btn), .cookie-details p a:not(.btn) { text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 640px) {
  .document-toc ul { grid-template-columns: 1fr; gap: 12px; }
  .document-toc { margin-bottom: 32px; }
}