.blog-hero{background:var(--brand-primary-dark);padding:180px 0 60px}.blog-hero h1{color:#fff;font-weight:700}.blog-hero p{color:rgba(255,255,255,.85)}.blog-grid .blog-card{border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden;transition:box-shadow .25s;height:100%;background:var(--brand-bg)}.blog-grid .blog-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.blog-grid .blog-card .card-body{padding:var(--spacing-md)}.blog-grid .blog-card .blog-date{font-size:.78rem;color:var(--brand-text-secondary);text-transform:uppercase;letter-spacing:.5px}.blog-grid .blog-card h3{font-size:1.1rem;font-weight:600;color:var(--brand-text)}.blog-grid .blog-card h3 a{color:inherit;-webkit-text-decoration:none;text-decoration:none}.blog-grid .blog-card h3 a:hover{color:var(--brand-primary)}.blog-grid .blog-card .blog-excerpt{font-size:.88rem;color:var(--brand-text)}.blog-grid .blog-card .read-more{font-size:.85rem;font-weight:600;color:var(--brand-accent);-webkit-text-decoration:none;text-decoration:none}.blog-grid .blog-card .read-more:hover{-webkit-text-decoration:underline;text-decoration:underline}.blog-detail .blog-meta{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-sm)}.blog-detail .entry-title{font-size:2.25rem;color:var(--brand-text);margin-bottom:var(--spacing-sm)}.blog-detail .blog-attr{color:var(--brand-text);font-size:.85rem;margin-bottom:var(--spacing-lg)}.blog-detail .blog-attr a{color:var(--brand-accent);-webkit-text-decoration:none;text-decoration:none}.blog-detail .content{font-size:1.05rem;line-height:1.8;color:var(--brand-text)}.blog-detail .content h2{margin-top:var(--spacing-lg)}.blog-detail .content h3{margin-top:var(--spacing-md)}.blog-detail .content p{margin-bottom:var(--spacing-sm)}.blog-detail .entry-author{background:var(--brand-bg-alt);border-radius:var(--brand-radius);padding:var(--spacing-md);margin-top:var(--spacing-xl)}.blog-detail .pre-next{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--brand-border)}.blog-detail .pre-next a{color:var(--brand-primary);-webkit-text-decoration:none;text-decoration:none;font-weight:500}.blog-detail .pre-next a:hover{color:var(--brand-accent)}.blog-detail .blog-reply{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--brand-border)}.pagination .page-item.active .page-link{background-color:var(--brand-primary);border-color:var(--brand-primary)}.pagination .page-link{color:var(--brand-primary);border-radius:var(--brand-radius)}