.ms-blog-hero {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: clamp(58px, 8vw, 104px) 0 clamp(48px, 6vw, 74px);
	border-bottom: 1px solid rgba(57, 103, 55, .16);
	background: radial-gradient(circle at 82% 22%, rgba(174, 205, 122, .38), transparent 28%), radial-gradient(circle at 8% 0, rgba(225, 192, 99, .20), transparent 26%), linear-gradient(135deg, #f9f8f1 0%, #edf4e5 62%, #dfeccf 100%);
}
.ms-blog-hero::after { position:absolute; right:-80px; bottom:-160px; width:430px; height:430px; border:74px solid rgba(52,111,58,.06); border-radius:48% 52% 45% 55%; content:""; transform:rotate(24deg); pointer-events:none; }
.ms-blog-hero-compact { padding-block:54px 44px; }
.ms-blog-kicker { display:inline-flex; align-items:center; gap:8px; margin-bottom:13px; color:#33743f; font-size:.76rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.ms-blog-kicker::before { width:28px; height:2px; background:#77a85d; content:""; }
.ms-blog-hero h1 { max-width:880px; margin:0; color:#173e29; font-size:clamp(2.7rem,7vw,5rem); line-height:1; letter-spacing:-.045em; }
.ms-blog-hero p,.ms-archive-description { max-width:760px; margin:20px 0 0; color:#526458; font-size:clamp(1rem,2vw,1.18rem); }
.ms-blog-top-search { position:relative; z-index:3; display:grid; grid-template-columns:minmax(220px,.75fr) minmax(300px,1.25fr); gap:28px; align-items:center; padding:20px 22px; margin-top:-27px; margin-bottom:8px; border:1px solid #d1dfcb; border-radius:18px; background:rgba(255,255,255,.97); box-shadow:0 16px 38px rgba(26,67,40,.12); }
.ms-blog-top-search > div { display:grid; gap:2px; }
.ms-blog-top-search strong { color:#1d492c; font-size:1rem; }
.ms-blog-top-search span { color:#647168; font-size:.82rem; }
.ms-blog-top-search .ms-search-form { grid-template-columns:1fr 50px; }
.ms-blog-top-search .ms-search-form input { height:50px; }
.ms-blog-top-search .ms-search-form button { min-height:50px; }
.ms-blog-shell { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(26px,4vw,52px); align-items:start; padding-block:clamp(42px,7vw,80px); }
.ms-post-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.ms-post-card { display:flex; overflow:hidden; flex-direction:column; min-width:0; height:100%; border:1px solid #d5e2cf; border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 16px 42px rgba(26,67,40,.10); transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
.ms-post-card:hover { border-color:#9cbe8c; box-shadow:0 22px 52px rgba(26,67,40,.16); transform:translateY(-4px); }
.ms-post-card-media { display:block; overflow:hidden; aspect-ratio:16 / 9; background:#e8f0e2; }
.ms-post-card-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 400ms ease; }
.ms-post-card:hover .ms-post-card-media img { transform:scale(1.035); }
.ms-post-card-placeholder { display:block; width:100%; height:100%; background:linear-gradient(145deg,#edf5e6,#dceaca); }
.ms-post-card-body { display:flex; flex:1; flex-direction:column; padding:22px; }
.ms-post-card-meta,.ms-single-meta { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin-bottom:11px; color:#6a776d; font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.ms-post-card-meta span,.ms-single-meta a { color:#397a45; text-decoration:none; }
.ms-post-card-title { display:-webkit-box; min-height:3.55em; margin:0 0 10px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:clamp(1.12rem,2vw,1.42rem); line-height:1.18; letter-spacing:-.025em; }
.ms-post-card-title a { color:#1d3826; text-decoration:none; }
.ms-post-card-body p { display:-webkit-box; min-height:4.65em; margin:0 0 18px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#5b685e; }
.ms-post-card-link { align-self:flex-start; margin-top:auto; padding:9px 15px; border-radius:999px; background:#e9f3e3; color:#2d6e3a; font-weight:850; text-decoration:none; }
.ms-post-card-link:hover { background:#347640; color:#fff; }
.ms-blog-sidebar { position:sticky; top:24px; display:grid; gap:18px; }
.ms-sidebar-card,.ms-blog-empty { padding:22px; border:1px solid #d4e1cf; border-radius:18px; background:rgba(255,255,255,.96); box-shadow:0 14px 36px rgba(26,67,40,.09); }
.ms-sidebar-card h2 { margin:0 0 15px; color:#1d452c; font-size:1.02rem; }
.ms-sidebar-list,.ms-recent-posts { display:grid; gap:0; padding:0; margin:0; list-style:none; }
.ms-sidebar-list li,.ms-recent-posts li { padding-block:11px; border-bottom:1px solid #e1e9dd; }
.ms-sidebar-list li:last-child,.ms-recent-posts li:last-child { border-bottom:0; }
.ms-sidebar-list a,.ms-recent-posts a { color:#344b3a; font-weight:700; text-decoration:none; }
.ms-sidebar-list a:hover,.ms-recent-posts a:hover { color:#32723e; }
.ms-recent-posts time { display:block; margin-top:4px; color:#7a867d; font-size:.73rem; }
.ms-search-form { display:grid; grid-template-columns:1fr 44px; overflow:hidden; border:1px solid #bfd0b9; border-radius:12px; background:#f7faf5; }
.ms-search-form label { display:block; }
.ms-search-form input { width:100%; height:46px; padding:0 13px; border:0; outline:0; background:transparent; color:#263d2c; }
.ms-search-form button { border:0; background:#347640; color:#fff; font-size:1.25rem; font-weight:900; }
.navigation.pagination { margin-top:34px; }
.nav-links { display:flex; flex-wrap:wrap; gap:8px; }
.page-numbers { display:inline-flex; min-width:42px; height:42px; align-items:center; justify-content:center; padding:0 12px; border:1px solid #cbdac5; border-radius:10px; background:#fff; color:#315f39; text-decoration:none; }
.page-numbers.current,.page-numbers:hover { border-color:#347640; background:#347640; color:#fff; }
.ms-single-shell .ms-entry-title { max-width:900px; }
.ms-single-cover { overflow:hidden; margin-bottom:36px; border-radius:22px; box-shadow:var(--ms-shadow); }
.ms-single-cover img { display:block; width:100%; }
.ms-single-shell .ms-entry-content { font-size:1.08rem; }
@media (max-width:960px) { .ms-blog-shell { grid-template-columns:1fr; } .ms-blog-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .ms-blog-hero { padding-block:42px 38px; } .ms-blog-top-search { grid-template-columns:1fr; gap:11px; padding:14px; margin-top:-17px; border-radius:15px; } .ms-blog-top-search span { font-size:.74rem; } .ms-blog-top-search .ms-search-form input,.ms-blog-top-search .ms-search-form button { height:46px; min-height:46px; } .ms-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .ms-blog-sidebar { grid-template-columns:1fr; } .ms-post-card { border-radius:14px; } .ms-post-card-media { aspect-ratio:1 / .82; } .ms-post-card-body { padding:11px; } .ms-post-card-meta { gap:4px 7px; font-size:.58rem; } .ms-post-card-title { min-height:4.2em; font-size:.78rem; line-height:1.28; } .ms-post-card-body p { display:none; } .ms-post-card-link { width:100%; padding:7px 6px; text-align:center; font-size:.7rem; } }
