/*
  Chevron visibility fix (v5c)
  ---------------------------
  Goal: make the sidebar chevrons reliably visible on every browser,
  without depending on PNG/JPG assets.

  Approach:
  - Disable any existing image-based chevrons in modern-archive.css
  - Draw a small right-pointing chevron using pure CSS (borders)
  - Scope strictly to the sidebar (<td class="sidebar">)
*/

/* 1) Turn off the image chevron layer from modern-archive.css */
.sidebar a::before {
  content: none !important;
  background-image: none !important;
}

/* 2) Ensure links have room for the chevron at the right */
.sidebar a {
  position: relative;
  padding-right: 22px !important;
}

/* 3) Draw the chevron */
.sidebar a::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 8px;
  vertical-align: -1px;

  /* Right-pointing chevron */
  border-right: 2px solid #6b4a2b;  /* dark brown */
  border-bottom: 2px solid #6b4a2b; /* dark brown */
  transform: rotate(-45deg);

  opacity: 0.95;
  pointer-events: none;
}

/* 4) Optional: a subtle "active" emphasis on hover/focus */
.sidebar a:hover::after,
.sidebar a:focus::after {
  opacity: 1;
}