/* Guide Pêche Expert — styles.css */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --green-900:#1a3a1f;
  --green-700:#2c5530;
  --green-500:#4a7c59;
  --text:#333;
  --muted:#666;
  --bg:#f9f9f9;
  --accent:#ffd54f;
}
html{scroll-behavior:smooth}
body{font-family:Georgia,serif;line-height:1.65;color:var(--text);background:var(--bg)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

header.site-header{background:linear-gradient(135deg,var(--green-700),var(--green-500));color:#fff;padding:2rem 0}
.site-title{font-size:2.2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}
.site-subtitle{opacity:.9;font-style:italic;margin-top:.3rem}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:static;width:auto;height:auto;background:#fff;color:#000;padding:.5rem;border-radius:.25rem}

nav.primary{background:var(--green-900);padding:1rem 0;margin-bottom:1.5rem}
nav.primary ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap}
nav.primary li{margin:0 .75rem}
nav.primary a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s ease}
nav.primary a:hover,nav.primary a[aria-current="page"]{background:rgba(255,255,255,.12)}

main{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.08);margin-bottom:2rem}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:.5rem}

h1.section-title{color:var(--green-700);margin:0 0 1rem 0;font-size:2rem;border-bottom:3px solid var(--green-500);padding-bottom:.4rem}
h2{color:var(--green-700);margin:2rem 0 1rem 0;font-size:1.55rem;border-bottom:3px solid var(--green-500);padding-bottom:.4rem}
h3{color:var(--green-500);margin:1.2rem 0 .7rem 0;font-size:1.25rem}
.article-meta{color:var(--muted);margin-bottom:1rem;font-size:.92rem}
p{margin-bottom:1rem;text-align:justify}

.highlight-box{background:#f0f8f0;border-left:4px solid var(--green-500);padding:1rem 1.25rem;margin:1.25rem 0;border-radius:0 10px 10px 0}
.tips-list{background:#fff8e1;padding:1rem 1.25rem;border-radius:10px;margin:1rem 0;border:1px solid var(--accent)}
.tips-list h4{color:#f57c00;margin-bottom:.6rem}

ul{padding-left:1.25rem;margin-bottom:1rem}
li{margin-bottom:.5rem}
a.external-link{color:var(--green-700);font-weight:700;border-bottom:1px dotted var(--green-700);text-decoration:none}
a.external-link:hover{color:var(--green-500);border-bottom:1px solid var(--green-500)}

aside.sidebar{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.sidebar-title{color:var(--green-700);margin-bottom:.75rem;font-size:1.2rem;border-bottom:2px solid var(--green-500);padding-bottom:.35rem}
.sidebar-list{list-style:none;padding:0;margin:0}
.sidebar-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee}
.sidebar-link{color:var(--green-700);font-weight:700;text-decoration:none}
.sidebar-link:hover{color:var(--green-500)}
.weather-box{background:#f0f8f0;padding:1rem;border-radius:8px;font-size:.95em}

footer.site-footer{background:var(--green-900);color:#fff;text-align:center;padding:2rem 0;margin-top:2rem}
footer.site-footer p{margin:.2rem 0;text-align:center}
.meta-legal{opacity:.8;font-size:.9rem;margin-top:.6rem}

@media (max-width:768px){
  .grid{grid-template-columns:1fr}
  .site-title{font-size:1.7rem}
}