.blog,.blog-article{padding-bottom:var(--space-5);padding-top:var(--space-3)}.blog-article__title,.blog__heading{color:var(--color-text-heading);font-size:var(--font-size-2xl);font-weight:700;margin:var(--space-3) 0}.blog__empty{color:var(--color-text-muted);font-size:var(--font-size-lg);padding:var(--space-5) 0;text-align:center}.blog-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}.blog-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 16px -2px rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.blog-card:hover{box-shadow:0 8px 24px -4px rgba(0,0,0,.12);transform:translateY(-2px)}.blog-card__link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-card__image-wrap{aspect-ratio:400/250;background:#f5f5f5;overflow:hidden;position:relative;width:100%}.blog-card__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blog-card__image--empty{background:linear-gradient(135deg,#f0f0f0,#e6e6e6);display:block}.blog-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.blog-card__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.blog-card__title{color:var(--color-text-heading);font-size:var(--font-size-lg);font-weight:600;line-height:1.3;margin:0}.blog-card__excerpt{color:var(--color-text-muted);display:-webkit-box;font-size:var(--font-size-sm);-webkit-line-clamp:3;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.blog__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-top:var(--space-4)}.blog__pagination .pagination{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.blog__pagination .pagination a,.blog__pagination .pagination span{border:1px solid #e5e5e5;border-radius:var(--radius-md,8px);color:var(--color-text-heading);display:inline-block;padding:var(--space-2) var(--space-3);text-decoration:none}.blog__pagination .pagination .active span,.blog__pagination .pagination a:hover{background:var(--color-brand-primary,#fa0);border-color:var(--color-brand-primary,#fa0);color:#fff}.blog__pagination-results{color:var(--color-text-muted);font-size:var(--font-size-sm)}.blog-article>.blog-article__inner{margin:0 auto;max-width:760px}.blog-article__meta{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-3);margin-bottom:var(--space-3)}.blog-article__cover{border-radius:16px;height:auto;margin-bottom:var(--space-4);width:100%}.blog-article__content{color:var(--color-text,#222);font-size:var(--font-size-base,1rem);line-height:1.7}.blog-article__content h2,.blog-article__content h3{color:var(--color-text-heading);margin:var(--space-4) 0 var(--space-2)}.blog-article__content p{margin:0 0 var(--space-3)}.blog-article__content img{border-radius:12px;height:auto;max-width:100%}.blog-article__content .mpmgr-article .mp-figure{margin:1.25rem 0 0}.blog-article__content .mpmgr-article .mp-figure--wide{margin:1.75rem 0 2rem}.blog-article__content .mpmgr-article .mp-figure img{border:1px solid #e2d6c4;border-radius:16px;box-shadow:0 16px 36px rgba(58,40,16,.08)}.blog-article__content .mpmgr-article .mp-caption{color:#746a5b;display:block;font-size:.86rem;line-height:1.45;margin:.65rem .15rem 0}.blog-article__content .mpmgr-article .m-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem}.blog-article__content .mpmgr-article .m-badge{align-items:center;background:#f7f2e8;border-radius:999px;color:#75521a;display:inline-flex;font-size:.72rem;font-weight:700;line-height:1;min-height:24px;padding:.2rem .55rem}.blog-article__content .mpmgr-article .m-badge.warn{background:#fce7ec;color:#ad2740}.blog-article__content ol,.blog-article__content ul{margin:0 0 var(--space-3);padding-left:var(--space-4)}.blog-article__content a{color:var(--color-brand-primary-hover,#e67700);text-decoration:underline}@media (max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.blog-grid{gap:var(--space-3);grid-template-columns:1fr}.blog-article__title,.blog__heading{font-size:var(--font-size-xl)}.blog-article__content .mpmgr-article .mp-figure--wide{margin:1.25rem 0 1.5rem}}