/* deploy-guide steps */
.cards.two { grid-template-columns:repeat(2,1fr); }
@media (max-width:560px) { .cards.two { grid-template-columns:minmax(0,1fr); } }
.step { scroll-margin-top:24px; margin-top:56px; }
.step:first-of-type { margin-top:0; }
.stephead { display:flex; align-items:center; gap:16px; margin-bottom:14px; }
.stephead .num {
  display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
  width:40px; height:40px; border-radius:50%; background:var(--purple); color:var(--navy);
  font-weight:600; font-size:1.1rem;
}
.stephead h2 { margin:0; }
.step .cards { margin-top:18px; }
ol.report { padding-left:22px; margin:0 0 1em; }
ol.report li { margin-bottom:10px; }

.guide-layout { display:grid; grid-template-columns:200px minmax(0,1fr); gap:48px; align-items:start; }
.guide-toc { position:sticky; top:105px; display:grid; gap:4px; border-left:1px solid var(--panel-border); padding-left:20px; }
.guide-toc a { padding:8px 0; color:var(--ink-soft); text-decoration:none; font-size:.875rem; }
.guide-toc a:hover { color:var(--purple); }
.guide-toc a span { color:var(--purple); margin-right:8px; font-size:.75rem; }
.guide-content { min-width:0; }
.step { padding-top:32px; margin-top:32px; border-top:1px solid var(--panel-border); }
.stephead h2 { font-size:clamp(1.25rem,2.4vw,1.6rem); }
.step .checks li, .step .dashes li { margin-bottom:14px; }
.step p, .step li { overflow-wrap:anywhere; }
.cards.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.video-chapters { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:1080px; width:100%; margin:-16px auto 0; }
.video-chapters a { display:flex; gap:12px; padding:12px 16px; border:1px solid var(--panel-border); border-radius:10px; color:var(--ink-soft); background:rgba(26,27,56,.75); text-decoration:none; font-size:.8rem; }
.video-chapters a:hover { border-color:var(--purple); color:var(--ink); }
.video-chapters a span { color:var(--purple); font-variant-numeric:tabular-nums; }
.before-install { padding-top:32px; }
@media (max-width:900px) {
  .guide-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .guide-toc { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-toc .eyebrow { grid-column:1 / -1; }
}
@media (max-width:700px) {
  .video-chapters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cards.two { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:420px) {
  .video-chapters { grid-template-columns:minmax(0,1fr); }
}