.resources-list .post{display:flex;align-items:center;gap:18px;padding:20px 18px;margin:0 0 20px;border:0;border-radius:22px;background:#f3f4f5;color:#082e20;transition:background .2s;min-width:0}
.resources-list .post:hover{background:#eaf5ee}
.resources-list .post:focus-visible{outline:3px solid #01b859;outline-offset:4px}
.resources-list .post-thumbnail{display:block;width:150px;height:100px;flex:0 0 150px;object-fit:cover;border-radius:10px}
.resources-list .post-content{min-width:0;flex:1}
.resources-list .post h3{font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.035em;line-height:1.12;margin:0}
.resources-list .post p{font-size:16px;line-height:1.5;color:#526b60;margin:10px 0 0!important}
.resources-list .post .meta{font-size:15px;line-height:1.5;color:#15241c;margin:14px 0 0}
@media(max-width:600px){.resources-list .post{align-items:flex-start;gap:14px;padding:18px;border-radius:18px}.resources-list .post-thumbnail{width:88px;height:88px;flex-basis:88px}.resources-list .post h3{font-size:21px}.resources-list .post p{font-size:15px}.resources-list .post .meta{font-size:13px}}
@media(max-width:380px){.resources-list .post{flex-direction:column}.resources-list .post-thumbnail{width:100%;height:140px;flex-basis:auto}}

.resources-hero{padding:88px 0 16px;text-align:center;background:#fff}.resources-hero .wrap{max-width:1040px}.resources-hero h1{font-size:clamp(48px,6vw,80px);font-weight:500;line-height:1.1;letter-spacing:-.045em;color:#082e20;margin:0}.resources-hero p{max-width:720px;margin:24px auto 0;font-size:16px;line-height:1.65;color:#526b60}@media(max-width:600px){.resources-hero{padding:54px 0 8px}.resources-hero p{margin-top:18px}.resources-break{display:none}}