.seo-table-scroll { overflow-x: auto; margin: 1.5rem 0; border: 1px solid #414454; border-radius: 10px; }
.seo-table-scroll:focus-visible { outline: 2px solid #00e68a; outline-offset: 4px; }
.seo-table { width: 100%; min-width: 560px; border-collapse: collapse; color: #c9cbd6; line-height: 1.65; }
.seo-table caption { text-align: left; padding: 1rem; color: #dce1ea; font-weight: 600; }
.seo-table th, .seo-table td { padding: 1rem; text-align: left; vertical-align: top; border-top: 1px solid #414454; }
.seo-table thead th { background: #202634; color: #fff; }
.seo-table tbody th { width: 24%; color: #fff; }
.seo-source-note { font-size: .9rem; line-height: 1.7; }
.seo-guide { max-width: 800px; margin: 2rem auto 4rem; padding: 0 24px; color: #c9cbd6; line-height: 1.8; }
.seo-guide h2, .seo-guide h3 { color: #fff; margin: 1.5rem 0 .75rem; }
.seo-guide ol { padding-left: 1.5rem; }
.seo-guide li { margin-bottom: .75rem; }
.seo-guide p { margin: 0 0 1rem; }
.seo-guide a { color: #00e68a; text-decoration: underline; text-underline-offset: .15em; }
.seo-walkthrough-image { margin: 1.5rem 0; }
.seo-walkthrough-image img { display: block; width: 100%; height: auto; border: 1px solid #414454; border-radius: 8px; }
.seo-walkthrough-image figcaption { margin-top: .6rem; color: #b8bdc9; font-size: .9rem; }