.blog-list{display:grid;grid-template-columns:1fr;grid-gap:var(--spacer);gap:var(--spacer);list-style:none;margin-bottom:var(--spacer-xl);a{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--spacer-lg);gap:var(--spacer-lg);text-decoration:none;color:var(--primary);transition:all var(--transition) ease-in-out;border-bottom:2px solid var(--border);padding:var(--spacer-md) 0;h2{text-decoration:underline;font-size:var(--h1-size);font-weight:400;text-wrap:pretty}.date,h2{margin-bottom:var(--spacer-sm)}.date{font-size:var(--text-md);color:var(--fg-400)}.subtitle{font-size:var(--h3-size);text-wrap:pretty;color:var(--fg);margin-bottom:var(--spacer-sm)}.thumbnail-container{overflow:hidden;margin-top:auto;.thumbnail{height:100%;width:100%;object-fit:cover;transition:transform .2s}}}a:hover{text-decoration:none;h2{text-decoration:none}.thumbnail-container{.thumbnail{transform:scale(1.05)}}}}@media (max-width:768px){.blog-list{a{grid-template-columns:1fr;gap:var(--spacer-lg)}}}