@font-face{font-family:Bitter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/bitter-v28-latin-700.eot);src:local(""),url(../fonts/bitter-v28-latin-700.eot?#iefix) format("embedded-opentype"),url(../fonts/bitter-v28-latin-700.woff2) format("woff2"),url(../fonts/bitter-v28-latin-700.woff) format("woff"),url(../fonts/bitter-v28-latin-700.ttf) format("truetype"),url(../fonts/bitter-v28-latin-700.svg#Bitter) format("svg")}.page-hero{margin-bottom:2rem;padding-bottom:1.75rem;border-bottom:3px solid var(--navbar-color);text-align:left}.page-hero h1{font-family:Bitter,serif;font-weight:700;font-size:clamp(2rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.02em;text-align:left;margin:0 0 .75rem;color:var(--text-color)}.page-hero h1:only-child{margin-bottom:0}.page-hero .page-subheading{max-width:36em;font-family:var(--font-family);font-size:1.1rem;font-weight:400;line-height:1.5;color:var(--dim-text-color);text-align:left;margin:0}main.tutorial-container{max-width:1000px;margin:0 auto;padding:2.5rem 1.25rem 4rem;font-size:17px;line-height:1.65;color:var(--text-color)}.tutorial-plus-note{margin:-.5rem 0 1.75rem;padding:.85rem 1.1rem;background:var(--canvas-color);border:1px solid var(--border-color);border-radius:8px}.tutorial-plus-note p{margin:0}.tutorial-toc{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;margin:0 0 2.25rem;padding:0;list-style:none}.tutorial-toc a{display:inline-block;padding:.4rem .8rem;font-size:.9rem;line-height:1.3;text-decoration:none;color:var(--text-color);background:var(--bg-color);border:1px solid var(--border-color);border-radius:999px;transition:border-color .15s ease,background-color .15s ease}.tutorial-toc a:focus,.tutorial-toc a:hover{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-color));color:var(--text-color);text-decoration:none}.tutorial-section{margin-bottom:2.75rem;padding:1.75rem 1.5rem 2rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;scroll-margin-top:5rem}@media (min-width:768px){.tutorial-section{padding:2rem 2rem 2.25rem}}.tutorial-section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.tutorial-section-header h2{font-family:Bitter,serif;font-weight:700;font-size:1.45rem;line-height:1.25;margin:0;padding:.1rem 0 .1rem .85rem;border-left:4px solid var(--accent-color)}.tutorial-grid{display:grid;gap:2rem}@media (min-width:900px){.tutorial-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;-ms-flex-align:start;align-items:start}}.tutorial-steps h3,.tutorial-steps h4{font-family:Bitter,serif;font-weight:700}.tutorial-steps h3{margin:1.5rem 0 .75rem;font-size:1.15rem}.tutorial-steps h3:first-child{margin-top:0}.tutorial-steps h4{margin:1.5rem 0 .65rem;font-size:1.02rem}.tutorial-steps>.tutorial-callout+h3{margin-top:1.5rem}.tutorial-steps p{margin-bottom:1rem}.tutorial-steps .kb-btn,.tutorial-steps kbd{color:var(--text-color);background-color:var(--canvas-color);border:1px solid var(--border-color);border-radius:4px;padding:.1rem .4rem;font-size:.88em;font-weight:600;box-shadow:none}.steps-list{margin:0 0 1.25rem;padding-left:1.25rem}.steps-list>li{margin-top:.7rem}.steps-list ul{margin:.45rem 0 .75rem;padding-left:1.1rem;list-style:disc}.tutorial-callout{margin-top:1.25rem;margin-bottom:.25rem;padding:1rem 1.15rem;background:var(--canvas-color);border:1px solid var(--border-color);border-left:4px solid var(--navbar-color);border-radius:0 8px 8px 0;font-size:.97rem}.tutorial-callout p,.tutorial-callout span{margin:0}.tutorial-callout-plus{border-left-color:var(--accent-color)}.tutorial-media{min-width:0}.tutorial-media iframe,.tutorial-media img,.tutorial-media video{display:block;width:100%;max-width:100%;border:1px solid var(--border-color);border-radius:8px;background:var(--canvas-color);box-shadow:var(--surface-box-shadow)}.tutorial-media iframe{aspect-ratio:16/9;height:auto;min-height:220px}.tutorial-media .feature-img+.feature-img{margin-top:1.25rem}.tutorial-tabs .nav-tabs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem;border-bottom:none}.tutorial-tabs .nav-tabs .nav-item{margin:0}.tutorial-tabs .nav-tabs .nav-link{margin:0;padding:.4rem .75rem;font-size:.88rem;line-height:1.3;color:var(--text-color);background:var(--canvas-color);border:1px solid var(--border-color);border-radius:999px;text-decoration:none}.tutorial-tabs .nav-tabs .nav-link:focus,.tutorial-tabs .nav-tabs .nav-link:hover{border-color:var(--accent-color);color:var(--text-color)}.tutorial-tabs .nav-tabs .nav-link.active{color:#1a1a1a;background:var(--accent-color);border-color:var(--accent-color);font-weight:700}.tutorial-tabs .tab-content .tab-pane{display:none}.tutorial-tabs .tab-content .tab-pane.active,.tutorial-tabs .tab-content .tab-pane.show{display:block}.tutorial-welcome{margin:0 0 2rem;padding:1.5rem 1.35rem 1.6rem;background:var(--canvas-color);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--surface-box-shadow)}.tutorial-welcome h2{font-family:Bitter,serif;font-weight:700;font-size:1.6rem;margin:0 0 .75rem;padding-left:.85rem;border-left:4px solid var(--accent-color)}.tutorial-welcome h3{font-family:Bitter,serif;font-weight:700;font-size:1.15rem;margin:1.25rem 0 0}.tutorial-welcome h4{margin:0 0 .85rem;font-size:1.05rem}.tutorial-welcome p{margin-bottom:.55rem}.store-icons{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.75rem;margin:.75rem 0 1rem}.store-icons img{max-width:150px;height:auto}#first-change-container,.alert{display:none}