/* Modern refresh: loaded after style.css, before mobile.css. Structure/layout unchanged. */
:root { --green:#1b7f3b; --green-d:#0f5a28; --green-l:#e8f3ea; --ink:#26352b; --muted:#6b7a6f; --card:#fff; --bg:#f3f6f2; --line:#e3ebe3; }

html, body { background: var(--bg); }
body { font: 15px/1.7 'Open Sans', Arial, Helvetica, sans-serif; color: var(--ink); -webkit-font-smoothing: antialiased; }
p, .str-1, .more, .mores, strong.str-1 { text-align: left !important; }
p { padding-bottom: 14px; }
h1, h2, h3, h4, h5, h6 { color: var(--green-d); letter-spacing: -.01em; }
h2 { font-size: 32px; line-height: 40px; padding-bottom: 14px; }
a { color: var(--green); transition: color .15s, background .15s, box-shadow .2s, transform .2s; }
a:hover { color: var(--green-d); text-decoration: underline; }
::selection { background: #bfe3c6; }

/* header + nav */
header { background: none; padding-bottom: 0; }
header .inner { padding: 26px 40px 18px; }
nav { background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 6px 24px rgba(20,60,30,.07); padding: 6px 8px; margin: 0 0 26px; position: relative; z-index: 100; }
#page1 nav { margin-bottom: 0; }
.sf-menu > li { border: none !important; }
.sf-menu > li > a, #page1 .sf-menu > li > a { background: none; padding: 9px 24px; border-radius: 10px; text-shadow: none; font-size: 14px; color: var(--green-d); }
.sf-menu > li:hover > a, .sf-menu > li.sfHover > a { background: var(--green-l); color: var(--green-d); }
.sf-menu > li.current > a, .sf-menu > li.current:hover > a { background: var(--green); color: #fff; }
.logo a { filter: drop-shadow(0 2px 6px rgba(20,60,30,.12)); }

/* hero slider (home) */
.slider-container { margin-top: -115px; }
#mp-pags li, #mp-pags-cont-extra li { width: 14px; height: 14px; border-radius: 50%; margin: 0 5px; background: rgba(255,255,255,.55) !important; box-shadow: 0 1px 4px rgba(0,0,0,.3); }
#mp-pags li.activeSlide, #mp-pags li:hover { background: #fff !important; }
#mp-pags li a { font-size: 0; line-height: 0; padding: 0; background: none; display: block; height: 14px; }
#mp-pags, #mp-pags-cont-extra { margin-top: -52px; }

/* content cards */
.content-border { background: var(--card); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 10px 40px rgba(20,60,30,.07); padding-bottom: 36px; }
#page1 .content-border { border-top-left-radius: 0; border-top-right-radius: 0; }
.top-content-box { background: none; border: none; padding: 0; margin: 0; }
.top-row { border-bottom: 1px solid var(--line); padding-bottom: 26px; }
.top-row h5 { font-size: 24px; line-height: 32px; padding: 34px 0 16px; color: var(--green-d); }
.top-row .str-1 { color: var(--ink); font-weight: 600; font-size: 13px; background: #f7faf6; border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; margin: 0 6px 0 0; line-height: 1.55; }
.top-row .str-1 a, .top-row a .str-1 { color: var(--ink); }
.top-row .color-1 { color: var(--ink); }
.hr-border-1, .hr-border-2 { border-color: var(--line); }

/* images */
.img-indent-bot-1, .img-indent-bot { margin-left: 0; }
figure img, .example-image { border-radius: 10px; }
.example-image { display: block; width: 100%; height: auto; }
article img { border-radius: 8px; }
figure img { border: none; box-shadow: 0 6px 18px rgba(20,60,30,.14); }
figure .example-image-link { display: block; max-width: 94%; line-height: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 6px 18px rgba(20,60,30,.14); }
figure .example-image-link img { transition: transform .35s ease; box-shadow: none; }
figure .example-image-link:hover img { transform: scale(1.05); }
.str-2 { letter-spacing: .02em; }
.color-1 { color: var(--green); } .color-2 { color: #2f9e44; } .color-3 { color: #55b36a; } .color-4 { color: #7cc78c; }

/* lists / sidebar */
.list-1 li a, .list-2 li a { color: var(--green); font-size: 12px; font-weight: 600; }
.list-1 li a:hover, .list-2 li a:hover { color: var(--green-d); }
.list-2 li { border-color: var(--line); }

/* quote + aside + footer */
.quote { border: 1px solid var(--line); border-radius: 14px; background: #fafcf9; }
.aside-bg { background: var(--green-l); border: none; border-radius: 18px; padding: 34px 0 30px; }
aside { margin-top: 26px; }
footer { color: var(--muted); font-size: 13px; padding: 28px 0 40px; }
footer a { color: var(--green); font-weight: 600; }
.social-list li a img { border-radius: 8px; transition: transform .2s, opacity .2s; }
.social-list li a:hover img { opacity: 1; transform: translateY(-3px); }
.copyright strong, .copyright { line-height: 1.8; }

/* subtle entrance */
@media (prefers-reduced-motion: no-preference) {
	.content-border, .aside-bg { animation: rise .5s ease both; }
	@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
}
