.cat{transition:all .3s ease-out}.cat:hover{--color-text:#128f00;color:var(--color-text,var(--color-back-primary));transform:scale(1.02)}.blog-post{padding:var(--padding-default);grid-template:"t t"min-content"i c"max-content"d d"min-content/70px 1fr;align-items:center;display:grid}@media only screen and (min-width:768px){.blog-post{grid-template-columns:120px 1fr}}.blog-post .title{align-items:center;gap:var(--margin-default);padding:0;grid-area:t;margin:0;padding-block-end:var(--padding-default);font-size:1.2em;display:flex}.blog-post .content{-webkit-line-clamp:3;-webkit-box-orient:vertical;grid-area:c;max-height:5.1em;margin:0;padding:0;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-post .thumbnail{aspect-ratio:1;object-fit:cover;grid-area:i;width:100%}.blog-post .details{color:var(--color-text-accent);grid-area:d;justify-content:flex-end;align-items:center;padding:0;font-size:.8em}.blog-post .tag{padding:2px 5px}#single-post{padding:var(--padding-default);align-items:center}@media only screen and (min-width:1024px){#single-post{flex-direction:row;align-items:flex-start}}#single-post .details{width:min(100%,300px);color:var(--color-text-accent);flex-direction:column;align-items:center;height:min-content;font-size:.9em;display:flex}@media only screen and (min-width:1024px){#single-post .details{top:calc(var(--panel-header-height) + var(--panel-title-height) + var(--padding-default));position:sticky}}#single-post .thumbnail{aspect-ratio:1;object-fit:cover;width:100%}#single-post .content{padding-inline:var(--padding-default);flex:1;line-height:1.8}#single-post .content p{margin:0 0 .8em}