.info-box{background: var(--color-background);border: 1px solid var(--color-border);border-left: 4px solid var(--color-primary);border-radius: var(--border-radius-sm);padding: 16px 20px;margin: 20px 0;}.info-box.info-box-warning{border-left-color: var(--color-warning);background: var(--color-background);}.info-box.info-box-success{border-left-color: var(--color-success);background: var(--color-background);}.info-box h4{margin: 0 0 12px;color: var(--color-secondary);font-size: var(--font-size-sm,14px);}.info-box p{margin: 0;color: var(--color-text);line-height: 1.6;}.info-box ul{margin: 0;padding-left: 20px;}.info-box li{margin: var(--spacing-sm) 0;color: var(--color-text);}.steps-list{margin: 20px 0;}.step{display: flex;gap: 16px;margin-bottom: 20px;padding: 16px;background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);}.step-number{width: 40px;height: 40px;background: var(--color-success);color: var(--button-primary-text);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight-semibold,600);font-size: var(--font-size-lg,18px);flex-shrink: 0;}.step-content h4{margin: 0 0 var(--spacing-sm);color: var(--color-secondary);font-size: var(--font-size-sm,14px);}.step-content p{margin: 0;color: var(--color-text);font-size: var(--font-size-sm,14px);}.library-table{width: 100%;border-collapse: collapse;background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;margin: 16px 0;}.library-table th,.library-table td{padding: 12px 16px;text-align: left;border-bottom: 1px solid var(--color-border);}.library-table th{background: var(--color-background);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);font-size: var(--font-size-xs,12px);}.library-table tbody tr:hover{background: var(--color-background);}.library-table tbody tr:last-child td{border-bottom: none;}.required-badge{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);border-radius: 4px;font-size: var(--font-size-xxs,11px);font-weight: var(--font-weight-semibold,600);background: var(--color-error-bg);color: var(--color-error);}.optional-badge{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);border-radius: 4px;font-size: var(--font-size-xxs,11px);font-weight: var(--font-weight-semibold,600);background: var(--color-info-bg);color: var(--color-info);}.code-block{background: var(--color-background);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-sm);padding: 16px;font-family: monospace;font-size: var(--font-size-xs,12px);overflow-x: auto;white-space: pre;margin: 16px 0;}.example-box{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;margin: 20px 0;}.example-box h4{margin: 0 0 12px;color: var(--color-secondary);font-size: var(--font-size-sm,14px);}.example-box ul{margin: 0 0 16px;padding-left: 20px;}.example-box li{margin: var(--spacing-sm) 0;color: var(--color-text);}.troubleshooting-list{margin: 16px 0;padding-left: 24px;}.troubleshooting-list li{margin: var(--spacing-sm) 0;color: var(--color-text);line-height: 1.6;}.back-link-top,.back-link-bottom{margin: 24px 0;}.back-link-top a,.back-link-bottom a{display: inline-flex;align-items: center;gap: var(--spacing-sm);padding: 10px 16px;background: var(--color-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);text-decoration: none;color: var(--color-secondary);font-weight: var(--font-weight-medium,500);transition: all 0.2s;}.back-link-top a:hover,.back-link-bottom a:hover{background: var(--color-success);border-color: var(--color-success);color: var(--button-primary-text);}@media (max-width: 575px){.step{flex-direction: column;align-items: center;text-align: center;}}