:root {
  --color-primary: #4a6fa5;
  --color-primary-hover: #3a5a8a;
  --color-border: #7a9cc0;
  --font-size-base: 17px;
}

.list-item .title a {
  border-block-end: none;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--color-primary);
}

@media (prefers-color-scheme: dark) {
  .list-item .title a {
    text-decoration-color: var(--color-primary-dark);
  }
}

.post-type {
  display: inline-block;
  font-size: 0.7em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 1px 7px;
  border-radius: 3px;
  vertical-align: middle;
  margin-left: 8px;
  position: relative;
  top: -1px;
}

.post-type--articles { background: #e8f0fb; color: #4a6fa5; }
.post-type--shorts   { background: #fef3e2; color: #b97d20; }

@media (prefers-color-scheme: dark) {
  .post-type--articles { background: #1e2d45; color: #7aaee8; }
  .post-type--shorts   { background: #3a2c10; color: #e0b060; }
}