.prayer-body {
  font-family: var(--font-prayer);
  font-size: var(--reading-base);
  line-height: var(--reading-leading);
}

.prayer-body p {
  margin: 0 0 1.25em;
}

.prayer-body p:has(.initial) {
  display: flow-root;
}

.prayer-body .prayer-p {
  text-align: justify;
  hyphens: auto;
  overflow-wrap: break-word;
}

.initial {
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.2em;
  height: 3.2em;
  margin: 0.08em 0.5em 0.12em 0;
  overflow: hidden;
  border: 3px double var(--color-rule);
  background: var(--color-raised);
  box-shadow:
    inset 0 0 0 2px var(--color-rule-soft),
    0 1px 3px var(--color-shadow);
  color: var(--color-accent);
}

.initial--ornamental img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-theme="obscurum"] .initial--ornamental img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(27%) saturate(782%) hue-rotate(5deg)
    brightness(93%) contrast(88%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clarum"]):not([data-theme="obscurum"]) .initial--ornamental img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(27%) saturate(782%) hue-rotate(5deg)
      brightness(93%) contrast(88%);
  }
}

.initial--fallback {
  font-size: inherit;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.initial__letter {
  font-size: 2.35em;
}

.vr-label {
  display: inline-block;
  min-width: 1.5em;
  color: var(--color-accent);
  font-variant: small-caps;
}
.prayer-body p:has(> .vr-label + .initial) > .vr-label:first-of-type {
  float: left;
  margin-right: 0.35em;
}

.vr-resp {
  font-style: italic;
}

.prayer-body .vr-label {
  margin-left: -1.5em;
  padding-right: 0.35em;
}

.prayer-body p:has(.vr-label) {
  margin-left: 1.5em;
  text-align: left;
}

.translation-details,
.creditline {
  margin-block: 0.85rem;
}

.translation-details > summary,
.creditline > summary {
  cursor: pointer;
}

.translation-details[open] > summary,
.creditline[open] > summary {
  margin-bottom: 0.45rem;
}

.prayer-body:lang(en),
.prayer-body:lang(pl) {
  hyphens: auto;
}

@media (max-width: 23.99rem) {
  .prayer-body {
    font-size: var(--reading-base-narrow);
    line-height: var(--reading-leading-narrow);
  }

  .initial {
    width: 2.85em;
    height: 2.85em;
    margin-right: 0.4em;
  }

  .initial__letter {
    font-size: 2.05em;
  }
}