/* Shared chronological reading order for the home preview and archive. */
.home .journal .list .wrap:has(> .journal-feed),
.pg.journal .list .wrap:has(> .journal-feed) { display: block; }
.journal-feed { display: grid; gap: 40px; width: 100%; }
.journal-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4%; align-items: start; }
.journal-side { display: grid; min-width: 0; gap: 30px; }
.journal-side--small { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8%; }
.journal-card { min-width: 0; }
.journal .list .wrap .journal-card .item { width: 100%; margin: 0; }
.journal .list .wrap .journal-card .img { position: relative; width: 100%; aspect-ratio: 1; }
.journal .list .wrap .journal-card--large .img { aspect-ratio: 1.4154; }
.journal .list .wrap .journal-card .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.journal .list .wrap .journal-card--medium .item a { display: grid; grid-template-columns: 55% minmax(0, 1fr); gap: 5%; align-items: start; }
.journal .list .wrap .journal-card .data { min-width: 0; overflow-wrap: anywhere; }
.journal .list .wrap .journal-card .title { overflow-wrap: anywhere; }
.journal .list .wrap .journal-card .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.journal .list .wrap .journal-card--large .txt { -webkit-line-clamp: 2; }
.journal-remaining { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4%; }
@media (max-width: 767px) {
  .journal-feed { gap: 35px; }
  .journal-row { grid-template-columns: 1fr; gap: 25px; }
  .journal-side { gap: 25px; }
  .journal-side--small { gap: 6%; }
  .journal .list .wrap .journal-card--medium .item a { grid-template-columns: 46% minmax(0, 1fr); gap: 6%; }
  .journal .list .wrap .journal-card .title { font-size: 14px; line-height: 1.7; }
  .journal .list .wrap .journal-card .txt { font-size: 12px; line-height: 1.8; -webkit-line-clamp: 3; }
  .journal .list .wrap .journal-card .date { font-size: 12px; }
  .journal-remaining { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 6%; }
}