@charset "UTF-8";

.dp-card {
  background: var(--dp-paper);
  border: var(--dp-border);
  border-radius: var(--dp-r-md);
  transition: border-color var(--dp-dur) var(--dp-ease),
              background-color var(--dp-dur) var(--dp-ease);
}
.dp-card:hover {
  border-color: var(--dp-accent-d);
  background: var(--dp-paper-2);
}

.dp-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--dp-s5);
  color: inherit;
  text-decoration: none;
}

.dp-card__cat {
  align-self: flex-start;
  color: var(--dp-accent-d);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 700;
  letter-spacing: .08em;
}

.dp-card__title {
  margin-top: var(--dp-s3);
  font-family: var(--dp-font);
  font-size: var(--wp--preset--font-size--base);
  font-weight: 700;
  line-height: 1.7;
  text-wrap: pretty;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 3.4em;
}
.dp-card:hover .dp-card__title { color: var(--dp-accent-d); }

.dp-card__excerpt {
  margin-top: var(--dp-s3);
  color: var(--dp-mute);
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.9;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.dp-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: var(--dp-s5);
  color: var(--dp-mute);
  font-family: var(--dp-font-num);
  font-size: var(--wp--preset--font-size--sm);
}
.dp-card__arrow {
  color: var(--dp-accent-d);
  font-size: 1.125rem;
  line-height: 1;
  transition: transform .4s var(--dp-ease);
}
.dp-card:hover .dp-card__arrow { transform: translateX(4px); }