/* Documentation Page Styles */

.doc-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.doc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.hero-gradient {
    background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
}

.feature-icon {
    background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
}