/* Icon for the custom "in-progress" page status.
   Material ships icons for `new` and `deprecated` only; any other
   status key needs its own mask-image or it renders as a blank gap. */
.md-status--in-progress::after {
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 2.03v2.02c4.39.54 7.5 4.53 6.96 8.92A8.014 8.014 0 0 1 13 19.93v2c5.5-.55 9.5-5.43 8.95-10.93-.45-4.75-4.22-8.5-8.95-8.97m-2 .03c-1.95.19-3.81.94-5.33 2.2L7.1 5.74c1.12-.9 2.47-1.48 3.9-1.68zM4.26 5.67A9.81 9.81 0 0 0 2.05 11h2c.19-1.42.75-2.77 1.64-3.9zM2.06 13c.2 1.96.97 3.81 2.21 5.33l1.42-1.43A8.002 8.002 0 0 1 4.06 13zm5 5.37-1.4 1.37A9.87 9.87 0 0 0 11 21.95v-2a7.9 7.9 0 0 1-3.91-1.61z"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 2.03v2.02c4.39.54 7.5 4.53 6.96 8.92A8.014 8.014 0 0 1 13 19.93v2c5.5-.55 9.5-5.43 8.95-10.93-.45-4.75-4.22-8.5-8.95-8.97m-2 .03c-1.95.19-3.81.94-5.33 2.2L7.1 5.74c1.12-.9 2.47-1.48 3.9-1.68zM4.26 5.67A9.81 9.81 0 0 0 2.05 11h2c.19-1.42.75-2.77 1.64-3.9zM2.06 13c.2 1.96.97 3.81 2.21 5.33l1.42-1.43A8.002 8.002 0 0 1 4.06 13zm5 5.37-1.4 1.37A9.87 9.87 0 0 0 11 21.95v-2a7.9 7.9 0 0 1-3.91-1.61z"/></svg>');
}

/* Verification chips.
   Every claim on a page carries one or two of these, and each is a link into
   the claim register. Rendered small and inline so a paragraph still reads as
   a paragraph. Colours come from the Material palette variables so both the
   light and the dark scheme stay legible. */
.v {
  display: inline-block;
  margin-left: .35em;
  padding: 0 .45em;
  border: 1px solid;
  border-radius: .6em;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.5;
  vertical-align: .12em;
  white-space: nowrap;
  text-decoration: none !important;
}

/* A chip is a link, and `.md-typeset a` is one class more specific than `.v-g`,
   so Material's link colour wins unless the chip is qualified the same way.
   Without `.md-typeset` here every chip renders indigo whatever its kind.

   Each kind is written twice because one hue cannot serve both schemes. Lime on
   white is unreadable and a dark green on slate is muddy, so the light scheme
   takes the deep end of the ramp and the dark scheme takes the bright end. */

/* Verified by running the claim in a world and reading the blocks back. */
.md-typeset .v-g {
  color: #33691e;
  border-color: #43a047;
  background: #43a04722;
}

/* Verified by reading the compiled code. */
.md-typeset .v-c {
  color: #1565c0;
  border-color: #1e88e5;
  background: #1e88e522;
}

/* Neither has been done. Not a synonym for false. */
.md-typeset .v-u {
  color: #8a6414;
  border-color: #b0863a;
  background: #b0863a22;
}

[data-md-color-scheme="slate"] .md-typeset .v-g {
  color: #b2ff59;
  border-color: #8bc34a;
  background: #8bc34a26;
}

[data-md-color-scheme="slate"] .md-typeset .v-c {
  color: #82b1ff;
  border-color: #448aff;
  background: #448aff26;
}

[data-md-color-scheme="slate"] .md-typeset .v-u {
  color: #ffd54f;
  border-color: #c8a038;
  background: #c8a03826;
}

.v:hover { filter: brightness(1.25); }