/* Editorial cards shared by the homepage and article directory. */
.designRefresh .blogGrid{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.designRefresh .blogCard,.resourceCard{display:flex;flex-direction:column;min-width:0;padding:12px;background:#fffdf8;border:1px solid #dce3d6;border-radius:22px;box-shadow:0 5px 20px #263c3004;overflow:hidden;color:#263c30;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s,border-color .35s}
.designRefresh .blogCard .blogCardImage,.resourceCard>img{border-radius:13px;overflow:hidden;aspect-ratio:2400/1262;background:#edf1e7;width:100%;flex-shrink:0}
.designRefresh .blogCard .blogCardImage img,.resourceCard>img{object-fit:contain;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.designRefresh .blogCard .blogCardContent,.resourceCard>div{padding:24px 16px 12px;display:flex;flex-direction:column;flex:1;min-width:0}
.designRefresh .blogCard .blogCardTags{min-height:0;margin-bottom:14px;gap:6px}
.designRefresh .blogCard .blogTag{background:#edf2e7;font-size:11px;font-weight:500;padding:4px 10px;letter-spacing:0}
.designRefresh .blogCard .blogCardDate,.resourceCard small{font-size:11px;font-weight:500;color:#70806a;margin-bottom:12px}
.designRefresh .blogCard h3,.resourceCard h3{font-size:clamp(21px,2.1vw,28px);font-weight:600;line-height:1.55;margin:0;color:#263c30}
.designRefresh .blogCard p,.resourceCard p{font-size:14px;line-height:1.85;color:#657164;margin:14px 0 22px}
.blogCardRead,.resourceCard>div>span{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:20px;border-top:1px solid #e2e7dc;color:#356142;font-size:13px;font-weight:600}
.blogCardRead{margin-top:24px}
.blogCardRead i,.resourceCard .cardArrow{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce5d4;border-radius:50%;transition:background .3s,color .3s,transform .3s}
.designRefresh .blogCard:focus-visible,.resourceCard:focus-visible{outline:2px solid #356142;outline-offset:5px}
@media(min-width:1000px){.designRefresh .blogCard:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;background:#edf2e7;padding:18px}.designRefresh .blogCard:first-child .blogCardContent{padding:18px 20px}.designRefresh .blogCard:first-child h3{font-size:32px}.designRefresh .blogCard:first-child .blogTag{background:#fffdf8}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.designRefresh .blogCard:hover,.resourceCard:hover{transform:translateY(-5px);border-color:#afc2a5;box-shadow:0 18px 38px #263c3010}.designRefresh .blogCard:hover .blogCardImage img{transform:scale(1.025)}.blogCard:hover .blogCardRead i,.resourceCard:hover .cardArrow{background:#356142;color:white;transform:rotate(-12deg)}}
@media(max-width:640px){.designRefresh .blogGrid{grid-template-columns:minmax(0,1fr);gap:22px}.designRefresh .blogCard,.resourceCard{padding:9px;border-radius:18px}.designRefresh .blogCard .blogCardContent,.resourceCard>div{padding:20px 12px 12px}.designRefresh .blogCard h3,.resourceCard h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.designRefresh .blogCard,.resourceCard,.blogCardRead i,.resourceCard .cardArrow,.designRefresh .blogCard .blogCardImage img,.resourceCard>img{transition:none}}