/*
 * ArtLabel Lab recommendation panels.
 * Gives the three recommendation cards a coherent color hierarchy.
 */
.vanglam-v1-page .vanglam-v11-lab-layout article {
  position: relative;
  overflow: hidden;
  min-height: 248px;
}

.vanglam-v1-page .vanglam-v11-lab-layout article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: currentColor;
  opacity: .76;
}

.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(2) {
  border-color: rgba(176, 138, 66, .22);
  background:
    linear-gradient(135deg, rgba(255, 251, 241, .96), rgba(241, 226, 192, .7)),
    #f8f1df;
  color: #9b742f;
}

.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(3) {
  border-color: rgba(36, 79, 163, .16);
  background:
    linear-gradient(135deg, rgba(248, 250, 250, .96), rgba(219, 229, 228, .7)),
    #edf3f1;
  color: #355f65;
}

.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(2) h2,
.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(3) h2 {
  color: #1f2524;
}

.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(2) .vanglam-v11-chip-list li {
  border-color: rgba(176, 138, 66, .34);
  background: rgba(255, 255, 255, .56);
  color: #4b3f2b;
}

.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(3) .vanglam-v11-chip-list li {
  border-color: rgba(53, 95, 101, .25);
  background: rgba(255, 255, 255, .58);
  color: #34464a;
}

.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(2) .vanglam-v11-chip-list li:hover,
.vanglam-v1-page .vanglam-v11-lab-layout article:nth-child(3) .vanglam-v11-chip-list li:hover {
  border-color: currentColor;
  background: rgba(255, 255, 255, .82);
}

.vanglam-v1-page .vanglam-v11-lab-lead {
  border-color: rgba(23, 63, 53, .36) !important;
  background:
    linear-gradient(135deg, rgba(32, 86, 72, .94), rgba(17, 54, 45, .98)),
    #173f35 !important;
}

.vanglam-v1-page .vanglam-v11-lab-lead::before {
  background: #d4b46f;
  opacity: .88;
}

.vanglam-v1-page .vanglam-v11-lab-lead svg {
  color: #d4b46f;
}

@media (max-width: 760px) {
  .vanglam-v1-page .vanglam-v11-lab-layout article {
    min-height: 0;
  }
}