/* 2026-09-14 - retired-template prune: 2 selectors removed from this file.
   Each named a class that exists nowhere - not on any of the 370 published
   URLs, not in any post_content/postmeta/option row in any status, not emitted
   by any theme PHP or JS. See the note at the top of style.css for the method
   and the verification. */
/**
 * Vanity or Vice — MARGINALIA
 *
 * Small deliberate details for readers who look closely. Nothing in this
 * file carries information, changes navigation, gates content, or has to
 * be found for the site to work. Delete the file and the site is exactly
 * as usable; it is just less rewarding to read carefully.
 *
 * One governing idea, taken from the metaphor the rest of the site already
 * runs on — a judgment desk that keeps files:
 *
 *   · a file opens with a rule and closes with a seal
 *   · highlighting a sentence marks up a document
 *   · the wordmark is a scale, and the word doing the weighing is "or"
 *   · a 404 is a case number, not an apology
 *
 * Four things, sitewide. That is the budget. If a fifth ever seems worth
 * adding, one of these should come out first — the moment a reader starts
 * looking for them, they have stopped being details and become a feature.
 *
 * This file is enqueued only on Vanity or Vice requests, never on Claire
 * Elise Wellness, which is a different publication with a different voice.
 */

/* ------------------------------------------------------------------
   1 · Marking up the file

   Selection is brass on ink rather than the browser's default blue, so
   highlighting a sentence looks like annotating a document rather than
   operating a browser. Contrast measured at 4.59:1 (#A8874E ground,
   #282327 text), so selected body copy stays above AA for normal text.
   ------------------------------------------------------------------ */
::selection {
  background: var(--palette-gold);
  color: var(--palette-ink);
  text-shadow: none;
}

/* ------------------------------------------------------------------
   2 · The seal

   Every article header already opens with a short brass rule in the
   kicker. This closes the file with a matching mark: one small brass
   lozenge, centred, after the last block of body copy.

   It is a recurring symbol rather than a decoration — the same mark in
   the same place on every examination, so a regular reader learns where
   the argument ends and the apparatus begins.

   content: "" with no text means assistive technology announces nothing.
   Deliberate: the end of the article is already conveyed by the heading
   structure that follows.
   ------------------------------------------------------------------ */
.vovn-article-body::after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin: var(--space-16) auto var(--space-6);
  background: var(--palette-gold);
  transform: rotate(45deg);
  opacity: 0.72;
}

/* ------------------------------------------------------------------
   3 · The scale tips

   The wordmark is "Vanity or Vice" — two pans and a pivot. The pivot is
   the italic "or", and it is the only word in the mark that does any
   work. On hover it takes the brass, as though the scale has been
   touched.

   2026-09-14: the two rules that lived here targeted .vv-footer__mark em,
   the wordmark inside the three-column footer that was retired. The
   detail itself is not gone — it is carried by .vv-wordmark em in
   assets/hybrid-header.css, which is the mark now in service. Nothing
   here replaced it, because the slim footer has no wordmark to tip.
   ------------------------------------------------------------------ */


/* ------------------------------------------------------------------
   4 · The case number

   Paired with the line added to 404.php. A missing page is filed rather
   than mourned: the path you actually asked for, set in the mono face
   the rest of the site reserves for data, under a "Case" label.

   It is the one egg here that is also useful — it tells a reader whether
   they mistyped or whether the link was wrong. The path is sanitised and
   truncated in PHP before it reaches this markup.
   ------------------------------------------------------------------ */
.vovn-missing .vovn-dossier__case {
  font-family: var(--font-mono-stack);
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  color: var(--palette-quiet);
  margin: var(--space-3) 0 var(--space-5);
}

.vovn-missing .vovn-dossier__case span {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  margin-right: var(--space-2);
}

.vovn-missing .vovn-dossier__case code {
  font-family: inherit;
  color: var(--palette-espresso);
  background: none;
  padding: 0;
  overflow-wrap: anywhere;
}