/* ==========================================================================
   Footer — build credit
   ==========================================================================
   The credit beside the copyright is an image of text, so it has to sit on that
   line as if it were text. assets/css/reset.css:36 makes every img
   `display: block`, which would otherwise drop it onto a line of its own.

   18px is the 1x line box of Inter Regular at 14px, and
   assets/images/signature.png is a true 3x of that layout — so pinning the
   height to 18px puts the glyphs at exactly the --fs-14 of the text beside
   them. The width follows from the aspect ratio; do not pin both or it
   distorts. Regenerate the asset from _local/2026-09-02/signature-source.html,
   which is the browser rendering its own text at 3x — the recipe is in that
   file's opening comment.

   Its own file rather than a rule in footer.css: that is the UI team's, and
   assets/css/ is add-only. Same arrangement as mini-cart.css and search.css —
   markup footer.css has never seen, styled straight after it.
   ========================================================================== */
.footer-credit,
.footer-credit img {
  display: inline-block;
}

.footer-credit img {
  height: 18px;
  width: auto;
  /* -4px, not `middle`. The PNG is a 3x render of the 18px line box, and the
     browser lays that box out with the baseline 42px down of 54 — so the image's
     own baseline sits 12px, i.e. 4px at 1x, above its bottom edge. Dropping the
     bottom edge 4px below the text baseline therefore lands the two baselines on
     each other exactly. `vertical-align: middle` aligns to half the x-height
     instead and measured 2.14px low against the copyright text beside it. */
  vertical-align: -4px;
}