.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;}h2{font-size: var(--font-size-lg,18px);margin: 24px 0 12px;color: var(--color-secondary);}.howto-list{padding-left: 20px;margin-bottom: 24px;}.howto-list li{margin-bottom: var(--spacing-sm);font-size: var(--font-size-sm,14px);line-height: 1.5;}.howto-numbered-steps{display: flex;flex-direction: column;gap: 12px;margin-bottom: 24px;}.howto-num-step{display: flex;gap: 14px;padding: 12px 16px;background: var(--color-background);border-radius: var(--border-radius,8px);}.howto-num{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;background: var(--color-primary);color: var(--button-primary-text,var(--color-hero-text,#fff));border-radius: 50%;font-weight: var(--font-weight-bold,700);font-size: var(--font-size-xs,12px);flex-shrink: 0;}.howto-num-step strong{font-size: var(--font-size-sm,14px);color: var(--color-secondary);}.howto-num-step p{margin: 4px 0 0;font-size: var(--font-size-xs,12px);color: var(--color-text-muted);}.howto-scenarios{display: flex;flex-direction: column;gap: 12px;margin-bottom: 24px;}.howto-scenario{display: flex;gap: 14px;padding: 14px 18px;border: 1px solid var(--color-border);border-radius: var(--border-radius,8px);}.howto-scenario-icon{font-size: var(--font-size-3xl,24px);flex-shrink: 0;}.howto-scenario strong{font-size: var(--font-size-sm,14px);color: var(--color-secondary);display: block;margin-bottom: 4px;}.howto-scenario p{margin: 0;font-size: var(--font-size-xs,12px);color: var(--color-text-muted);line-height: 1.5;}.howto-tip{padding: 12px 16px;margin-bottom: 24px;background: var(--color-success-bg);border-radius: var(--border-radius,8px);font-size: var(--font-size-xs,12px);line-height: 1.5;}.howto-summary{padding: 20px;margin-bottom: 24px;background: var(--color-primary-bg,rgba(52,152,219,0.06));border: 1px solid var(--color-primary);border-radius: var(--border-radius,8px);}.howto-summary h2{margin-top: 0;color: var(--color-primary);}.howto-summary p{margin: 0;font-size: var(--font-size-sm,14px);line-height: 1.6;}.guide-nav-row{display: flex;justify-content: space-between;gap: 12px;margin-top: 32px;}