.post__header{align-items:center;column-gap:var(--rhythmic-unit);row-gap:calc(.5 * var(--rhythmic-unit));flex-wrap:wrap;display:flex;& .post__tags{margin-top:0}}.post__title{flex:0 0 100%}.post__subtitle{font-weight:440;line-height:1.4;font-size:var(--font-size-bigger);text-wrap:auto;text-wrap-style:pretty;color:var(--color-text-secondary);flex:0 0 100%;.post &{margin:0 0 calc(.5 * var(--rhythmic-unit))}}.post__lead{color:var(--color-text-secondary);transition:var(--transition-mode) color;margin-block-end:calc(2 * var(--rhythmic-unit));font-size:1.1rem;font-weight:400;line-height:1.6}.post__date{font-family:var(--font-family-mono), monospace;color:var(--color-text-secondary);font-size:var(--font-size-small);white-space:nowrap;display:block}.post__date--updated{color:var(--color-text);background:var(--color-surface);padding:calc(.125 * var(--rhythmic-unit)) calc(.5 * var(--rhythmic-unit));border-radius:var(--border-radius-small)}.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)}&:hover,&:focus,&:active{text-decoration:none}}