/* SITE-21: shared accessibility tweaks for every route. */

.vv-skip-link {
  position: fixed;
  top: -80px;
  left: 12px;
  z-index: 10000;
  padding: 10px 16px;
  background: #f4e5c5;
  color: #12100c;
  font-family: Minecraftia, "Courier New", monospace;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  border: 2px solid #12100c;
  box-shadow: 0 2px 0 #12100c;
}

.vv-skip-link:focus {
  top: 12px;
  outline: 2px solid #ffd27a;
  outline-offset: 2px;
}

/* Paper filter buttons: the texture is a pseudo-element, so the computed
   background was transparent and Lighthouse measured 1.04:1 contrast.
   A solid paper colour underneath keeps the look and makes the ratio real. */
.vvh-collection {
  background-color: #f4e5c5 !important;
  color: #291e0b !important;
}

.vvh-collection[aria-pressed="true"] {
  background-color: #ffe9b8 !important;
}

/* The wood theme sets `background: transparent !important` on .vv36-button
   with higher specificity; beat it only for the filter buttons. */
html.vv-wood-theme .vvh-collections .vvh-collection[data-vv36] {
  background-color: #f4e5c5 !important;
  color: #291e0b !important;
}

html.vv-wood-theme .vvh-collections .vvh-collection[data-vv36][aria-pressed="true"] {
  background-color: #ffe9b8 !important;
  color: #291e0b !important;
}

/* Minimum readable size: tiny labels and fine print. */
.vvh-invitation,
.vvbook-eyebrow,
.vvbook-release,
.vnn-kicker,
.vnn-rule,
.vnn-entry-date,
.vnn-entry-author,
.vnn-unread,
.vvc-number,
.vnn-scene-bottom p,
.vnn-scene-bottom p span,
.vnn-filters button,
.vnn-filters button span,
.vnn-spine,
.vnn-shelf-controls strong,
.vnn-shelf-controls span,
.vnn-catalog-note,
.text-\[8px\],
.text-\[9px\],
.text-\[10px\],
.text-\[11px\],
[style*="font-size: 8px"],
[style*="font-size:8px"],
[style*="font-size: 9px"],
[style*="font-size:9px"],
[style*="font-size: 10px"],
[style*="font-size:10px"],
[style*="font-size: 11px"],
[style*="font-size:11px"] {
  font-size: 12px !important;
}

/* News entry number: the page stylesheet loads after this file. */
.vnn-entry .vnn-spine,
.vnn-entry .vnn-spine * {
  font-size: 12px !important;
}