.post{--post-gap:16px;--post-grid-template-areas:"avatar header actions" "content content content";gap:var(--post-gap);grid-template-areas:var(--post-grid-template-areas);grid-template-columns:max-content 1fr max-content;display:grid}.post .post__avatar{grid-area:avatar}.post .post__header{grid-area:header}.post .post__header-name{color:inherit;word-break:break-word;text-decoration:none}.post .post__date{--post-date-horizontal-gap:12px;--post-date-dot-size:4px;gap:4px var(--post-date-horizontal-gap);color:var(--color-grey-600);flex-wrap:wrap;display:flex}:is(:is(.post .post__date) .post__create-date):first-letter{text-transform:capitalize}:is(.post .post__date) .post__edited{padding-left:calc(var(--post-date-horizontal-gap) + var(--post-date-dot-size));position:relative}:is(:is(.post .post__date) .post__edited):before{content:"";background:var(--color-grey-400);width:var(--post-date-dot-size);height:var(--post-date-dot-size);border-radius:50%;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.post .post__actions{grid-area:actions}.post .post__content{gap:var(--post-gap);grid-area:content;display:grid}.post .post__text{white-space:pre-line}.post .post__link,.post .post__text{word-break:break-word}