.bild.har-bild-redaktion {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #171714 !important;
}

.bild.har-bild-redaktion img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 18rem;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  object-position: var(--bild-position, 50% 50%);
  filter: grayscale(1) contrast(.96);
}

.portratt .bild.har-bild-redaktion img {
  min-height: 0;
  aspect-ratio: 4 / 5;
  object-position: var(--bild-position, 50% 18%);
}

.auto-portratt,
.genrebild {
  margin: 1.1rem 0 1.8rem;
}

.genrebild .bild.har-bild-redaktion img {
  min-height: 0;
  aspect-ratio: 16 / 9;
}

.salbild {
  margin: 1.2rem 0 2rem;
}

.salbild.har-bild-redaktion img {
  min-height: 0;
  aspect-ratio: 16 / 9;
}

.bildtext {
  margin: 0;
  padding: .65rem .8rem .75rem;
  color: #c8c1b5;
  background: #171714;
  font-size: .78rem;
  line-height: 1.45;
}

.bildtext a { color: #d7aa55; }

.lyssna { margin: .65rem 0 1.15rem; }
.lyssna a {
  display: inline-block;
  color: var(--ockra, #c89845);
  border-bottom: 1px solid currentColor;
  text-decoration: none;
  font-size: .88rem;
}

.kapitelnav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  align-items: center;
  margin-top: 3.5rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-top: 1px solid rgba(180, 151, 92, .35);
  border-bottom: 1px solid rgba(180, 151, 92, .35);
  font-size: .84rem;
}
.kapitelnav a { color: var(--ockra, #c89845); text-decoration: none; }
.kapitelnav .innehall { text-align: center; text-transform: uppercase; letter-spacing: .12em; }
.kapitelnav .nasta { text-align: right; }

@media (max-width: 560px) {
  .kapitelnav { grid-template-columns: 1fr 1fr; }
  .kapitelnav .innehall { grid-column: 1 / -1; grid-row: 1; }
  .kapitelnav .foregaende { grid-column: 1; }
  .kapitelnav .nasta { grid-column: 2; }
  .kapitelnav .tom { display: none; }
}

.post .bild.har-bild-redaktion img,
.bild.liten.har-bild-redaktion img {
  min-height: 0;
  aspect-ratio: 4 / 3;
}

@media (max-width: 700px) {
  .bild.har-bild-redaktion img {
    min-height: 12rem;
    aspect-ratio: 4 / 3;
  }

  .portratt .bild.har-bild-redaktion img,
  .post .bild.har-bild-redaktion img,
  .bild.liten.har-bild-redaktion img {
    min-height: 0;
  }
}
