/* Shared, text-first design for support articles only. */
body{--bg:#fff;background:#fff}
.support-article{max-width:1120px}.support-article .article-layout{grid-template-columns:210px minmax(0,1fr);gap:38px}.support-article .article-sidebar{top:108px}.support-article .article-toc{border:0;border-left:1px solid #e4eaf2;border-radius:0;background:transparent;padding:3px 0 3px 18px}.support-article .article-toc>b{font-weight:600;margin-bottom:15px}.support-article .article-toc ol{gap:12px}.support-article .article-toc a{font-size:12px;color:#7a899e;line-height:1.7}.support-article .article-toc a:hover,.support-article .article-toc a:focus-visible{color:#377dff}.support-article:not(.installation-guide) .article-heading{margin-bottom:34px;max-width:820px}.support-article:not(.installation-guide) .article-heading h1{font-size:42px;line-height:1.16;letter-spacing:-1.4px}.support-article .article-body p{line-height:1.9}.support-article .article-body b{font-weight:600}.support-article .article-steps.article-prose{display:block;list-style:decimal outside;counter-reset:none;padding:0 0 0 23px;margin:18px 0 28px}.support-article .article-steps.article-prose>li,.support-article .article-steps.article-prose>li:hover{display:list-item;counter-increment:none;position:static;list-style:decimal outside;padding:0 0 0 6px;margin:0 0 22px;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;transition:none;font-size:14px;line-height:1.9}.support-article .article-steps.article-prose>li:before{content:none;display:none}.support-article .article-steps.article-prose>li::marker{color:#7f90a6;font-size:12px;font-weight:500}.support-article .article-steps.article-prose>li:last-child{margin-bottom:0}.support-article .article-steps.article-prose b{display:block;margin-bottom:3px;font-weight:600}.support-article .article-body .guide-section{margin-top:38px;padding-top:26px;border-top:1px solid #e8edf4;scroll-margin-top:105px}.support-article .article-body h2{font-size:25px;letter-spacing:-.65px}.support-article .article-body .guide-quick>h2{font-size:23px}.support-article .article-body .guide-section p{font-size:15px;line-height:1.9}.support-article .article-sources{background:transparent;border-radius:0;border-top:1px solid #e8edf4;padding:26px 0 0;margin-top:34px}.support-article .article-sources h2{font-size:18px;letter-spacing:-.3px}.support-article .article-related{margin-top:38px;padding-top:26px;border-color:#e8edf4}.support-article .article-related h2{font-size:21px}.support-article .article-related>div{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.support-article .article-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.7;padding:12px 0;border-bottom:1px solid #edf1f6;font-size:12px;color:#4472af}.support-article .article-related a:hover{color:#377dff}.support-article .article-related a svg{width:14px;height:14px;flex-shrink:0}.support-article .article-body .help-panel{margin-top:38px;padding:26px 0 0;border:0;border-top:1px solid #e8edf4;border-radius:0;background:transparent;box-shadow:none}.support-article .article-body .help-panel h2{font-size:21px}.support-article .article-body .help-panel p{font-size:13px}.support-article .article-body .help-panel .btn{margin-top:18px}.support-article .article-body code{overflow-wrap:anywhere}
@media(max-width:1000px){.support-article .article-layout{grid-template-columns:185px minmax(0,1fr);gap:26px}.support-article:not(.installation-guide) .article-heading h1{font-size:38px}}
@media(max-width:760px){.support-article .article-layout{display:block}.support-article .article-sidebar{position:static;margin-bottom:28px}.support-article .article-toc{padding:2px 0 2px 16px}.support-article .article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.support-article .article-body .guide-section{margin-top:30px;padding-top:23px}.support-article .article-body .guide-section p{font-size:14px}.support-article .article-body h2{font-size:23px}}
@media(max-width:600px){.support-article:not(.installation-guide) .article-heading h1{font-size:33px;letter-spacing:-1px}.support-article .article-intro{font-size:14px;line-height:1.85}.support-article .article-steps.article-prose{padding-left:20px}.support-article .article-steps.article-prose>li,.support-article .article-steps.article-prose>li:hover{font-size:13px;padding-left:4px;margin-bottom:20px}.support-article .article-related>div{grid-template-columns:1fr}.support-article .article-body .help-panel p{font-size:12px}}

/* Real interface screenshots, kept as a simple illustrated sequence. */
.support-article .guide-photo-tutorial figure{margin:24px 0 32px}.support-article .guide-photo-tutorial .guide-screenshot-note{font-size:12px;line-height:1.8;color:#7a899e}.guide-screenshot-image{display:block;cursor:zoom-in;border:1px solid #e4eaf2;border-radius:8px;overflow:hidden;background:#fff}.guide-screenshot-image img{display:block;width:100%;height:auto}.guide-photo-tutorial figcaption{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;padding-top:12px;font-size:12px;line-height:1.8;color:#6f8097}.guide-photo-tutorial figcaption>span{max-width:580px}.guide-photo-tutorial figcaption b{color:#377dff;margin-right:4px}.guide-photo-tutorial figcaption>a{flex-shrink:0;color:#377dff;font-size:11px;text-decoration:underline;text-underline-offset:3px}.guide-screenshot-image:focus-visible{outline:3px solid #377dff;outline-offset:4px}@media(max-width:600px){.support-article .guide-photo-tutorial figure{margin:20px 0 26px}.guide-photo-tutorial figcaption{display:block;font-size:12px;padding-top:9px}.guide-photo-tutorial figcaption>a{display:inline-block;margin-top:6px}}
