.tutorial-main{padding-top:32px}.tutorial-copy{max-width:100%}.tutorial-copy>h1{background:linear-gradient(110deg,#d5a31c,#f0d481 55%,#fff8e7);border:0;padding:24px 28px;text-align:center;line-height:1.3}.tutorial-crumbs{font-size:15px;color:#766746;margin-bottom:20px}.tutorial-toc{padding:20px 24px;background:var(--accent-pale);border:1px solid #d7c28b;margin:25px 0}.tutorial-toc strong{display:block;margin-bottom:10px}.tutorial-toc ul{columns:2;margin:0;padding-left:22px;column-gap:30px}.tutorial-toc a{font-size:16px}.tutorial-copy h2.section-heading{font-size:28px;margin-top:32px}.tutorial-step{background:linear-gradient(135deg,#fffdf7,#fcf7e9);border:1px solid #d9cba9;margin:20px 0 26px;padding:25px 28px;border-radius:8px}.tutorial-step>h3{margin:0 0 20px;color:#594416;font-size:26px}.tutorial-step-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:32px;align-items:center}.tutorial-step-body p:first-child{margin-top:0}.tutorial-figure{margin:0;text-align:center}.tutorial-figure img{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:8px}.tutorial-figure figcaption{font-size:13px;line-height:1.5;margin:12px 0 0;color:#716344}.tutorial-step:first-of-type .tutorial-step-body{grid-template-columns:1fr 1fr}.tutorial-copy code{font-size:.91em;overflow-wrap:anywhere}.tutorial-copy .table-scroll{margin:20px 0 28px}.tutorial-faq{padding:8px 0 10px}.tutorial-faq h3{font-size:23px}.tutorial-copy>p{max-width:980px}.tutorial-copy>ul{padding-left:26px}
@media(max-width:700px){.tutorial-main{padding-top:24px}.tutorial-copy>h1{font-size:29px;padding:22px 16px}.tutorial-toc{padding:18px}.tutorial-toc ul{columns:1}.tutorial-step{padding:20px 16px}.tutorial-step>h3{font-size:23px}.tutorial-step-body,.tutorial-step:first-of-type .tutorial-step-body{grid-template-columns:1fr;gap:20px}.tutorial-figure img{max-width:360px}.tutorial-step:first-of-type .tutorial-figure img{max-width:100%}.tutorial-copy h2.section-heading{font-size:25px}.tutorial-copy table{min-width:480px}.tutorial-faq h3{font-size:21px}}