/* =====================================================
   STATUT FUNDACJI
===================================================== */


.statute-page {
    max-width: 1100px;
    margin: auto;
    padding: 40px 25px 80px;
    background: #f7f9fc;
}


/* =====================================================
   NAGŁÓWEK
===================================================== */


.statute-header {
    text-align:center;
    margin-bottom:50px;
}


.statute-header h1 {
    color:#003366;
    font-size:2.5rem;
    margin-bottom:20px;
}


.statute-subtitle {
    font-size:1.15rem;
    line-height:1.8;
    color:#555;
}


.statute-subtitle span {
    display:block;
    color:#0059b3;
    font-size:1.5rem;
    font-weight:700;
    margin-top:8px;
}



/* =====================================================
   KARTA INFORMACYJNA
===================================================== */


.statute-info {
    display:flex;
    align-items:center;
    gap:30px;
    background:white;
    padding:35px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    margin-bottom:35px;
}


.statute-info-icon {
    font-size:4rem;
    min-width:80px;
    text-align:center;
}


.statute-info h2 {
    color:#003366;
    margin-bottom:15px;
}


.statute-info p {
    line-height:1.8;
}


.statute-info ul {
    margin-top:20px;
    padding-left:20px;
    line-height:1.8;
}



/* =====================================================
   PRZYCISK PDF
===================================================== */


.statute-download {
    text-align:center;
    margin:40px 0;
}


.download-btn {
    display:inline-block;
    background:#003366;
    color:white;
    text-decoration:none;
    padding:16px 35px;
    border-radius:40px;
    font-weight:700;
    transition:.3s;
}


.download-btn:hover {
    background:#0059b3;
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,.15);
}



/* =====================================================
   SPIS TREŚCI
===================================================== */


.statute-toc {
    background:white;
    padding:35px;
    border-radius:18px;
    margin-bottom:50px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}


.statute-toc h2 {
    text-align:center;
    color:#003366;
    margin-bottom:25px;
}



.statute-toc ol {
    max-width:750px;
    margin:auto;
    line-height:2;
}


.statute-toc a {
    color:#0059b3;
    text-decoration:none;
    transition:.2s;
}


.statute-toc a:hover {
    color:#f39c12;
    padding-left:5px;
}



/* =====================================================
   DOKUMENT STATUTU
===================================================== */


.statute-document {
    background:white;
    padding:60px 70px;
    border-radius:10px;
    box-shadow:0 10px 35px rgba(0,0,0,.12);
}



/* płynne przewijanie */


html {
    scroll-behavior:smooth;
}



/* =====================================================
   ROZDZIAŁY
===================================================== */


.statute-section {
    margin-bottom:55px;
    scroll-margin-top:100px;
}



.statute-section h2 {
    color:#003366;
    font-size:1.8rem;
    border-bottom:3px solid #0059b3;
    padding-bottom:10px;
    margin-bottom:10px;
}


.statute-section h3 {
    color:#0059b3;
    font-size:1.3rem;
    margin-bottom:25px;
}

.statute-section li{
    margin-left: 1rem;
}



/* =====================================================
   TREŚĆ PARAGRAFÓW
===================================================== */


.statute-section p {


    text-align:justify;


    line-height:1.9;


    font-size:1.05rem;


    margin-bottom:20px;


}


.statute-section ul {


    line-height:1.9;


}



/* paragrafy */

.statute-section strong {


    color:#003366;


}



/* =====================================================
   RESPONSYWNOŚĆ
===================================================== */


@media(max-width:900px){


    .statute-document {


        padding:45px 35px;


    }


}




@media(max-width:700px){


    .statute-page {


        padding:30px 15px 60px;


    }



    .statute-header h1 {


        font-size:2rem;


    }



    .statute-subtitle {


        font-size:1rem;


    }



    .statute-info {


        flex-direction:column;


        text-align:center;


        padding:25px;


    }



    .statute-info-icon {


        font-size:3rem;


    }



    .statute-document {


        padding:30px 20px;


    }



    .statute-section h2 {


        font-size:1.5rem;


    }



    .statute-section h3 {


        font-size:1.15rem;


    }


}



@media(max-width:450px){


    .download-btn {


        width:100%;


        box-sizing:border-box;


    }


    .statute-toc {


        padding:25px 15px;


    }


    .statute-toc ol {


        padding-left:25px;


    }


}