.blog-main{padding-top:64px;padding-bottom:60px;min-height:70vh}
.blog-heading{max-width:740px;margin-bottom:64px}
.blog-heading .kicker{font-size:14px;color:#6a7078}
.blog-heading h1{font-family:var(--sans);font-size:clamp(54px,7vw,88px);line-height:1.1;letter-spacing:-4px;margin:22px 0}
.blog-heading h1>span{color:#79bf22}
.blog-heading p{font-size:20px;line-height:1.65;color:#6a7078;max-width:590px}
.blog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}
.blog-sidebar{position:sticky;top:135px}
.blog-sidebar h2{font-family:var(--mono);font-size:14px;font-weight:500;margin:0 0 20px;color:#626871}
.blog-sidebar nav{display:flex;flex-direction:column;gap:8px}
.blog-sidebar button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border:0;border-radius:14px;background:transparent;color:#626871;text-align:left;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.blog-sidebar button>span:last-child{font-family:var(--mono);font-size:12px;opacity:.65}
.blog-sidebar button:hover{background:#e7e9eb;color:#171819}
.blog-sidebar button[aria-pressed=true]{background:#171819;color:#f4f5f6}
.blog-count{font-family:var(--mono);font-size:12px;color:#6a7078;margin:0 0 20px}
.blog-list{display:grid;gap:20px}
.blog-card{border-radius:25px;background:#e9ebed;overflow:hidden;transition:background .2s}
.blog-card[hidden]{display:none}
.blog-card:hover{background:#e1e4e7}
.blog-card>a{display:block;padding:32px 36px;color:inherit;text-decoration:none}
.blog-card-meta{display:flex;align-items:center;gap:18px;font-family:var(--mono);font-size:12px;color:#626871}
.blog-card-meta>span:first-child{background:#f4f5f6;border-radius:999px;padding:7px 12px}
.blog-card h2{font-family:var(--sans);font-size:28px;line-height:1.3;letter-spacing:-.6px;margin:23px 0 14px}
.blog-card p{color:#626871;font-size:16px;line-height:1.75;max-width:620px;margin:0}
.blog-read{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;margin-top:28px}
.blog-read i{display:grid;place-items:center;border-radius:50%;background:#f4f5f6;width:36px;height:36px;font-style:normal;font-size:20px}
.blog-card a:focus-visible,.blog-sidebar button:focus-visible{outline:2px solid #438200;outline-offset:-4px}
@media(max-width:900px){.blog-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.blog-card>a{padding:28px}.blog-card h2{font-size:24px}}
@media(max-width:760px){.blog-main{padding-top:36px}.blog-heading{margin-bottom:36px}.blog-heading h1{letter-spacing:-2px}.blog-heading p{font-size:17px}.blog-layout{grid-template-columns:1fr;gap:28px}.blog-sidebar{position:static;min-width:0}.blog-sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:6px}.blog-sidebar button{flex-shrink:0;padding:12px 15px}.blog-sidebar h2{margin-bottom:12px}.blog-card>a{padding:25px}.blog-card h2{font-size:24px}.blog-card-meta{font-size:11px;gap:12px}.blog-card p{font-size:15px}}