/* The Hollandse Nieuwe panel. Sits on .rail-card, so only the row is defined. */
.hnpanel__body {
  display: flex;
  align-items: center;
  gap: 14px;
  color: inherit;
}

.hnpanel__body--link { position: relative; padding-right: 22px; }
.hnpanel__body--link:hover .hnpanel__title { text-decoration: underline; }

.hnpanel__cover {
  width: 86px;
  height: 86px;
  flex: none;
  border-radius: var(--radius-md, 10px);
  object-fit: cover;
  background: var(--color-mist, #dce8fa);
}

.hnpanel__cover--blank {
  display: grid;
  place-items: center;
  color: var(--color-placeholder, #9bb0cc);
}
.hnpanel__cover--blank .icon { width: 30px; height: 30px; }

.hnpanel__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.hnpanel__title {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-navy, #12345b);
}

.hnpanel__artist {
  font-size: 15px;
  color: var(--color-ink-soft, #4a5a6e);
}

.hnpanel__arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  color: var(--color-blue, #0a5fcc);
}