@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{--green:#2e6b3f;--lightgreen:#e5f3e7;--accent:#4caf50;--alt:#f7faf8}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter', sans-serif;color:var(--green);line-height:1.6}
header{background:var(--lightgreen);position:sticky;top:0;z-index:100}.nav{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0.6em 1em}
.logo{height:48px}nav a{text-decoration:none;color:var(--green);margin:0 0.8em;font-weight:600;font-size:0.95rem}nav a:hover{color:var(--accent)}
.hero{position:relative;text-align:center;padding:6em 1em;background-size:cover;background-position:center}.hero .overlay{position:absolute;inset:0;background:rgba(255,255,255,0.7)}
.hero-inner{position:relative;max-width:800px;margin:auto}.hero h1{font-size:2.4rem;margin-bottom:0.6em}.hero p{font-size:1.05rem}
.section{padding:4em 1em;max-width:1100px;margin:auto}.section.alt{background:var(--alt)}.section h2{text-align:center;font-size:1.8rem;margin-bottom:1.2em}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5em}.card{background:#fff;border:1px solid #d7e9da;border-radius:12px;padding:1.5em;box-shadow:0 6px 14px rgba(0,0,0,0.05)}
.card h3{font-size:1.2rem;margin-bottom:0.5em}.card p{font-size:0.93rem;margin-bottom:1em}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:0.7em 1.4em;border-radius:6px;text-decoration:none;font-weight:600}
.accordion details{border:1px solid #d7e9da;border-radius:8px;margin-bottom:1em;background:#fff}.accordion summary{padding:0.9em 1.2em;cursor:pointer;font-weight:600;list-style:none}
.accordion ul{padding:0 1.4em 1em 1.6em}.accordion li{margin-bottom:0.5em;font-size:0.93rem}.accordion a{color:var(--accent);text-decoration:none}.accordion a:hover{text-decoration:underline}
.contact form{max-width:500px;margin:auto;display:flex;flex-direction:column;gap:0.8em}.contact input,.contact textarea{padding:0.8em;border:1px solid #ccc;border-radius:6px;font-size:0.95rem}
footer{background:var(--lightgreen);text-align:center;padding:1.5em;font-size:0.85rem}
@media(min-width:768px){.hero h1{font-size:2.8rem}}

/* Added for Science Section Image Gallery */

.science-images-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-top: 20px;
}
.science-image-item {
    flex: 0 1 300px; /* Allow shrinking, basis 300px, no growing beyond content */
    max-width: 320px; /* Max width of an item, allows for some padding/margin within flex item */
    text-align: center;
    margin-bottom: 15px;
}
.science-image-item img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Added for Science PDF Image Gallery */

.science-pdf-gallery {
    display: flex;
    flex-direction: column; /* Stack images vertically */
    align-items: center; /* Center images if they are not full width */
    gap: 20px;
    margin-top: 20px;
}
.science-pdf-image-item img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


.bullets{margin-top:1em;padding-left:1.2em}
.bullets li{margin-bottom:0.6em;font-size:0.95rem}
#topBtn{position:fixed;bottom:24px;right:24px;z-index:200;background:var(--accent);color:#fff;border:none;
padding:0.6em 0.9em;border-radius:50%;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.2);}
#topBtn:hover{background:#3c8e40}

.card{background:linear-gradient(135deg, #ffffff 0%, #f4faf5 100%);border:1px solid #cfe9d2}
nav a{transition:color .2s}
nav a:hover{color:#2e6b3f}
#topBtn{background:#2e6b3f}


.bullets a{color:var(--accent);text-decoration:none}
.bullets a:hover{text-decoration:underline}