.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 0 var(--spacing-sm);font-size: var(--font-size-sm,14px);line-height: 1.6;}.howto-intro p:last-child{margin-bottom: 0;}.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;transition: all 0.15s;background: var(--color-card-background);}a.howto-step-card:hover{border-color: var(--color-primary);box-shadow: var(--shadow-primary);}.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-step-arrow{font-size: var(--font-size-lg,18px);color: var(--color-text-muted);flex-shrink: 0;}.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;}