.walkthrough-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.walkthrough-note{padding:16px 20px;border-left:4px solid #2563eb;background:#eff6ff;border-radius:8px;margin:20px 0}.walkthrough-panel{border:1px solid #dbe4f0;border-radius:16px;padding:24px;background:#fff;margin:24px 0}.walkthrough-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.walkthrough-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.walkthrough-metrics>div{padding:18px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc}.walkthrough-metrics strong{display:block;font-size:clamp(1.1rem,2.5vw,1.7rem);overflow-wrap:anywhere}.walkthrough-filters{display:flex;gap:20px;flex-wrap:wrap}.walkthrough-filters label{display:grid;gap:8px}.walkthrough-filters select{font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.walkthrough-table{width:100%;border-collapse:collapse;margin:20px 0}.walkthrough-table th,.walkthrough-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #e2e8f0}.walkthrough-bar{display:block;height:7px;border-radius:4px;background:#2563eb;margin-top:6px}.walkthrough-code{padding:20px;background:#0f172a;color:#e2e8f0;border-radius:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.walkthrough-section{scroll-margin-top:120px}.walkthrough-section h2{font-size:clamp(1.7rem,4vw,2.5rem)}.walkthrough-panel button:disabled{opacity:.55;cursor:not-allowed}.walkthrough-panel [role=status]{min-height:28px}.walkthrough-panel ol,.walkthrough-section>ol{padding-left:24px}.walkthrough-section li{margin:8px 0}.walkthrough-disclosure summary{cursor:pointer;font-weight:700}.walkthrough-disclosure{margin:20px 0}@media(max-width:600px){.walkthrough-panel{padding:16px}.walkthrough-metrics{grid-template-columns:1fr}.walkthrough-table{font-size:.87rem}.walkthrough-table th,.walkthrough-table td{padding:10px 4px}.walkthrough-actions .btn{white-space:normal;text-align:center}}