/* Вид в духе старого сайта (WordPress, тема Greener Side): зелёная шапка-«трава», светлый лист с контентом, сетка миниатюр галерей. */
:root{--green:#6aa83a;--green-d:#4f8a2a;--sky:#eaf5fb;--ink:#2f3a2a;--text:#4a5246;--line:#dfe8d6;--sun:#f2a22c;--font:"Trebuchet MS","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sky);color:var(--text);font:17px/1.65 var(--font)}
.in{max-width:1040px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
a{color:var(--green-d)}a:hover{color:var(--ink)}
h1,h2,h3{color:var(--ink);line-height:1.25;margin:1.4em 0 .5em}
h1{font-size:clamp(1.7rem,4.5vw,2.3rem);margin-top:0}
h2{font-size:1.4rem;padding-bottom:.25em;border-bottom:3px solid var(--line)}
h3{font-size:1.12rem}
.head{background:linear-gradient(#8cc653,var(--green));border-bottom:6px solid var(--green-d);color:#fff}
.head .in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 28px;padding-top:22px;padding-bottom:14px}
.logo{color:#fff;text-decoration:none;display:block}
.logo b{display:block;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.2;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.logo span{font-size:.95rem;opacity:.95}
.head nav{display:flex;flex-wrap:wrap;gap:6px}
.head nav a{color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;padding:7px 12px;border-radius:18px;background:rgba(0,0,0,.14)}
.head nav a:hover{background:#fff;color:var(--green-d)}
main{background:#fff;margin-top:24px;margin-bottom:24px;padding-top:28px;padding-bottom:32px;border-radius:12px;box-shadow:0 1px 4px rgba(47,58,42,.12)}
main>*{max-width:100%}
.lead{font-size:1.1rem;color:var(--ink)}
.note{background:#f6faef;border-left:4px solid var(--sun);padding:12px 16px;border-radius:0 8px 8px 0}
.shots{list-style:none;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.shots a{display:block;border:4px solid #fff;outline:1px solid var(--line);border-radius:6px;overflow:hidden;background:#f1f5ec}
.shots a:hover{outline:2px solid var(--sun)}
.shots img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
table{border-collapse:collapse;width:100%;margin:12px 0}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f6faef;color:var(--ink)}
.scroll{overflow-x:auto}
.foot{color:#5c6658;font-size:.92rem;padding:4px 0 28px;text-align:center}
.foot p{margin:.35em 0}
.dim{opacity:.85}
@media (max-width:560px){body{font-size:16px}.head .in{padding-top:16px}.shots{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}
.cards{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.cards a{display:block;height:100%;padding:18px 18px 16px;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:10px;background:#fbfdf8;text-decoration:none;color:var(--text)}
.cards a:hover{border-top-color:var(--sun);background:#fff}
.cards em{font-style:normal;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--green-d)}
.cards h3{margin:.3em 0 .4em}.cards p{margin:0 0 .7em;font-size:.96rem}.cards b{color:var(--green-d);font-size:.92rem}
.crumbs{font-size:.9rem;margin:0 0 .8em}
.post{max-width:760px}
.more{margin-top:2em;padding:4px 18px 10px;background:#f6faef;border-radius:10px}.more h2{border:0;font-size:1.15rem}
.when{font-size:.9rem;color:#6b7566;margin:-.3em 0 1.2em}