#blog{
display: flex;
flex-flow: column;
gap:var(--sidebar-strip-width);
}

#posts{
width: 100%;
}

#posts ul.feedEkList li {
display: flex;
flex-flow: column;
margin-bottom: var(--sidebar-strip-width);
}

#posts .itemContent {
order:3;
margin-top: 1rem;
}

.itemContent p {
margin-bottom: 1rem;
line-height: 1.33;
}

#posts .itemDate {
order:1;
font-weight: bold;
font-size:var(--body-sm);
font-family: var(--font-mono);
color: var(--color-heading);
padding-inline:0.25em;
text-transform: uppercase;
margin-top:-1.5rem;
text-align:center;
}
#posts .itemTitle{
align-items: center;
gap:1ch;
order:2;
display:none;
}
#posts .itemTitle, #posts .itemTitle a {
font-family: var(--font-mono);
font-size:var(--body-sm);
color: var(--color-heading);
font-weight: 500;
pointer-events: none;
cursor: default;
}
#posts .itemTitle a:hover {
color: unset;
cursor:unset
}




#posts .itemContent:has(h2) {
margin-top: 0;
}
#posts .itemContent:has(h2) h2 {
display: flex;
align-items: center;
gap:1ch;
margin-bottom: 1rem;
font-family: var(--font-mono);
font-size:var(--body-sm);
color: var(--color-heading);
font-weight: 500;
letter-spacing: -0.01rem;
}
#posts .itemContent:has(h2) h2:before{
content:'Listening to:';
}