/* Homepage-only compact catalog cards, using the site's existing grid and colors. */
.home-highlights { padding-top: 1rem; }
.home-highlights .section-header { align-items: flex-start; margin-bottom: 1rem; }
.home-highlights .section-subtitle { max-width: 72ch; }
.home-highlights__toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem 1rem; }
.home-highlights__toolbar label { font-weight: 700; }
.home-highlights__toolbar select { min-width: 0; max-width: 100%; padding: .65rem .8rem; border: 1px solid var(--glass-border); border-radius: 10px; background: var(--ocean-mid); color: var(--text); font: inherit; }
.home-highlights__toolbar select:focus-visible, .home-highlights a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.home-highlights__toolbar select:disabled { opacity: .7; }
.home-highlights__status { color: var(--text-muted); font-size: .85rem; margin: .8rem 0 1rem; overflow-wrap: anywhere; }
.home-highlights__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr)); gap: 1rem; }
.home-highlights__grid > *, .home-highlights__card, .home-highlights__card .mod-body { min-width: 0; }
.home-highlights__card { display: flex; flex-direction: column; }
.home-highlights__card .mod-thumb { aspect-ratio: auto; height: 112px; }
.home-highlights__card .mod-thumb img { object-fit: contain; padding: .6rem; }
.home-highlights__card .mod-body { display: flex; flex-direction: column; flex: 1; padding: 1rem; }
.home-highlights__card h3 { overflow-wrap: anywhere; margin-bottom: .4rem; }
.home-highlights__english { color: var(--text-muted); font-size: .8rem; margin: 0 0 .6rem; overflow-wrap: anywhere; }
.home-highlights__meta { flex-wrap: wrap; gap: .4rem .7rem; color: var(--turquoise); margin-bottom: .65rem; }
.home-highlights__description { font-size: .85rem; line-height: 1.7; margin: 0 0 .6rem; overflow-wrap: anywhere; }
.home-highlights__date { color: var(--text-muted); font-size: .8rem; margin: 0 0 .65rem; }
.home-highlights__actions { display: flex; flex-wrap: wrap; gap: .45rem .9rem; margin-top: auto; padding-top: .6rem; border-top: 1px solid var(--glass-border); font-size: .8rem; }
.home-highlights__actions a { padding-block: .25rem; }
.home-highlights__community { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.2rem; margin-top: 1rem; padding: 1rem; border: 1px solid var(--glass-border); border-radius: var(--radius); }
.home-highlights__community p { flex: 1 1 300px; margin: 0; font-size: .9rem; }
.home-highlights__community a { white-space: nowrap; }
@media (max-width: 540px) {
  .home-highlights__toolbar select { flex: 1 1 200px; width: 100%; }
  .home-highlights__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .home-highlights .mod-card-wrap, .home-highlights .mod-card-wrap:hover { transform: none; transition: none; }
}