/* ==========================================================
   STATIC PAGES (About / Privacy / Terms)
========================================================== */

.legal-hero{

    background:linear-gradient(135deg,#f0fdf4,#ffffff);

    border:1px solid #e5e7eb;

    border-radius:18px;

    padding:36px 32px;

    margin:28px 0 0;

}

.legal-hero .breadcrumb-row{

    font-size:13px;

    color:#6b7280;

    margin-bottom:14px;

}

.legal-hero .breadcrumb-row a{

    color:#6b7280;

    text-decoration:none;

}

.legal-hero .breadcrumb-row a:hover{

    color:#008000;

}

.legal-hero h1{

    font-size:2rem;

    font-weight:800;

    color:#111827;

    margin-bottom:8px;

}

.legal-hero p{

    color:#4b5563;

    font-size:15px;

    max-width:640px;

    margin:0;

}

.legal-hero .legal-updated{

    display:inline-flex;

    align-items:center;

    gap:6px;

    margin-top:14px;

    padding:5px 12px;

    background:#eafcf0;

    color:#006400;

    border-radius:30px;

    font-size:12.5px;

    font-weight:700;

}


/*==========================================================
LAYOUT
==========================================================*/

.legal-wrap{

    max-width:920px;

    margin:0 auto;

    padding:40px 16px 64px;

}

.legal-content h2{

    font-size:1.25rem;

    font-weight:800;

    color:#111827;

    margin:32px 0 12px;

}

.legal-content h2:first-child{

    margin-top:0;

}

.legal-content p{

    color:#374151;

    font-size:15.5px;

    line-height:1.7;

    margin:0 0 14px;
}

.legal-content ul{

    margin:0 0 16px 22px;

    padding:0;

}

.legal-content li{

    color:#374151;

    font-size:15.5px;

    line-height:1.65;

    margin-bottom:8px;

}

.legal-content a{

    color:#008000;

    font-weight:600;

    text-decoration:none;

}

.legal-content a:hover{

    text-decoration:underline;

}

.legal-content strong{

    color:#111827;

}

.legal-contact-box{

    margin-top:36px;

    padding:20px 22px;

    background:#f8faf8;

    border:1px solid #e5e7eb;

    border-radius:14px;

}

.legal-contact-box h3{

    font-size:1rem;

    font-weight:800;

    color:#111827;

    margin-bottom:6px;

}

.legal-contact-box p{

    margin:0;

    color:#4b5563;

    font-size:14.5px;
}


/*==========================================================
ABOUT PAGE EXTRAS
==========================================================*/

.about-values{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:16px;

    margin:28px 0 8px;

}

.about-value-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:14px;

    padding:20px;

}

.about-value-card i{

    font-size:22px;

    color:#008000;

    margin-bottom:10px;

    display:block;

}

.about-value-card h4{

    font-size:15px;

    font-weight:800;

    color:#111827;

    margin-bottom:6px;

}

.about-value-card p{

    font-size:13.5px;

    color:#6b7280;

    margin:0;

    line-height:1.55;

}


/*==========================================================
RESPONSIVE
==========================================================*/

@media (max-width:768px){

    .legal-hero{

        padding:24px 20px;

    }

    .legal-hero h1{

        font-size:1.5rem;

    }

    .about-values{

        grid-template-columns:1fr;

    }

}