/* The four lines at the end of an article (MassiveCMS: article-meta.tsx).

   The new site draws them with Tailwind utilities; these are the same values
   written out: a hairline above, then the lines centred in small grey type
   with the values in dark semibold and the names underlined. The lines sit
   inside the theme's article, so the theme's own font is kept. */

.mbp-byline {
  margin-top: 56px;
  border-top: 1px solid oklch(96.7% 0.003 264.542);
  padding-top: 32px;
  text-align: center;
}
.mbp-byline .mbp-byline-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
  color: oklch(55.1% 0.027 264.364);
}
.mbp-byline .mbp-byline-rows p {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.mbp-byline strong,
.mbp-byline .mbp-byline-link {
  font-weight: 600;
  color: oklch(27.8% 0.033 256.848);
}
.mbp-byline .mbp-byline-link {
  text-decoration: underline;
  text-decoration-color: oklch(87.2% 0.01 258.338);
  text-underline-offset: 2px;
}
.mbp-byline .mbp-byline-link:hover,
.mbp-byline .mbp-byline-link:focus {
  color: oklch(48.8% 0.243 264.376);
  text-decoration-color: oklch(80.9% 0.105 251.813);
}