/* Link status tags after cited sources (link-status.js). COBE style: square, pixel lettering. As tall as a
   1.2em line with .22em of padding, the lettering centred in it (no leading: see .tag in theme.css); the
   box is set on the middle of the lowercase letters of the words it follows (vertical-align: middle). */
.linkstatus {
  display: inline-flex; align-items: center; gap: .35em; margin-left: .3em; vertical-align: middle;
  height: 1.42em; padding: 0 .4em; font-family: var(--font-pixel); font-size: .62rem; letter-spacing: .06em;
  text-transform: uppercase; line-height: normal; white-space: nowrap;
}
.linkstatus--dead { background: var(--del-wash); color: var(--del); box-shadow: inset 0 0 0 1px var(--del); }
.linkstatus--moved { background: var(--bg); color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); }
.linkstatus--unverified { background: var(--sunken); color: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line); }
.linkstatus-alt { color: inherit; text-decoration: underline; text-underline-offset: .2em; text-transform: none; font-family: var(--font-mono); letter-spacing: 0; }
a[data-link-status="broken"], a[data-link-status="server-error"], a[data-link-status="unreachable"] {
  text-decoration-style: dotted; text-decoration-color: var(--del);
}