.blog-heading{max-width:860px;margin-bottom:48px}.blog-heading h1{font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1}.blog-sidebar .sidebar-box{position:sticky;top:100px;border:1px solid var(--brand-border);padding:24px;background:var(--brand-bg)}.sidebar-box h2{font-size:1.15rem}.recent-blogs{list-style:none;padding:0;margin:0;display:grid;grid-gap:16px;gap:16px}.recent-blogs li{display:grid;grid-template-columns:54px 1fr;grid-gap:12px;gap:12px;align-items:center}.date-badge{display:grid;align-items:center;justify-items:center;place-items:center;border:1px solid var(--brand-border);min-height:54px;color:var(--brand-text)}.date-badge span{font-weight:700;line-height:1}.date-badge small{color:var(--brand-accent);font-weight:700}.blog-list{display:grid;grid-gap:24px;gap:24px}.blog-list-item{border:1px solid var(--brand-border);padding:30px}.blog-meta-line{display:flex;flex-wrap:wrap;gap:12px;color:var(--brand-text);font-size:.86rem;font-weight:700}.blog-list-item h2{font-size:max(1.35rem, min(2.5vw, 2rem));margin-top:10px}.pagination{margin-top:36px}.page-link{color:var(--brand-primary)}.page-item.active .page-link{background:var(--brand-primary-dark);border-color:var(--brand-primary-dark)}