/*
 * @pearpages/credit — the shared "Made by pearpages" footer.
 *
 * Canonical source. Every consumer loads this same file, which is the point:
 * Astro, React and plain HTML cannot drift from each other if they share it.
 *
 * Theming is two custom properties, no package API:
 *   --sk-ink-soft   the footer text
 *   --sk-accent     the link underline, and the link colour on hover
 *
 * The #667 fallbacks are correct on a light ground (5.63:1). On a dark ground
 * they are not (3.36:1), so a dark site MUST set --sk-ink-soft itself.
 */

.sk-author {
  padding: 20px 24px 32px;
  text-align: center;
  font-size: 13px;
  color: var(--sk-ink-soft, #667);
}

.sk-author__credit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 4px;
}

/* The pear rides in this file as a data URI, so no consumer has to resolve an
   asset path. It is decorative; the markup marks it aria-hidden. */
.sk-author__icon {
  display: block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: url("data:image/webp;base64,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") center / cover no-repeat;
}

.sk-author__credit a {
  color: inherit;
  font-weight: 700;
  text-decoration-color: var(--sk-accent, #667);
}

.sk-author__credit a:hover {
  color: var(--sk-accent, #667);
}

/* Forced-colors mode drops background images, which would leave a 22px hole
   plus its gap. The pear is decorative, so collapse it rather than show a gap. */
@media (forced-colors: active) {
  .sk-author__icon {
    display: none;
  }
}
