/* Site-supplied overrides, loaded after the theme's own stylesheet.
   Kept to what the wordmark needs, so the theme stays the theme. */

/* The topbar prints the site title as text beside the brand image. Ours IS the
   site title — set in Iceberg — so the text beside it would be the word "sysl"
   twice. Hide the text and let the wordmark be the brand.

   It stays in the DOM rather than being dropped from the markup: the anchor is
   the site's "home" link and a screen reader still needs a name for it, which
   the clipped text supplies. */
.juicerdocs-brand-name {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Sized against the topbar's own line. The theme's default assumes a square
   mark sitting beside a text brand; ours is the brand, with no text beside it
   to carry the weight, so it is set larger rather than smaller.

   2.25rem in a 3.5rem bar leaves the row breathing without crowding it. The
   wordmark is 1625×1141, so this comes to about 3.2rem wide — well inside the
   theme's 8rem cap, which exists to stop a banner-shaped logo pushing the
   search and repo buttons off the row. */
.juicerdocs-brand-logo {
  height: 2.25rem;
  width: auto;
}

.juicerdocs-hero-logo {
  width: min(20rem, 60vw);
  height: auto;
}