/* Photos preview (src/pages/photos.njk). Loaded only on that page. */

@media (min-width: 48em) {
  .album-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* The album title is the link; the whole card highlights on hover */
.album-card {
  position: relative;
}

.album-card .card__title a {
  color: var(--green);
}

.album-card .card__title a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
}

.album-card:hover {
  border-color: var(--green);
}

.album-card:hover .card__title a {
  color: var(--green-dark);
  text-decoration-thickness: 2px;
}

.album-card:focus-within {
  outline: 3px solid var(--ink);
  outline-offset: 3px;
}

.album-card .card__title a:focus-visible {
  outline: none;
}

.album__badge {
  margin-bottom: 0.5rem;
}