.index-entry{margin-block:2rem;border-top:solid 1.5px #d3d3d3;.titlebar { display: inline-flex; width: 100%; a { text-decoration: none; color: black; } time { margin-block: auto; margin-left: auto; margin-right: 2em; color: gray; text-align: right; @media (max-width: 768px) { margin-right: 0; } } } .summary { display: flex; gap: 10vw; p { margin-block: 0; } a { text-decoration: none; font-weight: bold; color: black; display: flex; align-items: center; margin-left: auto; margin-top: auto; flex-shrink: 0; img { height: 2em; rotate: 90deg; margin-left: 5px; fill: #e93369; } } @media (max-width: 768px) { flex-direction: column; gap: 0; a { margin-left: 0; margin-top: 1em; } } }}