@charset "UTF-8";.src4d339-blog-grid{background:var(--brand-bg);padding:48px 0 64px}.src4d339-blog-head{text-align:center;max-width:720px;margin:0 auto 32px}.src4d339-blog-head h1,.src4d339-blog-head p{color:var(--brand-text)}.src4d339-blog-card{border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden;background:var(--brand-bg);height:100%;display:flex;flex-direction:column}.src4d339-blog-media{position:relative}.src4d339-blog-card img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block;background:var(--brand-primary-light)}.src4d339-blog-tag{position:absolute;left:16px;top:16px;padding:4px 8px;background:var(--brand-primary);color:var(--brand-text-inverse);font-size:12px;font-weight:700}.src4d339-blog-body{padding:16px;display:flex;flex-direction:column;flex:1}.src4d339-blog-card h2{margin:0 0 8px;font-size:1.25rem;color:var(--brand-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.src4d339-blog-card h2 a{color:var(--brand-text)}.src4d339-blog-excerpt{color:var(--brand-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.src4d339-blog-meta{margin-top:auto;margin-bottom:0;color:var(--brand-text-secondary)}.src4d339-blog-meta span,.src4d339-blog-meta time{color:var(--brand-text-secondary)}.src4d339-blog-meta span::before{content:" · "}.src4d339-blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(36,49,59,.12)}.src4d339-blog-pager{margin-top:48px}.src4d339 .pagination .page-link{color:var(--brand-text)}.src4d339 .pagination .page-item.active .page-link{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-text-inverse)}