/* ============================================================
   LEYDARS brand signature — a coordinate / market-plot grid.
   A faint survey-grid texture that recurs across the dark feature
   moments, giving the site an ownable visual signature. Built to
   sit behind content, never over it. meridian tokens.
   ============================================================ */

:where(.ax-night, .ax-regional, .dmvmap, .calc-nlp-wrap) {
  position: relative;
  isolation: isolate;
}
:where(.ax-night, .ax-regional, .dmvmap, .calc-nlp-wrap)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(95, 168, 255, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95, 168, 255, .07) 1px, transparent 1px);
  background-size: 54px 54px;
  background-position: right -1px top -1px;
  -webkit-mask-image: radial-gradient(135% 105% at 100% 0%, #000 8%, transparent 62%);
          mask-image: radial-gradient(135% 105% at 100% 0%, #000 8%, transparent 62%);
}
/* plot marks at the grid's origin corner */
:where(.ax-night, .ax-regional, .dmvmap)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: min(46%, 520px);
  height: min(60%, 360px);
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(95, 168, 255, .5) 1.4px, transparent 1.6px);
  background-size: 54px 54px;
  background-position: right -1px top -1px;
  -webkit-mask-image: radial-gradient(120% 120% at 100% 0%, #000 2%, transparent 46%);
          mask-image: radial-gradient(120% 120% at 100% 0%, #000 2%, transparent 46%);
  opacity: .5;
}
:where(.ax-night, .ax-regional, .dmvmap, .calc-nlp-wrap) > * {
  position: relative;
  z-index: 1;
}

/* Measured rule — a survey-tick divider, available as a utility. */
.brand-rule {
  height: 9px;
  border: 0;
  margin: 0;
  background:
    linear-gradient(var(--line), var(--line)) top left / 100% 1px no-repeat,
    repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 44px) top left / 100% 7px no-repeat;
}
.ax-night .brand-rule, .ax-regional .brand-rule, .dmvmap .brand-rule {
  background:
    linear-gradient(var(--line-dark), var(--line-dark)) top left / 100% 1px no-repeat,
    repeating-linear-gradient(90deg, var(--line-dark) 0 1px, transparent 1px 44px) top left / 100% 7px no-repeat;
}