.ccs{padding:var(--ccs-pad-top,22px) 0 var(--ccs-pad-bottom,22px);background:var(--ccs-bg,#fffef9);color:#173b27}
.ccs .wrap{width:min(1440px,calc(100% - 40px));margin:0 auto}
.ccs__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:14px}
.ccs__kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:950;color:#88978c}
.ccs__title{font-family:Georgia,serif;font-size:30px;margin:4px 0 8px;color:#0f4d2d;line-height:1.15}
.ccs__desc{margin:0;color:#6f7b72;font-size:13px;max-width:760px;line-height:1.5}
.ccs__view-link{flex:none;font-size:13px;font-weight:900;color:var(--ccs-brand,#17643b);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ccs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.ccs__card{border:1px solid #dbe5d7;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(27,75,48,.06);text-decoration:none;color:inherit;display:block;transition:.2s ease}
.ccs__card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(27,75,48,.08)}
.ccs__top{height:105px;background:linear-gradient(145deg,#eaf6e2,#fff0d4);display:grid;place-items:center}
.ccs__card:nth-child(2) .ccs__top{background:linear-gradient(145deg,#fff2d8,#f7edd9)}
.ccs__card:nth-child(3) .ccs__top{background:linear-gradient(145deg,#e6f6dd,#f8f8dd)}
.ccs__card:nth-child(4) .ccs__top{background:linear-gradient(145deg,#e6f2ec,#f8f3de)}
.ccs__avatar{width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 10px 22px rgba(31,83,48,.08)}
.ccs__body{padding:13px 14px 16px}
.ccs__body strong{display:block;font-family:Georgia,serif;font-size:16px}
.ccs__body span{display:block;font-size:10px;color:#859087;margin-top:4px;line-height:1.4}
.ccs__cta{display:inline-block!important;font-size:10px!important;font-weight:900;color:var(--ccs-brand,#17643b)!important;margin-top:9px!important}
@media(max-width:900px){
  .ccs__head{flex-direction:column;align-items:flex-start}
  .ccs__grid{grid-template-columns:repeat(2,1fr)}
  .ccs__title{font-size:26px}
}
@media(max-width:560px){.ccs__grid{grid-template-columns:1fr}}