/* One tutorial stylesheet, shared by the HTU and Shopify manual previews. */
.prose .fido-quick-start figure { margin:1.3em 0; max-width:700px; }
.prose .fido-quick-start .fido-shot { display:block; width:100%; max-width:700px; height:auto; border-radius:8px; cursor:zoom-in; }
.prose .fido-quick-start .fido-device { max-width:280px; }
.prose .fido-quick-start figcaption { color:var(--text-2); font-size:13px; line-height:1.6; margin-top:10px; }
.prose .fido-quick-start .small { font-size:13px; }
.prose .fido-quick-start .fido-dialog { max-width:560px; }
.prose .fido-quick-start .fido-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.prose .fido-quick-start .fido-columns > * { min-width:0; }
.prose .fido-quick-start .fido-columns h4 { margin:1.3em 0 .5em; }
.prose .fido-quick-start .fido-feedback { margin:1.6em 0; }
.prose .fido-quick-start h2, .prose .fido-quick-start h3, #authnkey, #ykman { scroll-margin-top:calc(var(--nav-h) + 20px); }
@media (max-width:640px) { .prose .fido-quick-start .fido-columns { grid-template-columns:1fr; gap:8px; } }