/* Product tutorials: scoped additions to the existing blog design. */
.blog-page .tutorial .tutorial-meta{font-size:14px;color:var(--text2);margin-bottom:24px}
.blog-page .tutorial .tutorial-lead{font-size:21px;line-height:1.55}
.blog-page .tutorial .tutorial-kit{padding:22px;border:1px solid #e0c7b5;border-radius:12px;background:#fff3e9;margin-block:28px}
.blog-page .tutorial .tutorial-kit p{margin:10px 0 0}
.blog-page .tutorial figure{margin-block:28px;min-width:0}
.blog-page .tutorial figure img{display:block;width:100%;height:auto;border:1px solid var(--border2);border-radius:10px;background:#f7f4ef}
.blog-page .tutorial figcaption{margin-top:12px;font-size:15px;line-height:1.55;color:var(--text2)}
.blog-page .tutorial .tutorial-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:28px}
.blog-page .tutorial .tutorial-compare figure{margin:0}
.blog-page .tutorial .tutorial-single{max-width:440px}
.blog-page .tutorial .tutorial-note{padding:16px 20px;border-left:4px solid var(--accent);background:#fff3e9;margin-block:24px}
.blog-page .tutorial .tutorial-toc{display:block;padding:18px 22px;border:1px solid var(--border2);border-radius:12px;margin-block:28px}
.blog-page .tutorial .tutorial-toc ol{margin:10px 0 0;padding-left:22px}
.blog-page .tutorial .tutorial-toc a{display:inline}
.blog-page .tutorial .tutorial-next{border-top:1px solid var(--border2);margin-top:36px;padding-top:8px}
.blog-page .tutorial .tutorial-next li{margin-block:10px}
.blog-page .tutorial h2[id]{scroll-margin-top:100px}
.blog-page .tutorial kbd{font:inherit;font-size:.9em;padding:2px 5px;border:1px solid #c8b9b1;border-radius:4px;background:#fff}
.blog-page .tutorial a{overflow-wrap:anywhere}
.blog-page .tutorial a:focus-visible{outline:3px solid #9c3712;outline-offset:4px}
@media(max-width:560px){.blog-page .tutorial .tutorial-compare{grid-template-columns:1fr;gap:28px}.blog-page .tutorial .tutorial-lead{font-size:18px}.blog-page .tutorial .tutorial-kit{padding:17px}.blog-page .tutorial h2[id]{scroll-margin-top:130px}}