:root{
--background: #8daf7f; /* demandé */
--text: #1f3d1f; /* vert foncé */
--muted: #2e4e2e;
--accent: #678a39;
--max-width: 800px; /* largeur réduite */
--gutter: 18px;
}


*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{
background:var(--background);
color:var(--text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
display:flex;
justify-content:center;
}


.site-container{
width:100%;
min-height:150vh;
max-width:var(--max-width);
margin:20px auto;
padding:24px var(--gutter);
display:flex;
flex-direction:column; /* une seule colonne */
background:#faf7e7;
border-radius:12px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
}


.site-header{ text-align:center; padding:0px 0 }
.site-title{ margin:0; font-size:2rem; letter-spacing:0.6px }
.site-tag{ margin:6px 0 0; color:var(--muted) }


.logo-container{
text-align:center;
margin:20px 0;
}


.site-logo{
width:425px;
height:auto;
border-radius:12px;
}


main{ flex:1 }
section{ background:transparent; padding:18px 0; border-bottom:1px solid rgba(0,0,0,0.04); text-align:justify }
section:last-of-type{ border-bottom: none }


.hero h2{ margin-top:0 }


.gallery h3{ text-align:center; color:var(--muted); margin-bottom:12px }
.gallery-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:10px;
}
.gallery-grid img{
width:100%;
border-radius:10px;
object-fit:cover;
box-shadow:0 2px 4px rgba(0,0,0,0.1);
}


h3{ margin:6px 0 8px; color:var(--muted) }


ul{ margin:0 0 0 1.2rem }


.site-footer{ text-align:center; padding:16px 0; color:var(--muted); font-size:0.9rem }
.small{ font-size:0.8rem; margin-top:6px }


/* Responsive tweaks */
@media (max-width:520px){
.site-container{ padding:20px 14px }
.site-title{ font-size:1.6rem }
.site-logo{ width:180px }
.gallery-grid{ grid-template-columns:1fr }
}