.post{--_gap: 1rem}.post .post__items{display:flex;flex-direction:column;list-style-type:none;padding-inline-start:0}@media (min-width: 48em){.post .post__items{max-block-size:90vh;overflow-y:auto;padding-inline-end:1rem;scrollbar-color:oklch(.1776 0 0);scrollbar-width:thin}.post .post__items::-webkit-scrollbar-track{background-color:oklch(.9624 .0042 236.5)#f0f3f5;border:.0625rem solid oklch(.928 0 0)}.post .post__items::-webkit-scrollbar{-webkit-appearance:none}.post .post__items::-webkit-scrollbar-thumb{background-color:#ddd;block-size:.25rem;border-radius:.125rem;inline-size:.25rem}.post .post__items::-webkit-scrollbar:vertical{inline-size:.4rem}.post .post__items::-webkit-scrollbar:horizontal{block-size:.4rem}}.post .post__link{align-items:start;column-gap:.75rem;display:grid!important;grid-template-columns:minmax(6.25rem,1.5fr) 4fr;border-bottom:1px solid oklch(.928 0 0);color:#272727;column-gap:.6em;display:flex;padding-block-end:.8em;padding-block-start:.8em;text-decoration:none}.post .post__link:active,.post .post__link:focus,.post .post__link:hover{color:currentColor;text-decoration:none}:is(.post .post__link:active,.post .post__link:focus,.post .post__link:hover) .post__image{--transparency: .1}@media (min-width: 48em){.post .post__link{transition:text-decoration .25s}.post .post__link:focus .post__title,.post .post__link:hover .post__title{text-decoration:underline;text-decoration-thickness:.0625rem;text-underline-position:under}}.post .post__body{align-items:center;column-gap:.25rem;display:flex;flex-wrap:wrap;grid-column:2 / -1;grid-row:1;row-gap:.25rem}.post .post__body span{color:#767f8f;font-size:.625rem;font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase}.post .post__published{font-size:.8125rem;line-height:1;white-space:nowrap}.post .post__title{flex:0 0 100%;font-size:.9rem;font-weight:600;line-height:1.25;margin:0;padding-inline-end:.2em}.post .post__media{flex-shrink:0;grid-column:1 / 2;grid-row:1;margin-block-end:0;max-inline-size:8rem}.post .post__image{--transparency: .05;border-radius:.1875rem;box-shadow:0 .25rem 1rem hsla(240,20.9%,8.4%,var(--transparency)),0 .5rem 2rem hsla(240,20.9%,8.4%,var(--transparency));inline-size:100%;transition:box-shadow .15s}