/* Tables and worksheets, scoped to the guides that load this file. */
.article-table-wrap { max-width: 100%; overflow-x: auto; margin: 24px 0; border: 1px solid #d7e0e8; border-radius: 12px; background: #fff; }
.article-table-wrap:focus-visible { outline: 3px solid #0077a8; outline-offset: 3px; }
.article-table { width: 100%; min-width: 560px; border-collapse: collapse; color: #263645; font-size: 1rem; line-height: 1.65; }
.article-table caption { max-width: calc(100vw - 112px); padding: 16px; text-align: left; font-weight: 800; color: #123b50; }
.article-table th, .article-table td { padding: 14px 16px; border-top: 1px solid #d7e0e8; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.article-table thead th { background: #edf4f8; color: #123b50; }
.article-table tbody th { width: 24%; min-width: 156px; font-weight: 750; overflow-wrap: normal; }
.article-table td { min-width: 156px; }
.article-note { padding: 18px 20px; border-left: 4px solid #0077a8; background: #edf4f8; border-radius: 0 8px 8px 0; color: #263645; line-height: 1.7; }
.article-checklist { list-style: none; padding: 0; display: grid; gap: 14px; }
.article-checklist li { padding: 18px; border: 1px solid #d7e0e8; border-radius: 12px; background: #fff; }
.article-checklist label { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; line-height: 1.7; }
.article-checklist input { accent-color: #0077a8; width: 20px; height: 20px; flex: 0 0 20px; margin-top: 4px; }
.article-checklist input:focus-visible { outline: 3px solid #0077a8; outline-offset: 3px; }
.article-checklist small { display: block; margin-top: 6px; }
.article-steps { padding-left: 24px; line-height: 1.8; }
.article-steps li + li { margin-top: 14px; }
.article-updated { font-size: .9rem; color: #506273; }