/* Public walkthrough only. No application, account or tracking behavior. */
.walkthrough-controls[hidden], .selfserve-step-list > li[hidden] { display: none !important; }
.walkthrough-controls { margin: 28px 0; }
.walkthrough-step-buttons { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 20px; }
.walkthrough-step-buttons button, .walkthrough-pagination button { font: inherit; font-weight: 750; min-height: 44px; padding: 10px 14px; border: 1px solid #71818c; border-radius: 6px; background: #fff; color: #243b4a; cursor: pointer; }
.walkthrough-step-buttons button[aria-current="step"] { color: #fff; background: #274e65; border-color: #274e65; }
.walkthrough-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.walkthrough-pagination button:disabled { opacity: .55; cursor: default; }
.walkthrough-status { color: #45535e; margin: 12px 0; }
.walkthrough-ready .selfserve-step-list { grid-template-columns: 1fr; max-width: 900px; min-height: 200px; margin: 26px 0; }
.walkthrough-ready .selfserve-step-list > li { padding: 26px; border: 1px solid #b7c1c8; border-radius: 8px; background: #fff; }
.walkthrough-ready .selfserve-step-list h3 { font-size: 28px; }
.walkthrough-feature-tour { max-width: 1100px; }
.walkthrough-feature-tour > h3 { font-size: 28px; margin-top: 36px; }
.walkthrough-captures { display: grid; grid-template-columns: 1fr; gap: 22px; margin: 28px 0; }
.walkthrough-captures figure { margin: 0; }
.walkthrough-captures img { display: block; width: 100%; height: auto; border: 1px solid #55606a; border-radius: 7px; background: #111; }
.walkthrough-captures figcaption { color: #46535d; font-size: 14px; line-height: 1.6; margin-top: 10px; }
.walkthrough-video-layout { display: grid; grid-template-columns: minmax(0,440px) minmax(0,1fr); gap: 36px; align-items: start; margin-top: 32px; }
.walkthrough-video-layout video { display: block; width: 100%; height: auto; object-fit: contain; max-height: 720px; background: #090c10; border-radius: 8px; }
.walkthrough-transcript summary { cursor: pointer; font-size: 20px; font-weight: 750; padding: 12px 0; }
.walkthrough-transcript h4 { font-size: 19px; margin: 24px 0 8px; }
.walkthrough-transcript p { color: #45535e; }
.walkthrough-feature-tour a:not(.primary-action) { color: #245773; text-underline-offset: 3px; }
.walkthrough-asset-note { color: #52616a; font-size: 14px; line-height: 1.7; }
@media(max-width:760px) { .walkthrough-video-layout { grid-template-columns: 1fr; gap: 24px; } .walkthrough-video-layout video { max-width: 440px; max-height: none; margin: 0 auto; } .walkthrough-ready .selfserve-step-list { min-height: 0; } .walkthrough-ready .selfserve-step-list > li { padding: 20px; } .walkthrough-step-buttons button { flex: 1 1 110px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }

.walkthrough-controls button:focus-visible { outline: 3px solid #245773; outline-offset: 4px; }