/* A compact, persistent guide navigation shared by desktop and phone layouts. */
.visual-guide-page{--guide-stepbar-height:60px}
.visual-guide-page .guide-intro{padding-bottom:6px}
.visual-guide-page .guide-stepbar{position:sticky;top:var(--review-toolbar-height,66px);z-index:35;padding:8px 0;margin-bottom:18px;background:#F5F5F3;border-bottom:1px solid #DDE2E8;box-shadow:0 4px 10px #26344B07}
.visual-guide-page .guide-stepbar .vg-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,630px);margin:0}
.visual-guide-page .guide-stepbar .vg-chapters>a{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:43px;padding:8px 12px;border:1px solid #D9DFEA;border-radius:9px;background:#FFF;color:#334361;text-decoration:none}
.visual-guide-page .guide-stepbar .vg-chapters>a:hover{border-color:#8298D1;background:#F4F7FD}
.visual-guide-page .guide-stepbar .vg-chapters>a:focus-visible{outline:3px solid #AEC3FF;outline-offset:2px}
.visual-guide-page .guide-stepbar .vg-chapters>a[aria-current="step"]{color:#FFF;background:#354FAE;border-color:#354FAE}
.visual-guide-page .guide-stepbar .quickstart-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:23px;height:23px;border:0;border-radius:50%;background:#EDF1F9;color:#4C5D80;font-size:12px;line-height:1;font-weight:600}
.visual-guide-page .guide-stepbar a[aria-current="step"] .quickstart-number{background:#FFFFFF26;color:#FFF}
.visual-guide-page .guide-stepbar .vg-chapters strong{min-width:0;font-size:16px;line-height:1.3;font-weight:600;white-space:nowrap}
.visual-guide-page #guide-download,.visual-guide-page #guide-import,.visual-guide-page #guide-nfc,.visual-guide-page #guide-files,.visual-guide-page #guide-auto{scroll-margin-top:calc(var(--review-toolbar-height,66px) + var(--guide-stepbar-height) + 16px)}
.vg-transfer-manual-visible>h4{margin:0;font-size:16px;line-height:1.5;font-weight:650;color:#42677B}
@container site (max-width:720px){
  .visual-guide-page{--guide-stepbar-height:58px}
  .visual-guide-page .guide-stepbar{padding:7px 0;margin-bottom:14px}
  .visual-guide-page .guide-stepbar .vg-chapters{gap:5px;width:100%}
  .visual-guide-page .guide-stepbar .vg-chapters>a{min-height:43px;padding:8px 5px;gap:6px;border-radius:8px}
  .visual-guide-page .guide-stepbar .quickstart-number{width:20px;height:20px;font-size:11px}
}
@container site (max-width:420px){
  .visual-guide-page .guide-stepbar .vg-chapters{grid-template-columns:1.35fr 1fr .8fr;gap:4px}
  .visual-guide-page .guide-stepbar .vg-chapters>a{padding-inline:2px;gap:3px}
  .visual-guide-page .guide-stepbar .quickstart-number{width:18px;height:18px}
}
@media print{.visual-guide-page .guide-stepbar{position:static;box-shadow:none}}