/*
 * GitHub Pages public-feed refinements.
 * Base card layout remains in ke-portal.css.
 */

#ke-public-note-feed,
#ke-public-youtube-feed {
  align-items: stretch;
}

#ke-public-note-feed .note-article-card,
#ke-public-youtube-feed .youtube-card {
  height: 100%;
}

#ke-public-note-feed .note-article-thumb {
  background:
    linear-gradient(135deg, rgba(232, 189, 88, 0.14), rgba(7, 24, 45, 0.9)),
    #081b31;
}

#ke-public-note-feed .note-article-thumb img {
  object-fit: contain;
  background: #081b31;
}

#ke-public-note-feed .note-article-thumb img[hidden],
#ke-public-youtube-feed .youtube-thumb img[hidden] {
  display: none;
}

#ke-public-youtube-feed .youtube-thumb {
  aspect-ratio: 16 / 9;
}

#ke-public-youtube-feed .youtube-thumb img {
  object-fit: cover;
}

@media (max-width: 900px) {
  #ke-public-note-feed,
  #ke-public-youtube-feed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  #ke-public-note-feed,
  #ke-public-youtube-feed {
    grid-template-columns: minmax(0, 1fr);
  }
}