/* Blog — listă articole */
:root { --bg-main: #F8FAFC; --bg-card: #FFFFFF; --bg-section: #F1F5F9; --text-main: #0F172A; --text-muted: #475569; --primary: #2563EB; --primary-hover: #1D4ED8; --accent: #22C55E; --border: #E2E8F0; --shadow: 0 10px 25px rgba(15, 23, 42, 0.08); }
        .hero-section { background: #F8FAFC !important; min-height: auto !important; padding-top: 75px !important; padding-bottom: 0 !important; }
        .hero-section h1 { color: var(--text-main) !important; margin-bottom: 0.5rem !important; font-size: 2rem !important; }
        .hero-section .lead { margin-bottom: 0 !important; font-size: 1rem !important; }
        .hero-section .hero-inner { max-width: 560px; margin-left: auto; margin-right: auto; }
        .hero-section p { margin-bottom: 0.25rem !important; }
        .article-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; }
        .article-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12); }
        .article-card .card-body { flex: 1; display: flex; flex-direction: column; }
        .article-card .card-footer { background: var(--bg-section); border-top: 1px solid var(--border); padding: 1rem 1.25rem; }
        .article-icon { width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: white; margin-bottom: 1rem; }
        .article-meta-small { font-size: 0.85rem; color: var(--text-muted); display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 0.75rem; }
        .article-meta-small i { color: var(--primary); }
        footer.bg-dark { background-color: #1a202c !important; }
        @media (max-width: 991.98px) { .hero-section { padding-top: 88px !important; } }
        .blog-list-kicker { letter-spacing: 0.1em; font-size: 0.9rem; }
        .blog-list-title { color: var(--text-main) !important; }
        .blog-card-title { color: var(--text-main); }
        @media (max-width: 575.98px) {
            .blog-list-title { font-size: 1.6rem; }
            .article-card .card-footer { flex-direction: column; align-items: stretch !important; gap: 0.75rem; }
            .article-card .card-footer .btn { width: 100%; }
        }