/* Keep the cover anchored to the card top. Native button centering must not
   shift photos when neighboring diary text has a different length. */
.diary-grid{align-items:stretch}
.diary-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;width:100%;padding:0;appearance:none}
.diary-card-cover{position:relative;display:block;flex:none;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#e6eadc;isolation:isolate}
.diary-card .diary-card-cover>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.diary-cover-sample{display:block;width:100%;height:100%;background:url('assets/life-map-personal.webp') 10% 45% / cover;image-rendering:pixelated}
.diary-cover-empty{display:grid;place-items:center;width:100%;height:100%;color:#8b9f7b;background:repeating-linear-gradient(45deg,#e9ecdf 0 13px,#e2e7d8 13px 14px)}
.diary-cover-empty .pixel-icon{width:46px;height:46px}
.diary-card-content{flex:1;min-width:0;width:100%}
.diary-card h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.55}
.diary-card .card-date{display:block;line-height:1.7;overflow-wrap:anywhere}