/* Dark-skin laser page final layout fixes.
   Loaded after the page bundle and shared laser hero rules. */

/* Hero fact row: center all four facts consistently. */
.mini-stats {
  align-items: stretch !important;
}
.mini-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  min-width: 0 !important;
}
.mini-stat strong,
.mini-stat span {
  display: block !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Make the Nd:YAG guidance pill fully readable. */
.card-dark span.fitz-safe.ndyag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 38px !important;
  padding: 9px 16px !important;
  background: #fff8ed !important;
  border: 1.5px solid #c9dfee !important;
  color: #073b2f !important;
  opacity: 1 !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

/* In every community card, place the explanation below its label. */
.eth-row-item {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.eth-row-item + .eth-row-item {
  margin-top: 14px !important;
}
.eth-row-item .eth-tag {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  padding: 5px 11px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  text-align: left !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
.eth-row-item .eth-text {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  line-height: 1.7 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Keep the three-column desktop presentation while improving card readability. */
@media (min-width: 961px) {
  .eth-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
  .eth-card {
    padding: 28px 24px 24px !important;
  }
}

/* Tablet and phone layout. */
@media (max-width: 960px) {
  .eth-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  .eth-grid {
    grid-template-columns: 1fr !important;
  }
  .mini-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .eth-card {
    padding: 22px 18px !important;
  }
}
@media (max-width: 420px) {
  .mini-stats {
    grid-template-columns: 1fr !important;
  }
}