.m3b-blog-list-item--compact,.m3b-blog-list-item--featured{display:flex}.m3b-blog-list-item--featured{flex-direction:column;gap:1.25rem}.m3b-blog-list-item--compact{align-items:flex-start;flex-direction:row;gap:1rem}.m3b-blog-list-item--featured .m3b-blog-list-item__media{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#04716a 0%,#71bcb2 100%);background:linear-gradient(135deg,var(--dark-color) 0%,var(--primary-color) 100%);border-radius:20px;display:flex;justify-content:center;overflow:hidden}.m3b-blog-list-item--compact .m3b-blog-list-item__media{align-items:center;aspect-ratio:1/1;background:#e2eef2;border-radius:8px;display:flex;flex:0 0 96px;justify-content:center;overflow:hidden;width:96px}.m3b-blog-list-item__media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.m3b-blog-list-item__media-fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.m3b-blog-list-item--featured .m3b-blog-list-item__media-fallback svg{color:#fff;width:20%}.m3b-blog-list-item--compact .m3b-blog-list-item__media-fallback svg{color:#04716a;color:var(--dark-color);width:44%}.m3b-blog-list-item__body{display:flex;flex-direction:column;min-width:0}.m3b-blog-list-item--featured .m3b-blog-list-item__body h3{font-size:1.3em}.m3b-blog-list-item--compact .m3b-blog-list-item__body h3{font-size:1.05em;margin-bottom:0.35rem}.m3b-blog-list-item--compact .m3b-blog-list-item__body h3 a,.m3b-blog-list-item--featured .m3b-blog-list-item__body h3 a{color:#333;color:var(--text-color);-webkit-text-decoration:none;text-decoration:none}.m3b-blog-list-item--compact .m3b-blog-list-item__meta,.m3b-blog-list-item--featured .m3b-blog-list-item__meta{color:#04716a;color:var(--dark-color);font-size:0.85em;margin-bottom:0.5rem}.m3b-blog-list-item--compact .m3b-blog-list-item__preview p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:0.9em;margin-bottom:0.5rem;overflow:hidden}.m3b-blog-list-item__readmore{align-items:center;color:#04716a;color:var(--dark-color);display:inline-flex;font-size:0.85em;font-weight:700;gap:0.15rem;-webkit-text-decoration:none;text-decoration:none}.m3b-blog-list-item__readmore:hover{-webkit-text-decoration:underline;text-decoration:underline}.m3b-blog-list-item__chevron{font-size:1.1em}@media (max-width:480px){.m3b-blog-list-item--compact .m3b-blog-list-item__media{flex-basis:64px;width:64px}}