/* Guided walkthrough pages: numbered steps with full-width screenshots. */
.wt-step{margin:0 0 12px}
.wt-step .detail-heading{margin-bottom:18px}
.wt-lead{margin:0 0 18px;max-width:76ch;color:var(--muted);font-size:.92rem;line-height:1.65}
.wt-actions{margin:0 0 22px;padding:0;list-style:none;counter-reset:wt}
.wt-actions li{position:relative;margin:0 0 10px;padding:0 0 0 34px;font-size:.88rem;line-height:1.6;counter-increment:wt}
.wt-actions li::before{content:counter(wt);position:absolute;left:0;top:1px;display:flex;align-items:center;
 justify-content:center;width:22px;height:22px;border:1px solid var(--line);border-radius:6px;background:#0e171e;
 color:var(--cyan);font:700 11px monospace}
.wt-actions code,.wt-lead code,.wt-result code{padding:1px 6px;border:1px solid var(--line);border-radius:5px;
 background:#0e171e;font-size:.82em}
.wt-shot{margin:0 0 22px}
.wt-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;
 background:#0e171e;box-shadow:0 24px 60px #0009}
.wt-shot figcaption{margin-top:10px;color:var(--muted);font-size:.78rem;line-height:1.5}
.wt-result{margin:0;padding:16px 20px;border:1px solid var(--line);border-left:2px solid var(--cyan);
 border-radius:0 12px 12px 0;background:#0e171e;font-size:.86rem;line-height:1.6}
.wt-result b{color:var(--cyan);display:block;margin-bottom:5px;font:700 10px monospace;text-transform:uppercase;
 letter-spacing:.06em}
@media(max-width:800px){.wt-actions li{padding-left:28px}.wt-shot img{border-radius:10px}}

/* Step captures as a compact grid */
.wt-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 26px}.wt-gallery.cols-1{grid-template-columns:minmax(0,1fr);max-width:760px}.wt-gallery.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wt-gallery .wt-shot{margin:0}.wt-gallery .wt-shot img{width:100%;height:auto;border:1px solid var(--line)}.wt-gallery .wt-shot figcaption{font-size:.72rem}@media(max-width:900px){.wt-gallery,.wt-gallery.cols-3{grid-template-columns:minmax(0,1fr)}}