.blog-header{background:var(--brand-primary);padding:80px 0}.blog-header h1{font-size:max(2rem, min(4vw, 3.5rem))}.blog-header h1,.blog-header p{color:var(--brand-text-inverse)}.blog-listing{padding:80px 0}.blog-card{padding:28px 0;border-bottom:1px solid var(--brand-border)}.recent-panel{background:var(--brand-bg-alt);padding:28px}.recent-panel a{display:block;padding:14px 0;border-bottom:1px solid var(--brand-border)}.recent-panel span{display:block;font-size:.85rem;color:var(--brand-text)}.pagination{margin-top:32px}