/* Editorial article collection: one featured guide and four supporting cards. */
.site-design #guides{background:#f5f7f1;padding:84px 0}
.site-design #guides .section-head{max-width:730px;margin-bottom:40px}
.site-design #guides .eyebrow{color:#27814a;font-size:10px;letter-spacing:.18em;margin-bottom:17px}
.site-design #guides h2{font-size:clamp(30px,3vw,42px);line-height:1.18;letter-spacing:-.035em}
.site-design #guides h2 span{color:#2c7c4b}
.site-design #guides .section-head p{font-size:14px;line-height:1.8;color:#6d7b70;margin-top:17px}
.site-design #guides .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.site-design #guides .post-card{background:#fff;border:1px solid #dfe8dd;border-radius:16px;box-shadow:0 5px 20px #173b2410;transition:transform .2s,box-shadow .2s;min-width:0}
.site-design #guides .post-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #173b241a}
.site-design #guides .post-card>a{overflow:hidden;display:block}
.site-design #guides .post-card img{aspect-ratio:3/2;object-fit:cover;transition:transform .35s}
.site-design #guides .post-card:hover img{transform:scale(1.035)}
.site-design #guides .post-card .body{padding:22px}
.site-design #guides .meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px;font-size:9px;letter-spacing:.07em}
.site-design #guides .meta>span:first-child{color:#267348;background:#eaf4e9;padding:5px 8px;border-radius:5px}
.site-design #guides .meta>span:last-child{color:#748276;font-weight:400;letter-spacing:0;text-transform:none;white-space:nowrap}
.site-design #guides .post-card h3{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-bottom:12px}
.site-design #guides .post-card p{font-size:13px;line-height:1.8;color:#6b7b70;margin-bottom:20px}
.site-design #guides .link-arrow{padding-top:15px;border-top:1px solid #e5ece3;justify-content:space-between;font-size:12px;color:#1b7240}
.site-design #guides .link-arrow::after{content:'\2197';font-size:19px;font-weight:400}
.site-design #guides .post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}
.site-design #guides .post-card:first-child>a{height:100%}
.site-design #guides .post-card:first-child img{height:100%;min-height:300px;aspect-ratio:auto}
.site-design #guides .post-card:first-child .body{padding:34px;justify-content:center}
.site-design #guides .post-card:first-child h3{font-size:clamp(23px,2vw,30px);line-height:1.3}
.site-design #guides .post-card:first-child p{flex:0;font-size:14px;margin-bottom:24px}
@media(max-width:1200px){.site-design #guides .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-design #guides .post-card:first-child .body{padding:26px}}
@media(max-width:760px){.site-design #guides{padding:56px 0}.site-design #guides .post-card:first-child{display:flex}.site-design #guides .post-card:first-child img{height:auto;min-height:0;aspect-ratio:3/2}.site-design #guides .post-card:first-child .body{padding:23px}.site-design #guides .post-card:first-child h3{font-size:22px}}
@media(max-width:640px){.site-design #guides .grid{grid-template-columns:1fr;gap:22px}.site-design #guides .post-card h3{font-size:19px}.site-design #guides h2{font-size:32px}}