.blog-article {max-width: 48rem; margin-inline: auto;}
.blog-copy {color: #d4d4d8; font-size: 1.0625rem; line-height: 1.85;}
.blog-copy p + p {margin-top: 1.25rem;}
.blog-copy h2 {color: #f4f4f5; font-size: clamp(1.4rem, 3vw, 1.75rem); font-weight: 700; line-height: 1.3; margin-top: 2.5rem; margin-bottom: 1rem; scroll-margin-top: 2rem;}
.blog-copy ul {list-style: disc; padding-left: 1.5rem; margin-block: 1.25rem;}
.blog-copy ol {list-style: decimal; padding-left: 1.5rem; margin-block: 1.25rem;}
.blog-table-scroll {overflow-x: auto; margin-block: 1.25rem; border: 1px solid #27272a; border-radius: .75rem;}
.blog-table-scroll table {width: 100%; min-width: 26rem; border-collapse: collapse; font-size: .9375rem;}
.blog-table-scroll caption {padding: 1rem; text-align: left; color: #a1a1aa; font-size: .875rem;}
.blog-table-scroll th, .blog-table-scroll td {padding: .85rem 1rem; text-align: left; border-top: 1px solid #27272a;}
.blog-table-scroll thead {background: #18181b; color: #f4f4f5;}
.blog-table-scroll:focus-visible {outline: 2px solid #34d399; outline-offset: 4px;}
.blog-copy li + li {margin-top: .65rem;}
.blog-toc ol {list-style: decimal; padding-left: 1.25rem;}
.blog-toc li + li {margin-top: .65rem;}
.blog-toc a {color: #d4d4d8; text-decoration: underline; text-underline-offset: .2em;}
.blog-toc a:hover {color: #34d399;}
a:focus-visible {outline: 2px solid #34d399; outline-offset: 5px;}