/* The "Website by FortLauderDev" footer credit (tooling/credit.mjs, docs/SITE-CREDIT.md). build.mjs
   links this stylesheet on the pages that show it. It takes the footer's own font, text color and
   link style, so its contrast is the footer's (checked with every palette by test/theme.test.mjs).
   Never hide it: the credit is either on the page or not there at all. */
.fld-credit-row {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
}
.fld-credit {
  margin: 0;
  font-size: 0.8rem;
  color: inherit;
}
.fld-credit__link {
  /* a comfortable tap target without moving the text */
  display: inline-block;
  padding: 10px 4px;
  margin: -10px -4px;
}
/* the links page has no footer link color of its own: the credit takes its copyright line's (.links-copy) */
.links-foot .fld-credit__link {
  color: inherit;
}
.fld-credit__link:hover,
.fld-credit__link:focus-visible {
  text-decoration: underline;
}
.fld-credit__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.fld-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 640px) {
  .fld-credit-row {
    justify-content: center;
    text-align: center;
  }
}