.wf-blog .splash { height: 400px; line-height: 400px; background-position: center; background-size: cover; text-align: center; }
.wf-blog .splash .featured_content { display: inline-block; line-height: normal; vertical-align: middle; width: min(80%, 1100px); }
.wf-blog .splash .featured_content img { max-width: 100%; height: auto; }
.wf-blog .splash > img { width: 100%; height: 350px; object-fit: cover; opacity: 0; }
.wf-blog .splash .title { color: #fff; font-family: Rubik, sans-serif; font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 700; }
.wf-blog .wf-blog-inner { max-width: 1120px; margin: 0 auto; padding: 38px 24px 0; }
.wf-blog .wf-blog-heading { color: #008455; font-family: Rubik, sans-serif; font-size: clamp(2rem, 4vw, 3rem); text-align: center; margin: 10px 0 32px; }
.wf-blog .wf-blog-intro { max-width: 760px; margin: 0 auto 30px; text-align: center; }
.wf-blog .wf-blog-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin: 0 0 42px; }
.wf-blog .wf-blog-nav a, .wf-blog .wf-blog-back { color: #006d49; font-weight: 700; text-decoration: none; }
.wf-blog .wf-blog-nav a:hover, .wf-blog .wf-blog-back:hover { text-decoration: underline; }
.wf-blog .wf-blog-section { margin: 0 0 52px; scroll-margin-top: 100px; }
.wf-blog .wf-blog-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 18px; border-bottom: 2px solid #e7e7e7; padding-bottom: 9px; }
.wf-blog .wf-blog-section-head h2 { color: #008455; font-family: Rubik, sans-serif; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; }
.wf-blog .wf-blog-section-head a { flex: none; color: #333; font-weight: 700; text-decoration: none; }
.wf-blog .wf-blog-section-head a:hover { color: #008455; }
.wf-blog .wf-blog-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.wf-blog .wf-blog-card { display: block; min-width: 0; border: 1px solid #ddd; color: #333; background: #fff; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.wf-blog .wf-blog-card:hover, .wf-blog .wf-blog-card:focus-visible { border-color: #008455; box-shadow: 0 4px 16px rgba(0,0,0,.15); }
.wf-blog .wf-blog-card-image { display: block; position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #e9ebe8; }
.wf-blog .wf-blog-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wf-blog .wf-blog-card-label { display: block; padding: 12px 10px 4px; color: #008455; text-align: center; text-transform: uppercase; letter-spacing: .07em; font-size: 11px; font-weight: 700; }
.wf-blog .wf-blog-card-title { display: block; padding: 4px 12px 16px; text-align: center; font-size: 15px; font-weight: 700; line-height: 1.4; }
.wf-blog .wf-blog-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(0,0,0,.72); color: white; font-size: 18px; padding-left: 3px; }
.wf-blog .wf-blog-empty { color: #666; }
.wf-blog .wf-more-heading { border-top: 2px solid #e7e7e7; padding-top: 28px; margin-bottom: 20px; color: #008455; font-family: Rubik, sans-serif; font-size: 1.5rem; font-weight: 700; }
.wf-blog .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 900px) { .wf-blog .wf-blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .wf-blog .wf-blog-inner { padding: 24px 16px 0; } .wf-blog .wf-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .wf-blog .wf-blog-card-title { font-size: 13px; } .wf-blog .wf-blog-section-head h2 { font-size: 1.3rem; } }
@media (max-width: 380px) { .wf-blog .wf-blog-grid { grid-template-columns: 1fr; } }