.howto-intro{margin-bottom: 24px;padding: 16px 20px;background: var(--color-primary-bg,rgba(52,152,219,0.06));border-left: 3px solid var(--color-primary);border-radius: 0 var(--border-radius,8px) var(--border-radius,8px) 0;}.howto-intro p{margin: 0;font-size: var(--font-size-sm,14px);line-height: 1.6;}.howto-steps{display: flex;flex-direction: column;gap: 12px;margin-bottom: 32px;}.howto-step-card{display: flex;align-items: center;gap: 16px;padding: 16px 20px;border: 1px solid var(--color-border);border-radius: var(--border-radius,8px);text-decoration: none;color: inherit;background: var(--color-card-background);}.howto-step-disabled{opacity: 0.5;cursor: default;}.howto-step-number{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--color-primary),var(--color-primary-hover,#2980b9));color: var(--button-primary-text,#fff);border-radius: 50%;font-weight: var(--font-weight-bold,700);font-size: var(--font-size-sm,14px);flex-shrink: 0;}.howto-step-disabled .howto-step-number{background: var(--color-text-muted);}.howto-step-body{flex: 1;}.howto-step-body h3{margin: 0 0 4px;font-size: var(--font-size-sm,14px);color: var(--color-secondary);}.howto-step-body p{margin: 0;font-size: var(--font-size-xs,12px);color: var(--color-text-muted);line-height: 1.5;}.howto-badge-soon{font-size: var(--font-size-xxs,11px);padding: 2px 10px;border-radius: 10px;background: var(--color-warning-bg);color: var(--color-warning);font-weight: var(--font-weight-semibold,600);flex-shrink: 0;}.guide-nav-row{display: flex;justify-content: space-between;gap: 12px;}