.musings-header {
  max-width: 760px;
  margin-bottom: 2rem;
}

.musings-header h1,
.musing-entry h1 {
  margin-bottom: .35rem;
}

.musings-kicker {
  margin-bottom: .3rem;
  color: #666;
  font-size: .85rem;
  font-weight: bold;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.musings-list {
  display: grid;
  gap: 1rem;
}

.musing-card {
  padding: 1.2rem 1.35rem;
  border: 1px solid #cbd3dd;
  border-left: 4px solid #fa8320;
  background: #fff;
}

.musing-card time,
.musing-byline {
  color: #666;
  font-size: .9rem;
}

.musing-card h2 {
  margin: .25rem 0 .4rem;
}

.musing-card p {
  margin: 0 0 .65rem;
}

.musing-read-more {
  font-weight: bold;
}

.musing-entry {
  max-width: 760px;
}

.musing-entry header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cbd3dd;
}

.musing-entry > p:not(.musing-back) {
  font-size: 1.05rem;
  line-height: 1.75;
}

.musing-back {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #cbd3dd;
  font-weight: bold;
}

body.dark .musing-card {
  border-color: #536176;
  border-left-color: #fa8320;
  background: #283448;
}

body.dark .musings-kicker,
body.dark .musing-card time,
body.dark .musing-byline {
  color: #b8c2cf;
}