/* OrthoCoast R3.23: remaining typography/layout feedback from Angelina and Björn.
   No content, navigation targets, header media or footer design changes. */

/* Keep the title in the same row even when a related card has no category. */
.page .related-grid > .related-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(1.2rem, auto) auto 1fr;
  align-items: start;
  gap: .65rem;
}

.page .related-grid > .related-card > .eyebrow,
.page .related-grid > .related-card > .tag {
  grid-column: 1 / -1;
  grid-row: 1;
}

.page .related-grid > .related-card > h3 {
  grid-column: 1 / -1;
  grid-row: 2;
  font-size: 1.125rem !important;
  line-height: 1.4;
}

.page .related-grid > .related-card > .arrow {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  justify-self: end;
}

/* The five steps use the content width; the following prose stays readable. */
#P062--osteologieablauf > .wrap > #P062--osteologieablauf-body {
  max-width: none;
  width: 100%;
}

#P062--osteologieablauf-body .visit-steps {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

#P062--osteologieablauf-body .visit-steps h3 {
  overflow-wrap: normal !important;
  word-break: normal;
  hyphens: auto;
}

#P062--osteologieablauf-body > p {
  max-width: 78ch;
}

/* Match this source-text block to the adjoining accepted profile paragraph. */
.page #P114--original-lead .source-text {
  font-size: inherit;
  line-height: 1.75;
}