body.aoc-variant {
  background:
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(11, 76, 74, .055) 31px 32px),
    #e8e0c9;
  color: #173433;
}

.aoc-variant .site-header,
.aoc-variant .article {
  background: #f5efdc;
}

.aoc-variant .site-header {
  border-bottom-color: #0b4c4a;
}

.aoc-variant .article {
  border-color: #0b4c4a;
  border-radius: 4px;
  box-shadow: 11px 11px 0 rgba(11, 76, 74, .15);
}

.aoc-variant .brand-kicker,
.aoc-variant .editorial-bylines a,
.aoc-variant .updated-copy strong {
  color: #a0472f;
}

.aoc-variant .aoc-signal-strip {
  border-color: #0b4c4a;
  background: #edf0d5;
  border-radius: 4px;
}

.aoc-variant .aoc-signal-strip strong {
  color: #0b4c4a;
}

.aoc-variant .toc {
  background: #0b4c4a;
  border-radius: 4px;
}

.aoc-variant .item {
  border-color: #0b4c4a;
  border-radius: 4px;
  box-shadow: 6px 6px 0 rgba(11, 76, 74, .13);
}

.aoc-variant .item-featured .card-ribbon {
  background: #0b4c4a;
  color: #f5efdc;
}

.aoc-variant .button > a {
  background: #a0472f;
  border-color: #a0472f;
  color: #f5efdc;
  border-radius: 4px;
}

.aoc-variant .button > a:hover {
  background: #0b4c4a;
  border-color: #0b4c4a;
}

.aoc-variant .mobile-sticky {
  background: #0b4c4a;
}

.aoc-variant .mobile-sticky .sticky-button {
  background: #c7df42;
  color: #173433;
}

.aoc-variant .site-footer {
  background: #173433;
}

.brand-line {
  align-items: flex-end;
}

.aoc-variant .item-featured .card-rank {
  display: none;
}

.aoc-variant .card-ribbon {
  grid-template-columns: 1fr;
  text-align: center;
}

@media (max-width: 600px) {
  .intro-copy::after {
    background: linear-gradient(transparent, #f5efdc);
  }

  .sticky-offer strong {
    color: #fff;
  }
}