.blogs-section{padding:var(--section-pad-y) 0 var(--section-pad-y-lg)}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem;display:grid}.blogs-message{text-align:center;color:var(--color-text-muted);padding:2rem 0;font-size:1.05rem}.blogs-message--error{color:#b42318}.blog-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.blog-card__media{aspect-ratio:16/9;background:var(--color-bg-muted);display:block;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blog-card:hover .blog-card__media img{transform:scale(1.03)}.blog-card__media-placeholder{background:linear-gradient(135deg, var(--color-bg-muted), #14a39526);width:100%;height:100%}.blog-card__body{flex-direction:column;flex:1;gap:.65rem;padding:1.35rem 1.5rem 1.5rem;display:flex}.blog-card__date{font-size:var(--text-sm);color:var(--color-primary);letter-spacing:.02em;font-weight:600}.blog-card__title{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:600;line-height:1.25}.blog-card__title a{color:var(--color-text);text-decoration:none}.blog-card__title a:hover{color:var(--color-primary)}.blog-card__excerpt{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__link{color:var(--color-primary);align-items:center;gap:.35rem;margin-top:auto;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-card__link:hover{color:var(--color-primary-dark)}.blog-card--skeleton{pointer-events:none}.blog-card__shimmer{background:linear-gradient(90deg, var(--color-bg-muted) 0%, #e8eeec 50%, var(--color-bg-muted) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite blog-shimmer}.blog-card__shimmer--line{height:.85rem;margin-bottom:.5rem}.blog-card__shimmer--short{width:40%}.blog-card__shimmer--title{width:85%;height:1.25rem;margin:.35rem 0 .75rem}.blog-card__shimmer--btn{width:35%;margin-top:.75rem}.blog-detail-section{padding:0 0 var(--section-pad-y-lg)}.blog-detail{max-width:900px;margin:0 auto}.blog-detail__preview-banner{border-left:3px solid var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, white);color:var(--color-text);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 1.5rem;padding:.875rem 1rem;font-size:.95rem;line-height:1.5}.blog-detail__image{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:420px;box-shadow:var(--shadow-md);margin-bottom:2rem}.blog-detail__content{padding-bottom:2rem}.blog-detail-back{color:var(--color-primary);margin-top:.75rem;font-weight:600;display:inline-block}.blog-detail-skeleton{max-width:900px;margin:0 auto}.blog-detail-skeleton__image{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-bg-muted) 0%, #e8eeec 50%, var(--color-bg-muted) 100%);background-size:200% 100%;height:280px;margin-bottom:1.5rem;animation:1.2s ease-in-out infinite blog-shimmer}.blog-detail-skeleton__line{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-muted) 0%, #e8eeec 50%, var(--color-bg-muted) 100%);background-size:200% 100%;height:1rem;margin-bottom:.75rem;animation:1.2s ease-in-out infinite blog-shimmer}.blog-detail-skeleton__line--wide{width:70%;height:1.5rem}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){.blogs-grid{grid-template-columns:1fr}}