:root{--posts-spacing:calc(1.6 * var(--rhythmic-unit))}.posts{margin:calc(3 * var(--rhythmic-unit)) 0 0;display:grid}h1+.posts{margin-block-start:calc(2 * var(--rhythmic-unit))}.post{border-top:var(--border)}.post__annotation{text-wrap-style:pretty;color:var(--color-text-secondary);transition:var(--transition-mode) color;margin:0;line-height:1.33}.post__link{row-gap:calc(.5 * var(--rhythmic-unit));column-gap:var(--rhythmic-unit);padding:var(--posts-spacing) 0;text-decoration:none;display:grid;&,&:visited{color:var(--color-text);& .post__annotation{color:var(--color-text-secondary);transition:var(--transition-mode) color}}&:hover,&:focus-visible,&:active{& .post__title{color:var(--color-link)}}&+.post__tags{margin-block-start:calc(-1 * var(--posts-spacing) + var(--rhythmic-unit));margin-block-end:var(--posts-spacing)}}.post:last-child .post__link{padding-bottom:0;&+.post__tags{margin-block-start:var(--rhythmic-unit);margin-block-end:0}}.post__date{font-size:.78rem;font-family:var(--font-family-mono), monospace;color:var(--color-text-secondary);transition:var(--transition-mode) color;column-gap:var(--rhythmic-unit);row-gap:calc(.25 * var(--rhythmic-unit));flex-wrap:wrap;align-items:center;display:flex;&:has(.post__date-time--updated) .post__date-time--publish{opacity:.6}}.post__date-time{white-space:nowrap}.post__date-time--updated{color:var(--color-accent);border-radius:var(--border-radius-small);line-height:calc(1.25 * var(--rhythmic-unit));grid-template-columns:calc(.75 * var(--rhythmic-unit)) 1fr;gap:calc(.5 * var(--rhythmic-unit));background:no-repeat;align-items:center;margin-left:0;padding:0;display:grid}.post__title{color:var(--color-contrast--no-animation);transition:var(--transition-mode) color;font-size:1.4rem}.post__miniature{margin-bottom:calc(.5 * var(--rhythmic-unit));aspect-ratio:10/7;border-radius:var(--border-radius);order:-1;max-width:100px;& img{object-fit:cover;border-radius:var(--border-radius);width:100%;height:100%}}.pagination{border-top:var(--border);margin-block-start:var(--posts-spacing);padding-block-start:var(--posts-spacing)}.post__tag-link{border-radius:inherit;padding:inherit;transition:var(--transition-mode) color, var(--transition-mode) background-color;margin:-2px -8px;&,&:visited{color:var(--color-text-secondary)}&:hover,&:focus-visible,&:active{background:color-mix(in sRGB, currentColor, transparent 90%);color:var(--color-link--no-animation)}&:hover,&:focus,&:active{text-decoration:none}}@media (width>=480px){.posts{grid-template-columns:1fr min-content}.post{grid-template-columns:subgrid;grid-column:1/-1;display:grid}.post__link{grid-template-columns:subgrid;grid-column:1/-1;&:has(.post__tags):not(:has(.post__annotation)),&:has(.post__annotation):not(:has(.post__tags)){& .post__miniature{grid-row:1/3}}&:has(.post__annotation~.post__tags) .post__miniature{grid-row:1/4}}.post__date{line-height:1}.post__date,.post__annotation,.post__tags,.post__title{grid-column:1}.post__miniature{grid-area:1/2/3;align-self:center;width:100px;margin:0}.post:not(:has(.post__miniature)){& .post__annotation,& .post__tags,& .post__title{grid-column:1/3}}}@media (width>=768px){.posts{grid-template-columns:min-content 1fr min-content}.post__date{white-space:nowrap;gap:calc(.25 * var(--rhythmic-unit));flex-direction:column;grid-area:1/1/3;align-items:flex-start;min-width:100px;line-height:1.89rem}.post__annotation,.post__tags,.post__title{grid-column:2}.post:not(:has(.post__miniature)){& .post__annotation,& .post__tags,& .post__title{grid-column:2/4}}.post__miniature{grid-column:3}.post__link+.post__tags{grid-column:2;margin-inline-start:calc(.5 * var(--rhythmic-unit))}}@media (width>=800px){.post__date-time--updated{margin-inline-start:calc(-1.25 * var(--rhythmic-unit))}}