.blog-view-toggle__btn{appearance:none;cursor:pointer;border:1px solid #e5e7eb;background:0 0;color:#6b7280;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.375rem .75rem;border-radius:.375rem;transition:color .15s ease,background-color .15s ease,border-color .15s ease}:is(html[class~=dark]) .blog-view-toggle__btn{border-color:#404040;color:#9ca3af}.blog-view-toggle__btn:hover{color:#111827;border-color:#9ca3af}:is(html[class~=dark]) .blog-view-toggle__btn:hover{color:#f3f4f6;border-color:#737373}.blog-view-toggle__btn[aria-pressed=true]{color:#111827;border-color:hsl(var(--primary-hue),100%,50%);background:hsl(var(--primary-hue),100%,50%,.08)}:is(html[class~=dark]) .blog-view-toggle__btn[aria-pressed=true]{color:#f3f4f6}.blog-view--grid .blog-month__posts{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.blog-view--grid .blog-month__posts{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-view--grid .blog-post-card{margin-bottom:0;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;height:100%}:is(html[class~=dark]) .blog-view--grid .blog-post-card{border-color:#404040}.blog-view--grid .blog-post-card__title a{font-size:1.125rem;line-height:1.5rem}.blog-view--grid .blog-post-card__desc,.blog-view--grid .blog-post-card__more{display:none}.blog-month{scroll-margin-top:5rem}