/* "Jobs" stamp on the public wordmark. The script face is the Caveat
   subset in fonts.css (J, o, b, s only). Color is the board accent
   (--color-primary, #b5471d), the same orange-red as Save Dashboard and
   the "Hiring Authorities in Florida" kicker. On the cream surface
   (#f1ece3) that is 4.60:1, which clears WCAG AA for both normal text
   and this larger stamp. The directory is light only. The tilt is a
   static transform. The stamp is taken out of flow so it cannot change
   the header's height or the rule's position. */

.brand {
  position: relative;
  white-space: nowrap;
}

.brand-jobs {
  position: absolute;
  z-index: 1;
  /* Same line as Lintel: a small gap after the final l, cap height
     matched to the word, baseline aligned. 0.26em is that alignment
     (the script's em box sits higher than Source Serif's). The −5°
     tilt lifts the right side, so it does not drop the word below
     the baseline. */
  left: calc(100% + 0.18em);
  top: 0.26em;
  font-family: "Caveat", cursive;
  font-style: normal;
  font-weight: 600;
  font-size: 1.15em;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-primary);
  white-space: nowrap;
  transform: rotate(-5deg);
  transform-origin: 0 0;
  /* Hairline cream edge so the thin script stays solid on the cream.
     A stroke would eat Caveat's thin ink; shadows sit outside the fill. */
  text-shadow:
    0.03em 0 0 var(--color-surface),
    -0.03em 0 0 var(--color-surface),
    0 0.03em 0 var(--color-surface),
    0 -0.03em 0 var(--color-surface);
}

@media (forced-colors: active) {
  .brand-jobs {
    color: LinkText;
    text-shadow: none;
  }
}

/* The stamp hangs into the header padding. On a narrow admin row the
   nav starts at the end of the wordmark, so keep those links above it.
   This does not change the header box. */
.admin-nav {
  position: relative;
  z-index: 2;
}