.ns-demo-tour { padding: 1.25rem; margin-block: 1rem; border-inline-start: 4px solid var(--ns-primary, #2563eb); scroll-margin-block-start: 5rem; }
.ns-demo-tour[data-tour-step="sos"] { border-inline-start-color: var(--ns-danger, #dc2626); }
.ns-demo-tour[data-tour-step="green"], .ns-demo-tour[data-tour-step="advocate.duty"] { border-inline-start-color: var(--ns-success, #15803d); }
.ns-demo-tour p { max-inline-size: 65ch; margin-block: .5rem 1rem; }
.ns-tour-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.ns-tour-help { position: relative; margin-inline-start: auto; flex-shrink: 0; }
.ns-tour-help summary { cursor: pointer; padding: .5rem; border-radius: .5rem; }
.ns-tour-help > button { position: absolute; inset-inline-end: 0; inset-block-start: 100%; z-index: 30; min-inline-size: 8rem; max-inline-size: 16rem; background: var(--ns-surface, #fff); box-shadow: 0 4px 16px #0002; }
.ns-demo-tour[hidden] { display: none; }