/* Start custom CSS for section, class: .elementor-element-454e3486 *//* Nowoczesny Flat Design 2026 - ZSE Dębica */
    :root {
        --zse-primary: #07821e; /* Szkolny zielony */
        --zse-primary-hover: #056b18;
        --zse-accent: #04ce2f; /* Jasny, marketingowy zielony */
        --zse-bg: #f8fafc;
        --zse-card-bg: #ffffff;
        --zse-text-main: #032e42;
        --zse-text-muted: #64748b;
        --zse-border: #e2e8f0;
        --zse-radius: 12px;
        --zse-transition: all 0.3s ease;
    }

    .zse-docs-wrapper {
        font-family: 'Fira Sans', 'Lato', sans-serif;
        background-color: var(--zse-bg);
        padding: 40px 20px;
        border-radius: var(--zse-radius);
    }

    .zse-docs-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 24px;
        margin-top: 20px;
    }

    .zse-doc-card {
        background: var(--zse-card-bg);
        border: 1px solid var(--zse-border);
        border-radius: var(--zse-radius);
        padding: 24px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
        transition: var(--zse-transition);
        display: flex;
        flex-direction: column;
    }

    .zse-doc-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        border-color: var(--zse-accent);
    }

    .zse-card-header {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 2px solid var(--zse-bg);
    }

    .zse-card-icon {
        background-color: rgba(4, 206, 47, 0.1);
        color: var(--zse-primary);
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        margin-right: 16px;
    }

    .zse-card-title {
        font-size: 20px;
        font-weight: 600;
        color: var(--zse-text-main);
        margin: 0;
        line-height: 1.3;
    }

    .zse-doc-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
        flex-grow: 1;
    }

    .zse-doc-list li {
        display: flex;
        align-items: flex-start;
    }

    .zse-doc-list i {
        margin-top: 4px;
        margin-right: 10px;
        font-size: 16px;
    }

    .zse-doc-list .fa-file-pdf { color: #ef4444; }
    .zse-doc-list .fa-file-word { color: #3b82f6; }

    .zse-doc-link {
        color: var(--zse-text-main);
        text-decoration: none;
        font-size: 15px;
        line-height: 1.5;
        transition: var(--zse-transition);
        font-weight: 500;
    }

    .zse-doc-link:hover {
        color: var(--zse-primary);
        padding-left: 4px;
    }
    
    .zse-sub-list {
        margin-top: 8px;
        margin-left: 26px;
        padding-left: 12px;
        border-left: 2px solid var(--zse-border);
    }/* End custom CSS */