/* Extra styles for the step-by-step guide posts. Uses the site's theme variables, so light and dark mode both work. */
.blog-body .post-figure{margin:26px 0;padding:0;background:none;border:0;box-shadow:none}
.blog-body .post-figure img{max-width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--border);background:#fff}
.blog-body .post-figure.hero img{border:0}
.blog-body .standfirst{font-size:18px;line-height:1.7;color:var(--text-primary)}
.blog-body .post-toc{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 22px;margin:26px 0}
.blog-body .post-toc .toc-title{font-weight:700;margin:0 0 8px;color:var(--text-primary)}
.blog-body .post-toc ol{margin:0 0 0 22px}
.blog-body .post-toc li{margin:4px 0}
.blog-body .table-wrap{overflow-x:auto;margin:22px 0;-webkit-overflow-scrolling:touch}
.blog-body .table-wrap .blog-table{margin:0;min-width:480px}
.blog-body .table-wrap .blog-table th{background:var(--card-hover);color:var(--text-primary);border-bottom:2px solid var(--border)}
.blog-body .table-wrap .blog-table td{border-bottom:1px solid var(--border);vertical-align:top}
.blog-body p a,.blog-body li a{text-decoration:underline;text-underline-offset:2px}
.blog-body .post-related{margin-top:36px}
.blog-body .post-related ul{margin:0 0 18px 22px}