.neop-box {
  border: 1px solid #dbd2c6;
  border-radius: 3px;
  font-size: 87.5%; /* percentage of .neop-copy */
  line-height: 1.375;
  background-color: #f5f0ea;
}

.neop-box > * {
  padding: 0.5rem 0.625rem;
}

.neop-box-header {
  border-bottom: 1px solid #dbd2c6;
  background-color: #eae0d4;
}

/* --- override link styling --- */
.neop-box-header a {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
}

.neop-box-header a:hover,
.neop-box-header a:focus {
  color: rgb(15, 160, 220);
  background-color: transparent;
}
/* ----------------------------- */

.neop-box-footer {
  border-top: 1px solid #dbd2c6;
  background-color: #eae0d4;
}

.neop-box-header h1 {
  margin: 0;
  line-height: 1.125;
}

.neop-box-main p {
  margin-bottom: 0.75rem;
}

.neop-box-main p:last-child {
  margin-bottom: 0;
}

.neop-box-footer p {
  margin: 0.1875rem 0.375rem;
}

@media (min-width: 40em) {
  .neop-box > * {
    padding: 0.625rem 0.75rem;
  }

  .neop-box-footer p {
    text-align: center;
  }
}