/* Grid system + measurement marks (CAD style) */
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--sp-3);
}

/* Edge measurement annotations */
.edge-marks {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  font-family: var(--ff-mono);
  font-size: var(--fs-mono-xs);
  color: var(--graphite);
  z-index: 1;
}

.edge-marks__col {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
  padding-top: var(--sp-4);
}
.edge-marks__col--left { left: var(--sp-2); top: var(--sp-2); }
.edge-marks__col--right { right: var(--sp-2); top: var(--sp-2); }

.edge-marks__row {
  position: absolute;
  display: flex;
  gap: var(--sp-6);
  padding-left: var(--sp-4);
}
.edge-marks__row--top { top: var(--sp-2); left: var(--sp-8); }
.edge-marks__row--bottom { bottom: var(--sp-2); left: var(--sp-8); }