/* Historical official tutorial: keep interface screenshots complete and readable. */
.cnf-guide-step{display:block!important;padding-block:clamp(2rem,5vw,4rem)!important;scroll-margin-top:6rem}
.cnf-guide-step .cnf-guide-inner,.cnf-guide-overview{width:min(100% - 2.5rem,68rem)!important;max-width:68rem!important;margin-inline:auto!important;display:block!important}
.cnf-guide-copy{max-width:54rem;margin:0 auto 1.5rem;min-width:0}.cnf-guide-copy p{max-width:none}.cnf-guide-copy h2{max-width:none}
.cnf-guide-copy .cnf-phase{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}
.cnf-guide-figure{display:block;width:100%;max-width:68rem;margin:1.7rem auto 0;padding:0;border:0;background:transparent}
.cnf-guide-figure>a:first-child{display:block}.cnf-guide-figure img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0}
.cnf-guide-figure figcaption{font-size:.94rem;line-height:1.65;margin:.8rem 0;max-width:58rem}.cnf-guide-full{display:inline-block;padding:.5rem 0;text-decoration:underline}
.cnf-guide-overview{padding-block:2rem}.cnf-guide-overview ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem 2rem;padding-left:1.5rem;line-height:1.6}.cnf-guide-overview li{padding-right:.3rem}.cnf-guide-overview a{overflow-wrap:anywhere}
.cnf-guide-video{margin-top:1.6rem}.cnf-guide-video summary{cursor:pointer;text-decoration:underline;padding:.7rem 0}.cnf-guide-video video{display:block;width:100%;height:auto;max-height:40rem;aspect-ratio:16/9;background:#141414}.cnf-guide-video p{max-width:55rem}
.cnf-guide-alias{display:block;scroll-margin-top:6rem}
@media(max-width:600px){.cnf-guide-overview ol{grid-template-columns:1fr}.cnf-guide-step .cnf-guide-inner,.cnf-guide-overview{width:calc(100% - 2rem)!important}.cnf-guide-copy h2{font-size:1.65rem!important;line-height:1.25!important}.cnf-guide-figure figcaption{font-size:.9rem}.cnf-guide-full{padding:.7rem 0}}