/* Product guides (/docs). Reading pages: a measured line length, quiet structure, no script. */
.docs { font-size: 1.05rem; line-height: 1.7; }
.docs h2 { margin-top: 2.5rem; scroll-margin-top: 90px; }
.docs h3 { margin-top: 1.75rem; font-size: 1.25rem; scroll-margin-top: 90px; }
.docs h4 { margin-top: 1rem; font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; opacity: .75; }
.docs-intro { font-size: 1.15rem; }

.docs-facts { width: 100%; margin: 1.5rem 0; border-collapse: collapse; }
.docs-facts caption { caption-side: top; font-weight: 600; padding-bottom: .5rem; }
.docs-facts th, .docs-facts td { padding: .5rem .75rem; border-bottom: 1px solid rgba(0, 0, 0, .1); vertical-align: top; text-align: left; }
.docs-facts th { width: 30%; font-weight: 600; }

.docs-toc { margin: 2rem 0; padding: 1rem 1.25rem; border-left: 3px solid currentColor; background: rgba(0, 0, 0, .03); }
.docs-toc h2 { margin-top: 0; font-size: 1.1rem; }
.docs-toc ol { margin-bottom: 0; }

.docs-section { padding-top: .25rem; }
.docs-capabilities li, .docs-steps li, .docs-notes li, .docs-limits li { margin-bottom: .4rem; }
.docs-faq h3 { font-size: 1.1rem; }

.docs-cta { display: flex; flex-wrap: wrap; gap: .75rem; margin: 2.5rem 0 1rem; }
.docs-updated { font-size: .9rem; opacity: .7; }
.docs-others { columns: 2; }

@media (max-width: 575px) {
    .docs-facts th { width: 40%; }
    .docs-others { columns: 1; }
}
