.soil-profile h3 {
  margin-top: 1.5em;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
}

.image-grid img {
  width: 100%;
  border-radius: 4px;
}

.layers-table, .soil-profile table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
}

.layers-table th  .soil-profile th, 
.table th, .table td, 
.soil-profile td, .layers-table td {
  border: 1px solid #ddd;
  padding: 6px;
  color: #eaeaea;
  background: #121212;
  border-collapse: collapse;
}


/* Fancybox dark theme → HTML content */
.soil-profile {
  background: #121212;
  color: #eaeaea;
  overflow-y: auto;
}

/* Headings */
.soil-profile h2,
.soil-profile h3 {
  color: #ffffff;
}

/* Tables */
.soil-profile table, .soil-profile tr {
  background: #181818;
  border-collapse: collapse;
}
.soil-profile th, .soil-profile td {
    border-collapse: collapse;
    border: 1px solid #999;
    color: white;
    padding: 5px
}

/* Links */
.soil-profile a {
  color: #6ab0ff;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: transparent;
    background-color: #333;
}
.table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border-color:rgba(255,255,255,0.1);
}

.table {
    border-top: 1px solid rgba(255,255,255,0.1);;
}
.table>thead>tr>th {
    border-bottom-color: rgba(255,255,255,0.1);;
}