.review-state{padding:12px 24px;border-bottom:1px solid var(--line);background:var(--white);color:var(--muted);font-size:.875rem;text-align:center}
.tutorial-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:64px;padding:64px 0 48px;max-width:1040px}
.tutorial-intro h1{font-size:clamp(2.5rem,4.8vw,4.25rem)}
.tutorial-intro p:not(.eyebrow){max-width:66ch;margin-top:20px}
.tutorial-lead{font-size:1.2rem}
.tutorial-guide{width:220px;max-height:330px;object-fit:contain}
.before-start{border-block:1px solid var(--line);padding:24px 0;max-width:900px}
.before-start h2{font-family:var(--sans);font-size:1.1rem;letter-spacing:0;line-height:1.4;font-weight:600;margin-bottom:8px}
.before-start p{max-width:72ch}
.tutorial-step{padding:48px 0;border-bottom:1px solid var(--line);max-width:900px;scroll-margin-top:24px}
.step-heading{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}
.step-heading h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.step-number{font-size:.85rem;color:var(--copper);font-weight:600;font-variant-numeric:tabular-nums}
.tutorial-step>p,.provider-route>p{max-width:72ch;margin-top:16px}
.tutorial-step blockquote{max-width:66ch;margin:24px 0;padding:18px 22px;border-left:2px solid var(--copper);background:var(--white);font-size:1.1rem;color:var(--ink)}
.tutorial-step>h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:20px}
.tutorial-step h3{font-size:1.2rem;font-weight:600;margin-top:28px;margin-bottom:8px}
.tutorial-step a:not(.route-choices a){text-decoration:underline;text-underline-offset:3px}
.editor-gap{max-width:72ch;margin:18px 0;padding:12px 16px;border-left:2px solid var(--copper);background:var(--white);color:var(--muted);font-size:.9rem}
.capture-slot{margin:24px 0 28px}
.capture-gap{padding:28px 24px;min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px dashed var(--line);border-radius:6px;text-align:center;color:var(--muted);font-size:.95rem}
.capture-slot figcaption{max-width:75ch;margin-top:10px;color:var(--muted);font-size:.9rem;line-height:1.5}
.capture-slot img{width:100%;height:auto;border:1px solid var(--line);border-radius:6px}
.step-result{font-weight:600;color:var(--ink)}
.route-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 32px}
.route-choices a{display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:14px 18px;border:1px solid var(--line);border-radius:6px;background:var(--white)}
.route-choices a:hover{border-color:var(--copper)}
.route-choices strong{font-weight:600;line-height:1.4}
.route-choices span{font-size:.85rem;color:var(--muted)}
.provider-route{padding:4px 0 12px;scroll-margin-top:24px}
.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;font-size:.9rem}
@media(max-width:700px){.tutorial-intro{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:36px}.tutorial-intro h1{font-size:clamp(2.2rem,9vw,3.2rem)}.tutorial-intro h1 br{display:none}.tutorial-guide{width:140px;max-height:210px;justify-self:center}.route-choices{grid-template-columns:minmax(0,1fr);gap:10px}.route-choices a{min-height:64px}.tutorial-step{padding:36px 0}.tutorial-footer{align-items:flex-start;flex-direction:column;gap:4px}.header-inner{gap:16px}.header-inner>.text-link{font-size:.85rem}.review-state{padding:12px 18px;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.connection-steps{max-width:72ch;margin:20px 0;padding-left:24px}.connection-steps li{padding-left:4px;margin-top:16px}.connection-steps a{text-decoration:underline;text-underline-offset:3px}

.tutorial-help{max-width:900px;padding:36px 0}.tutorial-help h2{font-size:1.5rem;margin-bottom:16px}.tutorial-help details{border-top:1px solid var(--line);padding:8px 0}.tutorial-help summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:600}.tutorial-help details p{max-width:72ch;padding:8px 0 16px}.tutorial-help a{text-decoration:underline;text-underline-offset:3px}