/* Scoped document reading layout: articles, release records and examples. */
.docs-reading { background:#fff; color:#1d1d1f; }
.docs-reading #main.docs-shell { width:100%; max-width:1024px; margin:0 auto; padding:52px 36px 80px; }
.docs-reading #main .docs-heading { margin:0 0 36px; padding:0 0 2px; }
.docs-reading #main .docs-heading>nav:not(.help-nav) { margin-bottom:24px; color:#6e6e73; font-size:12px; line-height:1.8; }
.docs-reading #main .docs-heading>nav:not(.help-nav) a { color:#6e6e73; }
.docs-reading #main .docs-heading>.eyebrow { margin:0 0 12px; color:#86868b; font-size:11px; letter-spacing:.1em; }
.docs-reading #main .docs-heading h1 { max-width:880px; margin:0 0 22px; color:#1d1d1f; font-size:clamp(32px,3.7vw,46px); font-weight:700; line-height:1.22; letter-spacing:-.035em; text-wrap:balance; }
.docs-reading #main .docs-heading>p { max-width:800px; margin:12px 0; color:#6e6e73; font-size:14px; line-height:1.85; }
.docs-reading #main .docs-heading>.intro { font-size:17px; line-height:1.8; }
.docs-reading #main .docs-section,.docs-reading #main .help-page>section { margin:0; padding:34px 0; border:0; border-top:1px solid #e8e8ed; scroll-margin-top:100px; }
.docs-reading #main h2 { margin:0 0 20px; color:#1d1d1f; font-size:clamp(24px,2.2vw,29px); font-weight:650; line-height:1.4; letter-spacing:-.025em; }
.docs-reading #main h3 { margin:0 0 12px; color:#1d1d1f; font-size:19px; font-weight:600; line-height:1.45; }
.docs-reading #main p { margin:14px 0; color:#6e6e73; font-size:15px; line-height:1.95; overflow-wrap:break-word; }
.docs-reading #main li { color:#424245; font-size:15px; line-height:1.95; }
.docs-reading #main ul,.docs-reading #main ol { margin:18px 0; padding-left:24px; }
.docs-reading #main li+li { margin-top:7px; }
.docs-reading #main a { text-underline-offset:3px; }
.docs-reading #main .note { max-width:none; margin:22px 0; padding:20px 24px; border:1px solid #e2e9f0; border-left:3px solid #0071e3; border-radius:0 14px 14px 0; background:#f5f8fb; color:#536170; font-size:14px; line-height:1.85; }
.docs-reading #main .note strong { color:#424245; }
.docs-reading #main .help-nav { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 0; padding:14px; border:0; border-radius:18px; background:#f5f5f7; }
.docs-reading #main .help-nav a { display:inline-flex; align-items:center; min-height:42px; padding:8px 17px; border:0; border-radius:999px; background:#fff; color:#0066cc; font-size:13px; }
.docs-reading #main .help-table { margin:22px 0; overflow:hidden; border:1px solid #e8e8ed; border-radius:16px; }
.docs-reading #main .docs-table { width:100%; min-width:0; margin:0; border:0; border-collapse:collapse; table-layout:fixed; font-size:14px; line-height:1.85; }
.docs-reading #main .docs-table caption { padding:15px 20px; color:#6e6e73; font-size:12px; text-align:left; background:#fafafa; }
.docs-reading #main .docs-table th,.docs-reading #main .docs-table td { min-width:0; padding:18px 20px; border:0; border-bottom:1px solid #ededf0; background:transparent; color:#515154; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.docs-reading #main .docs-table thead th { padding-top:14px; padding-bottom:14px; background:#f5f5f7; color:#424245; font-size:12px; font-weight:600; }
.docs-reading #main .docs-table tbody th { color:#1d1d1f; font-weight:600; }
.docs-reading #main .docs-table tbody tr:last-child>* { border-bottom:0; }
.docs-reading #main .docs-file-table thead th:nth-child(1) { width:31%; }
.docs-reading #main .docs-file-table thead th:nth-child(2) { width:23%; }
.docs-reading #main .docs-file-table thead th:nth-child(3) { width:46%; }
.docs-reading #main .docs-table .docs-file-name { color:#1d1d1f; font-weight:600; }
.docs-reading #main .docs-table .docs-cell-value { min-width:0; font-variant-numeric:tabular-nums; }
.docs-reading #main .docs-checksum { display:block; padding:10px 12px; border-radius:8px; background:#f5f5f7; color:#626269; font:11.5px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; white-space:normal; user-select:all; }
.docs-reading #main .docs-cell-label { display:none; }
.docs-reading #main pre { margin:22px 0; padding:22px 24px; border:1px solid #e8e8ed; border-radius:14px; background:#fafafa; color:#515154; font:14px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.docs-reading #main .help-grid { gap:18px; margin:22px 0; }
.docs-reading #main .help-grid article { padding:24px; border:0; border-radius:16px; background:#f5f5f7; }
.docs-reading #main .help-grid article p { margin:10px 0 0; font-size:14px; }
.docs-reading #main .tech-related { margin:30px 0 0; padding:28px 0 0; border-color:#e8e8ed; }
.docs-reading #main .tech-related h2 { margin-bottom:18px; font-size:21px; }
.docs-reading #main .tech-related-links { margin:0; padding:0; gap:14px; list-style:none; }
.docs-reading #main .tech-related-links li+li { margin-top:0; }
.docs-reading #main .tech-related-links a { height:100%; padding:20px; border:1px solid #e8e8ed; border-radius:16px; background:#f8f8fa; font-size:13px; line-height:1.8; }
.docs-reading #main .tech-related-links a:hover { background:#f2f6fb; border-color:#c4d9eb; }
.docs-reading #main :focus-visible { outline:3px solid #0071e3; outline-offset:4px; }
@media(max-width:650px) {
 .docs-reading #main.docs-shell { padding:30px 22px 46px; }
 .docs-reading #main .docs-heading { margin-bottom:28px; }
 .docs-reading #main .docs-heading>nav:not(.help-nav) { margin-bottom:20px; font-size:11px; }
 .docs-reading #main .docs-heading h1 { font-size:32px; line-height:1.25; margin-bottom:18px; }
 .docs-reading #main .docs-heading>.intro { font-size:15px; }
 .docs-reading #main .docs-heading>p { font-size:13px; }
 .docs-reading #main .docs-section,.docs-reading #main .help-page>section { padding:27px 0; }
 .docs-reading #main h2 { font-size:23px; line-height:1.45; margin-bottom:16px; }
 .docs-reading #main h3 { font-size:18px; }
 .docs-reading #main p,.docs-reading #main li { font-size:14px; line-height:1.9; }
 .docs-reading #main .note { margin:18px 0; padding:17px 18px; font-size:13px; }
 .docs-reading #main .help-nav { gap:8px; padding:10px; }
 .docs-reading #main .help-nav a { padding:7px 13px; font-size:12px; }
 .docs-reading #main .help-table { margin:20px 0; overflow:visible; border:0; border-radius:0; }
 .docs-reading #main .docs-table { display:block; table-layout:auto; }
 .docs-reading #main .docs-table caption { display:block; padding:0 2px 12px; background:transparent; font-size:11px; }
 .docs-reading #main .docs-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .docs-reading #main .docs-table tbody { display:grid; gap:12px; }
 .docs-reading #main .docs-table tbody tr { display:block; padding:6px 16px; border:1px solid #e8e8ed; border-radius:14px; background:#fafafa; }
 .docs-reading #main .docs-table tbody td,.docs-reading #main .docs-table tbody th { display:grid; grid-template-columns:minmax(72px,.65fr) minmax(0,1.65fr); gap:14px; width:auto; padding:12px 0; border:0; border-bottom:1px solid #e8e8ed; font-size:13px; line-height:1.8; }
 .docs-reading #main .docs-table tbody tr>:last-child { border-bottom:0; }
 .docs-reading #main .docs-table tbody tr:last-child>* { border-bottom:1px solid #e8e8ed; }
 .docs-reading #main .docs-table tbody tr:last-child>:last-child { border-bottom:0; }
 .docs-reading #main .docs-table .docs-cell-label { display:block; color:#86868b; font-size:11px; font-weight:500; line-height:1.8; padding-top:2px; }
 .docs-reading #main .docs-table .docs-cell-value { display:block; color:#424245; font-weight:400; overflow-wrap:anywhere; }
 .docs-reading #main .docs-table tbody th .docs-cell-value { color:#1d1d1f; font-weight:600; }
 .docs-reading #main .docs-table .docs-hash-cell { grid-template-columns:1fr; gap:7px; }
 .docs-reading #main .docs-checksum { padding:11px 12px; font-size:11.5px; line-height:1.9; background:#eeeef2; }
 .docs-reading #main pre { padding:18px; font-size:12px; }
 .docs-reading #main .help-grid { gap:12px; }
 .docs-reading #main .help-grid article { padding:20px; }
 .docs-reading #main .tech-related { margin-top:24px; }
 .docs-reading #main .tech-related-links { grid-template-columns:1fr; }
 .docs-reading #main .tech-related-links a { padding:18px; }
}