/* Artwork safety guidance: every printed piece gets its own live-area rail. */
#ghboard .sheetrow {
  position: relative;
}

#ghboard .gh-safe-note {
  flex: 0 0 168px;
  align-self: flex-start;
  margin: 74px 4px 0 0;
  padding: 9px 10px;
  border: 2px dashed #e33939;
  background: rgba(255, 255, 255, .94);
  color: #bc2424;
  font-size: 11px;
  line-height: 1.25;
}

#ghboard .gh-safe-note strong,
#ghboard .gh-safe-note span {
  display: block;
}

#ghboard .gh-safe-note strong {
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: .65px;
}

#ghboard .boardwrap {
  position: relative;
}

#ghboard .piece .gh-safe-zone {
  position: absolute;
  inset: 5%;
  z-index: 3;
  border: 1px dashed #1549f5;
  pointer-events: none;
}

#ghboard .piece .badge {
  z-index: 4;
}

@media (max-width: 900px) {
  #ghboard .gh-safe-note {
    flex-basis: 146px;
    font-size: 10px;
  }
}

@media (max-width: 700px) {
  #ghboard .gh-safe-note {
    flex: 0 0 138px;
    margin-top: 58px;
  }
}

@media (max-width: 520px) {
  #ghboard .gh-safe-note {
    flex-basis: 132px;
    margin-top: 44px;
    padding: 7px 8px;
    font-size: 9px;
  }
}