@layer quartz-base{.blog-extras{margin-top:2rem}.blog-extras a.internal{background-color:#0000;padding:0}.blog-extras h2{margin:2.5rem 0 1rem;font-size:1.5rem}.blog-extras ul.post-list{margin:0;padding:0;list-style:none}.blog-extras .post-item{border-bottom:1px solid var(--lightgray);grid-template-columns:10rem 1fr;gap:1rem;padding:2rem 0;display:grid}.blog-extras .post-date{color:var(--gray);font-weight:500}.blog-extras .post-body h3{margin:0;font-size:1.5rem}.blog-extras .post-body h3 a{color:var(--dark);background:0 0;padding:0}.blog-extras .post-tags{flex-wrap:wrap;gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.blog-extras .post-tags a.tag{text-transform:uppercase;color:var(--tag);background:0 0;padding:0;font-size:.85rem;font-weight:500}.blog-extras .post-summary{color:var(--darkgray);margin:.75rem 0}.blog-extras .read-more{background:0 0;padding:0;font-weight:500}.blog-extras .all-posts{text-align:right;margin-top:1rem;font-weight:500;display:block}.blog-extras .recent-notes-list{padding-left:1.25rem}.blog-extras .recent-notes-list time{color:var(--gray);margin-left:.5rem;font-size:.9rem}.blog-extras .giscus-mount{margin-top:2rem}.blog-extras ul.post-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:2.5rem 2rem;margin:0;padding:0;list-style:none;display:grid}.blog-extras .post-card{flex-direction:column;margin:0;display:flex}.blog-extras .post-card-image{aspect-ratio:16/9;border:1px solid var(--lightgray);border-radius:.5rem;margin-bottom:1rem;display:block;overflow:hidden}.blog-extras .post-card-image img{object-fit:cover;width:100%;height:100%;margin:0;transition:transform .3s}.blog-extras .post-card-placeholder{box-sizing:border-box;width:100%;height:100%;font-family:var(--headerFont);color:var(--dark);background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--secondary) 35%, transparent), transparent 60%), linear-gradient(135deg, var(--lightgray), var(--light));align-items:flex-end;padding:1.25rem;font-size:1.6rem;font-weight:700;line-height:1.15;display:flex}.blog-extras .post-card:hover .post-card-image img{transform:scale(1.03)}.blog-extras .post-card-body h2{margin:.25rem 0 0;font-size:1.4rem;line-height:1.25}.blog-extras .post-card-body h2 a{color:var(--dark)}.blog-extras .post-card-body h2 a:hover{color:var(--secondary)}@media (max-width:800px){.blog-extras .post-item{grid-template-columns:1fr;gap:.25rem}}}