* { box-sizing: border-box; }
body { margin: 0; font-family: 'Lato', Arial, sans-serif; color: #234c2b; background: #f9faf7; }
a { color: inherit; }
.site-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding: 1rem 1.5rem; background: #fff; border-bottom: 1px solid #d4e6d4; }
.brand { font-family: Georgia, serif; font-size: 1.65rem; font-weight: 700; color: #3a7d44; text-decoration: none; }
.brand span { color: #e53935; }
.lang-switcher { display: flex; gap: 0.4rem; }
.lang-switcher a { padding: 0.45rem 0.7rem; border: 1px solid #d4e6d4; border-radius: 999px; font-size: 0.85rem; font-weight: 700; text-decoration: none; }
.lang-switcher a[aria-current="page"], .back-link { background: #234c2b; color: #fff; }
.lang-switcher a:hover { background: #e8f5e9; color: #234c2b; }
a:focus-visible { outline: 3px solid #c77832; outline-offset: 4px; }
main { max-width: 960px; margin: 0 auto; padding: 2.5rem 1rem; text-align: center; }
h1 { font-family: Georgia, serif; font-size: clamp(1.8rem, 5vw, 3rem); margin: 0 0 1rem; }
.intro { max-width: 700px; margin: 0 auto 2rem; font-size: 1.15rem; line-height: 1.7; color: #4a5e4a; }
figure { margin: 0 auto 2rem; max-width: 800px; }
figure img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 18px #234c2b1a; }
figcaption { margin-top: 1rem; line-height: 1.5; }
.back-link { display: inline-block; padding: 0.8rem 1.5rem; border-radius: 999px; font-weight: 700; text-decoration: none; }
.back-link:hover { background: #3a7d44; }