.blog{margin:var(--spacer-xl) 0;h1{font-size:var(--h1-size);font-family:var(--font-heading)}h1+p{margin-bottom:var(--spacer-xl);color:var(--fg-400)}.link{color:var(--primary);text-decoration:underline;font-weight:700}.featured-post{display:grid;grid-template-columns:2fr 3fr;grid-template-areas:"thumbnail meta";color:var(--fg);text-decoration:none;margin-bottom:var(--spacer-xl);background-color:var(--bg-1000);&:hover{.title{text-decoration:underline}.thumbnail{transform:scale(1.05)}}.meta{grid-area:meta;display:flex;flex-direction:column;padding:var(--spacer-lg)}label{font-size:var(--text-sm);font-family:var(--font-heading);margin:var(--spacer-md) 0;font-weight:700;color:var(--secondary-contrast);align-self:start}.title{color:var(--primary);font-size:3rem;margin-bottom:var(--spacer-lg);text-wrap:balance;text-transform:uppercase;text-decoration:none}.date{font-family:var(--font-heading);font-size:var(--text-md);margin-bottom:var(--spacer-md);color:var(--fg-400)}.subtitle{font-size:var(--h3-size);color:var(--fg);margin-bottom:var(--spacer-lg);text-wrap:balance}.thumbnail-container{grid-area:thumbnail;overflow:hidden;.thumbnail{height:100%;width:auto!important;aspect-ratio:1/1;background:var(--primary)}}}.post{--text-body:1.2rem;--h1-size:4rem;.meta{display:flex;align-items:center;gap:var(--spacer-lg);padding-bottom:var(--spacer-xl);margin-bottom:var(--spacer-xl);border-bottom:2px solid var(--border);.thumbnail{width:40%;max-width:100%;border-radius:var(--border-radius);margin-bottom:var(--spacer-lg)}.title{font-size:var(--h1-size);margin:0 0 var(--spacer-lg);text-wrap:pretty}.subtitle{font-size:var(--h2-size);text-wrap:pretty}.date,.subtitle{color:var(--text-muted);margin-bottom:var(--spacer-lg)}}.authors{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacer-lg);margin-bottom:var(--spacer-lg)}.author{display:grid;grid-column-gap:var(--spacer-md);column-gap:var(--spacer-md);align-items:center;grid-template-areas:"avatar name" "avatar title";img{border-radius:50%;grid-area:avatar}.author-name{grid-area:name;color:var(--primary)}.author-title{grid-area:title;color:var(--text-muted)}}article{display:grid;margin-bottom:var(--spacer-xl);grid-template-columns:min(var(--max-docs-width),100%) 1fr;grid-template-areas:"markdown toc";grid-column-gap:var(--spacer-xl);.toc{position:relative;grid-area:toc;.toc-wrapper{top:calc(var(--header-height) + var(--spacer-xl))}}.markdown{display:block;grid-area:markdown;overflow:hidden;code:not(pre code){background-color:var(--bg-800)}}}}.btn-blog-pages{color:var(--bg);background-color:var(--primary);display:flex;flex:auto;justify-content:center;padding:var(--spacer-md);text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-family:var(--font-heading);&:hover{background-color:var(--primary-hover)}}}.blog-archive{display:flex;flex-direction:column;h2{margin:var(--spacer-lg) 0 var(--spacer-sm);font-size:var(--h2-size);font-family:var(--font-heading);color:var(--primary)}a{font-size:var(--h4-size);padding:var(--spacer-md) var(--spacer-sm);color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}a:hover{color:var(--primary-hover);text-decoration:underline}}.tags{display:flex;flex-wrap:wrap;gap:var(--spacer);margin-bottom:var(--spacer-xl);a{background-color:var(--bg-500);color:var(--fg);padding:var(--spacer-sm) var(--spacer-md);font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;text-decoration:none}a:hover{color:var(--primary-contrast);background-color:var(--primary-hover)}:last-child{background:none}}.blog-pagination{display:flex;justify-content:center;gap:var(--spacer-md)}@media (max-width:1289px){.blog .post article{grid-template-columns:1fr 200px;grid-column:1/3}}@media (max-width:980px){.blog{.featured-post{grid-template-columns:1fr;grid-template-areas:"meta" "thumbnail"}.post .meta{flex-direction:column;.thumbnail{width:100%}}.post article{grid-template-columns:1fr;grid-template-areas:"article";grid-column-gap:0}.toc{display:none}}}@media (max-width:768px){.blog .post{padding:0 var(--spacer-md)}}