
.blog-page{background:#faf8f2}.blog-page .eyebrow{color:#df6713;font-size:13px;letter-spacing:.06em}.blog-page .section-intro{max-width:820px;margin-bottom:32px}.blog-search{max-width:620px;margin:0 auto 40px;display:flex;gap:12px;align-items:end;padding:22px;background:#fff;border:1px solid #e5e7e1;border-radius:20px;text-align:left}.blog-search label{flex:1;font-size:13px;font-weight:600}.blog-search select{display:block;width:100%;margin-top:6px;border-radius:10px}.blog-search button{background:#f89c0e;padding:14px 25px}.blog-results{font-size:13px;margin:0 0 20px}.blog-page .content-card{border-radius:20px;background:#fff;overflow:hidden;border:1px solid #e1e3dc;display:flex;flex-direction:column}.blog-page .content-card>img,.blog-page .blog-placeholder{width:100%;height:230px;object-fit:cover;flex-shrink:0;background:#eeeae1}.blog-placeholder{display:grid;place-items:center;color:#df6713;background:radial-gradient(circle at 50% 50%,#fff8e9 0 33%,#eeeae1 34%)!important}.blog-placeholder svg{width:66px;height:66px}.blog-page .content-card>div:not(.blog-placeholder){padding:30px;display:flex;flex-direction:column;flex:1}.blog-page .content-card h2{font-size:24px;line-height:1.28;margin:0 0 20px}.blog-page .content-card h2 a{color:#2d3e40}.blog-page .content-card p:not(.eyebrow){font-size:16px;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-page .content-card .eyebrow{font-size:11px;margin-bottom:12px}.blog-page .content-card>div>a{color:#df6713;font-weight:700;margin-top:auto;padding-top:16px}.blog-page .pagination{margin-top:35px}.blog-page .pagination a{background:white;border-radius:50%;min-width:42px;text-align:center}.blog-page .pagination a[aria-current]{background:#df6713;color:white}.blog-page .empty{padding:40px;border-radius:20px;background:white}
@media(min-width:601px) and (max-width:1000px){.blog-page .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-search{flex-wrap:wrap;padding:18px}.blog-search label{flex-basis:100%}.blog-search button{width:100%}.blog-page .content-card>div:not(.blog-placeholder){padding:26px}.blog-page .content-card>img,.blog-page .blog-placeholder{height:220px}}
