/* Temporary jump-destination feedback. JavaScript adds and clears these classes.
   Paint only: keep the target's size, typography, spacing and display unchanged. */
.ss-anchor-target {
  --ss-anchor-bg: #fff0df;
  --ss-anchor-line: #cf3612;
  --ss-anchor-frame: #edbd96;
  background-color: var(--ss-anchor-bg) !important;
}

/* Draw outside the box so the accent cannot cover the first character.
   Leave the site's existing keyboard-focus outline and shadow intact. */
.ss-anchor-target:not(:focus-visible) {
  box-shadow:
    -3px 0 0 var(--ss-anchor-line),
    0 0 0 1px var(--ss-anchor-frame) !important;
}

/* Multiline inline text retains its normal wrapping and receives an underline. */
.ss-anchor-target.ss-anchor-target--inline {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.ss-anchor-target.ss-anchor-target--inline:not(:focus-visible) {
  box-shadow: 0 2px 0 var(--ss-anchor-line) !important;
}

/* Use with existing light text on dark surfaces; do not recolor descendants. */
.ss-anchor-target.ss-anchor-target--dark {
  --ss-anchor-bg: #4a2b1f;
  --ss-anchor-line: #ff9b68;
  --ss-anchor-frame: #b96d43;
}