/* VEILWATCH / DIRECTIONAL GLYPH SYSTEM
   Locally hosted vector replacement: never permit platform emoji arrows.
   Matte obsidian + antique gold, context-aware, static until interaction. */
.vw-arrow-icon{
  display:inline-block;
  width:1.16em;
  height:1.16em;
  min-width:15px;
  min-height:15px;
  overflow:visible;
  flex:none;
  vertical-align:-.23em;
  color:inherit;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
  shape-rendering:geometricPrecision;
  transition:transform .22s cubic-bezier(.2,.8,.2,1);
}
.vw-arrow-icon .vw-arrow-shadow{fill:none;stroke:#030308;stroke-width:8;opacity:.3}
.vw-arrow-icon .vw-arrow-body{fill:none;stroke:currentColor;stroke-width:5.4}
.vw-arrow-icon .vw-arrow-sheen{fill:none;stroke:#fff9e7;stroke-width:1.35;opacity:.42}
.vw-arrow-icon .vw-arrow-butt{fill:none;stroke:#fff4d4;stroke-width:1;opacity:.3}
.vw-arrow-icon .vw-arrow-point{fill:currentColor;stroke:none;opacity:.72}
:where(a,button,summary,[role="button"]):hover>.vw-arrow-icon,
:where(a,button,summary,[role="button"]):hover .vw-arrow-icon{
  transform:translate3d(2px,-2px,0);
}
.primary .vw-arrow-icon{
  width:28px;height:28px;min-width:28px;min-height:28px;
  margin:-7px -8px -7px 3px;
  padding:5px;
  border:1px solid rgba(243,196,129,.65);
  border-radius:8px;
  color:#f1d19b;
  background:linear-gradient(135deg,#493437,#191722 67%,#34232d);
  box-shadow:inset 0 1px 0 rgba(255,236,200,.22),0 2px 6px rgba(34,19,25,.22);
}
.primary .vw-arrow-icon .vw-arrow-sheen{opacity:.5}
.text-link .vw-arrow-icon{
  color:#e3c091;
  width:17px;height:17px;
}
.vw-chapter-arrow .vw-arrow-icon{
  display:block;width:25px;height:25px;
  color:#f4d5a7;min-width:0;min-height:0;
}
.prime-command-pill .vw-arrow-icon{width:15px;height:15px}
.vw-arrow-icon[aria-hidden="true"]{user-select:none}
@media(max-width:760px){
  .primary .vw-arrow-icon{width:26px;height:26px;min-width:26px;min-height:26px;margin:-6px -7px -6px 1px}
  .vw-chapter-arrow .vw-arrow-icon{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){
  .vw-arrow-icon{transition:none!important}
  :where(a,button,summary,[role="button"]):hover .vw-arrow-icon{transform:none!important}
}