/* MyClinicFlo lockup for the marketing pages (docs/brand/selected-artwork.md).
   The image is the supplied symbol and lettering, trimmed to its art; it
   scales as one piece from its height, never stretched. Loaded after each
   page's own <style>, so these win over the old text-wordmark rules. */
.mark .brand-logo {
  display: block;
  height: 40px;
  width: auto;
}
footer .mark .brand-logo {
  height: 28px;
}
/* The header link keeps a 44px tap height around the 40px art. */
header a.mark {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* A wrapped inline link's vertical padding can cover the row above it. */
@media (max-width: 640px) {
  footer .sep a {
    display: inline-block;
    min-width: 44px;
    min-height: 44px;
    padding: 0 4px;
    margin: 0;
    line-height: 44px;
    vertical-align: middle;
  }
}