/* AI-SITE-ARROWS-20261107: decorative UI icons only. Existing brand colors, controls and focus styles remain authoritative. */
.night-city svg.site-arrow {
  display:inline-block;
  width:1em;
  height:1em;
  min-width:0;
  max-width:none;
  flex:0 0 1em;
  vertical-align:-.12em;
  overflow:visible;
  color:inherit;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:square;
  stroke-linejoin:miter;
  pointer-events:none;
}
.night-city svg.site-arrow path { fill:none; stroke:inherit; }
.night-city button > svg.site-arrow { vertical-align:middle; }
.night-city :is(.course-link,.secret-bonus-link) .site-arrow { transition:transform 180ms cubic-bezier(.16,1,.3,1); }
.night-city :is(.course-link,.secret-bonus-link):is(:hover,:focus-visible) .site-arrow--diagonal { transform:translate(2px,-2px); }
@media(max-width:900px) {
  .night-city .alo-tool:not(:last-of-type)::after {
    content:"";
    width:30px;
    height:30px;
    background:currentColor;
    transform:translateX(-50%);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
  }
}
@media(prefers-reduced-motion:reduce) {
  .night-city :is(.course-link,.secret-bonus-link) .site-arrow { transition:none; transform:none!important; }
}