@layer components.Articles{.Articles{display:flex;flex-direction:column;gap:2.5rem}@media (min-width:640px){.Articles{gap:3rem}}.Articles__post{--gap-col:0;--gap-row:0;--meta-size:auto;-moz-column-gap:var(--gap-col);column-gap:var(--gap-col);display:flex;flex-direction:column;row-gap:var(--gap-row)}@media (min-width:1436px){.Articles__post{--gap-col:4.625rem;--meta-size:6.75rem;display:grid;grid-template:"meta title" auto "meta content" 1fr/var(--meta-size) 1fr;margin-left:calc((var(--gap-col) + var(--meta-size))*-1)}}.Articles__post-header{display:flex;flex-direction:column-reverse;gap:.325rem}@media (min-width:640px){.Articles__post-header{gap:.5rem}}@media (min-width:1436px){.Articles__post-header{display:contents}}.Articles__post-meta{grid-area:meta}.Articles__post-title{grid-area:title;margin-bottom:1rem;text-wrap:balance}.Articles__post-title a{transition:color .25s ease-out}.Articles__post-title a:hover{color:var(--color-accent)}.Articles__post-content{grid-area:content}}