/* Shared layout for ScanApp HTML how-to guides. */
.howto-heading .wrap{padding-top:32px;padding-bottom:44px}
.howto-breadcrumb{display:flex;flex-direction:row;width:auto;padding:0;gap:12px;align-items:center;font-size:14px;margin-bottom:30px}
.howto-breadcrumb a{color:#ddd;text-decoration:none;font-weight:400;padding:0;border:0}
.howto-breadcrumb>*{border:0}
.howto-breadcrumb a:hover{text-decoration:underline}
.howto-eyebrow{color:#fff;font-size:14px;font-weight:800;letter-spacing:.12em;border-left:4px solid var(--red);padding-left:12px;margin:0 0 16px}
.howto-heading h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0 0 16px;max-width:850px}
.howto-heading .lead{margin:0;color:#ddd}
.howto-content{max-width:1000px;padding-top:36px}
.howto-content a{color:var(--red);font-weight:700;text-underline-offset:3px}
.howto-before{background:var(--soft);border-left:5px solid var(--red);padding:24px 28px}
.howto-content .howto-before h2,.howto-content .howto-help h2{font-size:23px;margin:0 0 10px}
.howto-before p,.howto-help p{margin:0}
.howto-signin{margin:30px 0 8px;font-size:18px}
.howto-steps{list-style:none;counter-reset:howto-step;margin:0;padding:0}
.howto-steps>li{counter-increment:howto-step;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}
.howto-steps>li::before{content:counter(howto-step);background:var(--red);color:#fff;font-weight:800;font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.howto-step-copy h2{font-size:26px;margin:5px 0 10px}
.howto-step-copy p{margin:0}
.howto-figure{margin:24px 0 0;max-width:560px}
.howto-figure img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.howto-figure figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.howto-help{margin:32px 0 26px;padding:24px 28px;background:var(--soft)}
.howto-back{display:inline-block}
.howto-page a:focus-visible{outline:3px solid var(--red);outline-offset:4px}
@media(max-width:600px){.howto-heading .wrap{padding-top:24px;padding-bottom:32px}.howto-breadcrumb{display:flex;margin-bottom:24px}.howto-content{padding-top:26px}.howto-before,.howto-help{padding:20px}.howto-steps>li{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:26px 0}.howto-steps>li::before{width:36px;height:36px;font-size:20px}.howto-step-copy h2{font-size:23px;margin-top:3px}.howto-signin{font-size:17px}}