/* Editorial tutorial, scoped to preserve the existing marketing and app styles. */
.tutorial-document{scroll-behavior:auto}
.qr-tutorial{--tutorial-ink:#172440;--tutorial-blue:#1747e8;--tutorial-muted:#526078;--tutorial-line:#dce2ed;max-width:1240px;margin:0 auto;padding:0 40px;color:var(--tutorial-ink)}
.qr-tutorial a:not(.button){color:var(--tutorial-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.qr-tutorial a:focus-visible,.qr-tutorial summary:focus-visible{outline:3px solid var(--tutorial-blue);outline-offset:5px;border-radius:3px}
.qr-tutorial .tutorial-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr);align-items:center;gap:65px;padding:54px 0 60px}
.qr-tutorial .tutorial-back{display:inline-block;margin-bottom:45px;font-size:13px;font-weight:550;text-decoration:none!important}
.qr-tutorial .tutorial-kicker{font-size:10px;font-weight:750;line-height:1.5;letter-spacing:.14em;color:var(--tutorial-blue);margin:0 0 16px}
.qr-tutorial h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,4.6vw,65px);line-height:1.04;letter-spacing:-.055em;font-weight:400;margin:0 0 24px;max-width:650px}
.qr-tutorial .tutorial-deck{font-size:18px;line-height:1.7;max-width:570px;color:var(--tutorial-muted);margin:0 0 24px}
.qr-tutorial .tutorial-byline{font-size:12px;font-weight:600;color:var(--tutorial-muted);margin:0}
.qr-tutorial .tutorial-outcome{background:#172440;color:white;border-radius:18px;padding:33px 31px 27px;position:relative;overflow:hidden}
.qr-tutorial .tutorial-outcome:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff17;border-radius:50%;right:-55px;top:-55px;pointer-events:none}
.qr-tutorial .tutorial-outcome-label{color:#c8d6ff;font-size:9px;letter-spacing:.14em;font-weight:650;position:relative}
.qr-tutorial .tutorial-outcome h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:36px;line-height:1.12;letter-spacing:-.04em;margin:16px 0 27px;color:white}
.qr-tutorial .tutorial-outcome ol{padding:0;margin:0;list-style:none}
.qr-tutorial .tutorial-outcome li{display:flex;gap:15px;align-items:center;padding:16px 0;border-top:1px solid #ffffff25}
.qr-tutorial .tutorial-outcome li>span{font-size:12px;color:#b5c7ff;border:1px solid #ffffff30;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.qr-tutorial .tutorial-outcome strong{display:block;font-size:14px;font-weight:600}
.qr-tutorial .tutorial-outcome small{display:block;font-size:11px;color:#c5cddd;margin-top:4px}
.qr-tutorial .tutorial-outcome>p{font-size:11px;line-height:1.75;color:#c5cddd;margin:15px 0 0;padding-top:16px;border-top:1px solid #ffffff25}
.qr-tutorial .tutorial-contents{display:flex;gap:11px 20px;flex-wrap:wrap;align-items:center;padding:22px 0;border-block:1px solid var(--tutorial-line)}
.qr-tutorial .tutorial-contents>span{font-size:9px;font-weight:750;letter-spacing:.12em;margin-right:6px;color:var(--tutorial-muted)}
.qr-tutorial .tutorial-contents>a{font-size:11px;line-height:1.6;text-decoration:none!important;display:flex;align-items:center;min-height:30px}
.qr-tutorial .tutorial-prerequisites{display:grid;grid-template-columns:.8fr 1.35fr;gap:70px;padding:38px;background:#edf1fb;margin:38px 0 0;border-radius:13px;border:1px solid #e2e8f6}
.qr-tutorial .tutorial-prerequisites h2,.qr-tutorial .tutorial-troubleshooting h2{font-size:27px;line-height:1.22;letter-spacing:-.04em;margin:0}
.qr-tutorial .tutorial-prerequisites p:not(.tutorial-kicker){font-size:13px;line-height:1.85;margin:0 0 13px}
.qr-tutorial .tutorial-prerequisites p:last-child{margin-bottom:0}
.qr-tutorial .tutorial-step{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px;align-items:start;padding:58px 0;border-bottom:1px solid var(--tutorial-line);scroll-margin-top:25px}
.qr-tutorial .tutorial-copy{min-width:0}
.qr-tutorial .tutorial-step-number{display:grid;place-items:center;width:39px;height:39px;background:var(--tutorial-blue);color:white;border-radius:50%;font-size:12px;font-weight:650;margin-bottom:19px}
.qr-tutorial .tutorial-step h2{font-size:31px;line-height:1.17;letter-spacing:-.04em;font-weight:650;margin:0 0 22px;max-width:420px}
.qr-tutorial .tutorial-copy>p{font-size:14px;line-height:1.9;margin:0 0 18px;color:#34425c}
.qr-tutorial .tutorial-copy>p:last-child{margin-bottom:0}
.qr-tutorial strong{font-weight:650;color:inherit}
.qr-tutorial code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#eaf0fc;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}
.qr-tutorial .tutorial-example{margin:22px 0;background:#f2f4f9;border-left:3px solid #9bb0f5;padding:17px 20px}
.qr-tutorial .tutorial-example dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:650;color:var(--tutorial-muted);margin:15px 0 4px}
.qr-tutorial .tutorial-example dt:first-child{margin-top:0}
.qr-tutorial .tutorial-example dd{font-size:13px;line-height:1.8;margin:0}
.qr-tutorial .tutorial-figure{margin:70px 0 0;min-width:0}
.qr-tutorial .tutorial-figure>a{display:block;border:1px solid var(--tutorial-line);border-radius:10px;overflow:hidden;background:#f3f5fa;box-shadow:0 12px 35px #1724400a}
.qr-tutorial .tutorial-figure img{width:100%;height:auto;display:block}
.qr-tutorial .tutorial-figure figcaption{font-size:11px;line-height:1.7;color:var(--tutorial-muted);padding:14px 3px 0}
.qr-tutorial .tutorial-figure figcaption>span{display:block;color:var(--tutorial-blue);font-size:9px;font-weight:750;letter-spacing:.11em;margin-bottom:5px}
.qr-tutorial .tutorial-step-text{grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:80px}
.qr-tutorial .tutorial-step-text .tutorial-copy>p{max-width:680px}
.qr-tutorial .tutorial-note{border-left:2px solid #9cb2f4;padding:3px 0 3px 20px;margin-top:65px}
.qr-tutorial .tutorial-note>strong{font-size:14px;line-height:1.6}
.qr-tutorial .tutorial-note p{font-size:12px;line-height:1.85;margin:9px 0 0;color:var(--tutorial-muted)}
.qr-tutorial .tutorial-sign-copy{font-size:17px;line-height:1.6;letter-spacing:-.02em;padding:18px 22px;margin:23px 0;background:#eaf0e9;border-radius:8px;color:#244638}
.qr-tutorial .tutorial-sign-copy strong{font-weight:500;font-size:14px;letter-spacing:0}
.qr-tutorial .tutorial-checklist{list-style:none;padding:0;margin:22px 0}
.qr-tutorial .tutorial-checklist li{position:relative;padding:0 0 17px 30px;font-size:13px;line-height:1.85;color:#34425c}
.qr-tutorial .tutorial-checklist li:before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border:1.5px solid #7a8bb4;border-radius:3px;background:#f3f6fc}
.qr-tutorial .tutorial-checklist li:last-child{padding-bottom:0}
.qr-tutorial .tutorial-mobile-figure{max-width:305px;margin:0 auto;width:100%}
.qr-tutorial .tutorial-mobile-figure>a{border-radius:18px;border-width:6px;border-color:#172440;box-shadow:0 14px 40px #17244014}
.qr-tutorial .tutorial-test-step{align-items:center}
.qr-tutorial .tutorial-troubleshooting{display:grid;grid-template-columns:.8fr 1.35fr;gap:70px;padding:50px 0}
.qr-tutorial .tutorial-troubleshooting details{border:0;border-bottom:1px solid var(--tutorial-line);padding:0;margin:0}
.qr-tutorial .tutorial-troubleshooting summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.7;padding:17px 0;list-style:revert}
.qr-tutorial .tutorial-troubleshooting details:first-child summary{padding-top:0}
.qr-tutorial .tutorial-troubleshooting details p{font-size:13px;line-height:1.85;color:var(--tutorial-muted);margin:0;padding:0 0 20px}
.qr-tutorial .tutorial-next{background:#e9eedf;border:1px solid #dce4cf;border-radius:14px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:60px}
.qr-tutorial .tutorial-next .tutorial-kicker{color:#426440;margin-bottom:10px}
.qr-tutorial .tutorial-next h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:0 0 10px}
.qr-tutorial .tutorial-next p:not(.tutorial-kicker){max-width:535px;font-size:13px;line-height:1.8;color:#344b34;margin:0}
.qr-tutorial .tutorial-next .button{font-size:12px;white-space:normal;text-align:center;flex-shrink:0;max-width:285px}
@media(max-width:1050px){.qr-tutorial{padding-inline:30px}.qr-tutorial .tutorial-hero{gap:35px}.qr-tutorial .tutorial-step{gap:30px}.qr-tutorial .tutorial-prerequisites,.qr-tutorial .tutorial-troubleshooting{gap:35px}.qr-tutorial .tutorial-step-text{gap:35px}.qr-tutorial .tutorial-next{align-items:flex-start;flex-direction:column;gap:22px}.qr-tutorial .tutorial-contents{gap:10px 16px}}
@media(max-width:760px){.qr-tutorial{padding-inline:23px}.qr-tutorial .tutorial-hero{grid-template-columns:1fr;gap:33px;padding-top:27px;padding-bottom:35px}.qr-tutorial .tutorial-back{margin-bottom:30px}.qr-tutorial h1{font-size:clamp(42px,7.5vw,59px);max-width:600px}.qr-tutorial .tutorial-deck{font-size:16px}.qr-tutorial .tutorial-outcome{padding:27px}.qr-tutorial .tutorial-outcome h2{font-size:31px}.qr-tutorial .tutorial-outcome ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.qr-tutorial .tutorial-outcome li{display:block;padding-bottom:0}.qr-tutorial .tutorial-outcome li>span{margin-bottom:12px}.qr-tutorial .tutorial-outcome strong{font-size:12px}.qr-tutorial .tutorial-outcome small{font-size:10px;line-height:1.6}.qr-tutorial .tutorial-prerequisites{grid-template-columns:1fr;gap:18px;padding:26px;margin-top:28px}.qr-tutorial .tutorial-prerequisites .tutorial-kicker{margin-bottom:10px}.qr-tutorial .tutorial-step,.qr-tutorial .tutorial-step-text{grid-template-columns:1fr;gap:26px;padding:38px 0}.qr-tutorial .tutorial-step h2{max-width:560px;font-size:29px;margin-bottom:18px}.qr-tutorial .tutorial-step-number{margin-bottom:17px}.qr-tutorial .tutorial-copy>p{font-size:14px;line-height:1.85}.qr-tutorial .tutorial-figure{margin-top:0}.qr-tutorial .tutorial-note{margin-top:0}.qr-tutorial .tutorial-mobile-figure{max-width:305px}.qr-tutorial .tutorial-troubleshooting{grid-template-columns:1fr;gap:25px;padding:36px 0}.qr-tutorial .tutorial-next{padding:27px;margin-bottom:35px}.qr-tutorial .tutorial-contents{padding-block:17px;gap:3px 18px}.qr-tutorial .tutorial-contents>span{width:100%;margin-bottom:5px}.qr-tutorial .tutorial-contents>a{min-height:37px;font-size:11px}}
@media(max-width:390px){.qr-tutorial{padding-inline:18px}.qr-tutorial h1{font-size:40px}.qr-tutorial .tutorial-outcome{padding:24px}.qr-tutorial .tutorial-outcome ol{grid-template-columns:1fr;gap:0}.qr-tutorial .tutorial-outcome li{display:flex;gap:14px;padding:12px 0}.qr-tutorial .tutorial-outcome li>span{margin:0}.qr-tutorial .tutorial-outcome strong{font-size:13px}.qr-tutorial .tutorial-outcome small{font-size:11px}.qr-tutorial .tutorial-prerequisites{padding:23px}.qr-tutorial .tutorial-example{padding:16px}.qr-tutorial .tutorial-next{padding:23px}.qr-tutorial .tutorial-next .button{max-width:100%;width:100%}}
@media print{.qr-tutorial{padding:0;max-width:none}.qr-tutorial .tutorial-hero{padding-top:0;gap:25px}.qr-tutorial .tutorial-back,.qr-tutorial .tutorial-contents,.qr-tutorial .tutorial-next .button{display:none}.qr-tutorial h1{font-size:36px}.qr-tutorial .tutorial-step{padding:22px 0;gap:25px;break-inside:avoid}.qr-tutorial .tutorial-figure{margin-top:0}.qr-tutorial .tutorial-figure>a{box-shadow:none}.qr-tutorial .tutorial-outcome{background:#f1f3f7;color:#172440;border:1px solid #dce2ed}.qr-tutorial .tutorial-outcome h2,.qr-tutorial .tutorial-outcome strong{color:#172440}.qr-tutorial .tutorial-outcome-label,.qr-tutorial .tutorial-outcome small,.qr-tutorial .tutorial-outcome>p{color:#526078}.qr-tutorial .tutorial-outcome li>span{color:#1747e8}.qr-tutorial .tutorial-mobile-figure{max-width:210px}.qr-tutorial .tutorial-next{margin-bottom:0}.qr-tutorial .tutorial-note{margin-top:25px}}