/* Homepage cat drawing in its original position. */
.home-art {
  position: fixed; z-index: -1; pointer-events: none; user-select: none;
  left: calc(max(0px, (100vw - 1040px) / 2) + 20px); bottom: 104px;
  width: min(215px, 18vw, calc((100vh - 662px) / 1.35)); height: auto; opacity: .55;
}
@media (max-height: 880px) { .home-art { opacity: .45; bottom: 76px; width: min(190px, 18vw, calc((100vh - 628px) / 1.35)); } }
@media (max-height: 760px) { .home-art { display: none; } }
@media (max-width: 820px) {
  .home-art { left: auto; right: 0; bottom: 10px; width: 160px; opacity: .14; display: block; }
}

/* Compact homepage news, with the complete update linking to its paper. */
.recent-updates { list-style: none; margin: 0; padding: 0; }
.recent-updates li + li { border-top: 1px solid var(--line); }
.recent-updates a { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; padding: 12px 0; color: var(--text); font-size: .92rem; line-height: 1.6; }
.recent-updates a:hover { text-decoration: none; }
.recent-updates time, .recent-label { color: var(--muted); font-size: .82rem; padding-top: 2px; }
.recent-more { color: var(--blue-dark); white-space: nowrap; }
.recent-updates a:hover .recent-more { text-decoration: underline; }
@media (max-width: 480px) {
  .recent-updates a { grid-template-columns: minmax(0, 1fr); gap: 3px; }
}

/* Recently is an enclosed panel, like a compact news box. */
.recent-panel { background: #edf3f8; border: 1px solid var(--line); border-radius: 14px; padding: 22px 24px; }
.recent-panel h2 { color: var(--text); font-size: 1.15rem; font-weight: 700; text-transform: none; letter-spacing: 0; border: 0; padding: 0; margin-bottom: 12px; }
.recent-panel .recent-updates li + li { border-top: 0; }
.recent-panel .recent-updates a { padding: 9px 0; }
@media (max-width: 480px) { .recent-panel { padding: 18px; } }

/* Standardized, compact homepage research entries. */
.list.eq.home-research { grid-auto-rows: 1fr; gap: 12px; }
.list.eq.home-research > li, .list.eq.home-research > li > .rcard { height: 100%; }
.home-research .rcard.with-thumb { grid-template-columns: minmax(0, 32%) minmax(0, 1fr); gap: 14px; padding: 0; overflow: hidden; align-items: stretch; }
.home-research .rthumb { position: relative; min-height: 0; height: 100%; border-radius: 0; }
.home-research .rthumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-research .rbody { display: flex; flex-direction: column; justify-content: center; padding: 14px 16px 14px 0; }
.home-research .item-head h3 { font-size: .98rem; line-height: 1.4; }
.home-research .date { font-size: .78rem; }
.home-research .card-authors { font-size: .76rem; line-height: 1.5; margin: 5px 0 8px; }
.publication-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0; }
.publication-meta .venue { color: var(--blue-dark); font-size: .8rem; }
.publication-meta .badge { margin: 0; font-size: .68rem; }
@media (max-width: 640px) {
  .home-research .rcard.with-thumb { grid-template-columns: minmax(0, 28%) minmax(0, 1fr); gap: 12px; }
  .home-research .rbody { padding: 12px 12px 12px 0; }
  .home-research .item-head h3 { font-size: .9rem; }
}