.data-resources-page {
  background: #fff;
  color: var(--gray-text, #243128);
}

.data-page-header {
  background: #fff !important;
  color: var(--gray-text, #243128);
}

.data-page-header > h1,
.data-page-header > p {
  background-color: #fff;
}

.data-page-section > .data-page-container {
  display: block;
  max-width: 1240px;
  padding-bottom: 4rem;
  padding-top: 2.25rem;
}

.data-resources-page h1,
.data-resources-page h2,
.data-resources-page h3,
.data-resources-page h4 {
  color: var(--blue-dark, #2f6b45);
}

.data-resources-page h1 {
  border-bottom: 1px solid var(--blue-light, #8cc599);
  font-size: clamp(2rem, 4vw, 2.65rem);
  margin: 0 0 1rem;
  padding-bottom: 0.75rem;
}

.data-resources-page h2 {
  font-size: clamp(1.45rem, 3vw, 1.85rem);
  margin: 2.75rem 0 1rem;
}

.data-resources-page h3 {
  margin-top: 0;
}

.data-page-header p,
.data-info-panel p,
.workflow-panel p,
.access-panel p {
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 88ch;
}

.catalog-availability-note {
  background: #fff;
  border-left: 4px solid var(--blue-mid, #4f8f63);
  color: #314b39;
  font-weight: 700;
  margin: 0;
  padding: 0.9rem 1rem;
}

.data-info-panel,
.workflow-panel,
.access-panel {
  background: #f4faf6;
  border: 1px solid #bad9c2;
  border-left: 5px solid var(--blue-mid, #4f8f63);
  margin: 2.25rem 0;
  padding: 1.35rem 1.5rem;
}

.data-info-panel h2,
.workflow-panel h2,
.access-panel h2 {
  margin-top: 0;
}

.section-heading-row {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

.data-text-link,
.data-resources-page a {
  color: #245a39;
}

.data-resources-page a:hover,
.data-resources-page a:focus-visible {
  text-decoration-thickness: 2px;
}

.publication-card-grid,
.bioproject-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.publication-card,
.bioproject-card {
  background: #fff;
  border: 1px solid #c9dfcf;
  border-radius: 8px;
  box-shadow: 0 3px 12px rgb(25 72 42 / 8%);
  padding: 1.35rem;
}

.publication-card__project,
.bioproject-card__project {
  color: #476451;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0 0 0.45rem;
  text-transform: uppercase;
}

.publication-card h3,
.bioproject-card h3 {
  font-size: 1.25rem;
  line-height: 1.35;
}

.publication-card__citation,
.publication-card__note {
  color: #4c5a50;
  font-size: 0.92rem;
}

.data-button,
.copy-s3-button,
.copy-command-button {
  align-items: center;
  background: var(--blue-dark, #2f6b45);
  border: 1px solid var(--blue-dark, #2f6b45);
  border-radius: 5px;
  color: #fff !important;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: 700;
  justify-content: center;
  line-height: 1.2;
  min-height: 2.5rem;
  padding: 0.58rem 0.9rem;
  text-decoration: none;
}

.data-button:hover,
.data-button:focus-visible,
.copy-s3-button:hover,
.copy-s3-button:focus-visible,
.copy-command-button:hover,
.copy-command-button:focus-visible {
  background: #224f34;
}

.data-button--secondary {
  background: #fff;
  color: var(--blue-dark, #2f6b45) !important;
}

.data-button--secondary:hover,
.data-button--secondary:focus-visible {
  background: #eef6f0;
}

.bioproject-card details {
  margin-top: 1rem;
}

.bioproject-card summary {
  color: #245a39;
  cursor: pointer;
  font-weight: 700;
}

.bioproject-card h4 {
  font-size: 1rem;
  margin: 1rem 0 0.4rem;
}

.accession-list {
  display: grid;
  gap: 0.35rem 0.8rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0.5rem 0 0;
  padding-left: 1.2rem;
}

.data-filters {
  align-items: end;
  background: #f4faf6;
  border: 1px solid #c8dfce;
  border-radius: 8px;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(250px, 2fr) repeat(4, minmax(135px, 1fr)) auto;
  margin: 1rem 0 1.25rem;
  padding: 1.2rem;
}

.filter-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.filter-field label {
  font-weight: 700;
}

.filter-field input,
.filter-field select {
  background: #fff;
  border: 1px solid #75887a;
  border-radius: 4px;
  color: #17241b;
  font: inherit;
  min-height: 2.7rem;
  padding: 0.55rem 0.65rem;
  width: 100%;
}

.filter-field input:focus,
.filter-field select:focus,
.data-button:focus-visible,
.copy-s3-button:focus-visible,
.copy-command-button:focus-visible,
.data-table-scroll:focus {
  outline: 3px solid #f0bd45;
  outline-offset: 2px;
}

.catalog-status-row {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 0.65rem;
  min-height: 1.5rem;
}

.catalog-status-row p {
  margin: 0;
}

.copy-status {
  color: #245a39;
  font-weight: 700;
}

.no-results,
.data-error {
  background: #fff4f4;
  border: 1px solid #9a3b3b;
  color: #661f1f;
  padding: 1rem;
}

.data-table-scroll {
  border: 1px solid #c7d9cb;
  border-radius: 6px;
  max-width: 100%;
  overflow-x: auto;
}

.data-resource-table {
  background: #fff;
  border-collapse: collapse;
  font-size: 0.92rem;
  min-width: 1180px;
  width: 100%;
}

.data-resource-table caption {
  background: #eef6f0;
  color: #2e4635;
  font-weight: 700;
  padding: 0.8rem;
  text-align: left;
}

.data-resource-table th,
.data-resource-table td {
  border-bottom: 1px solid #d6e2d9;
  border-right: 1px solid #e3ebe5;
  padding: 0.8rem;
  text-align: left;
  vertical-align: top;
}

.data-resource-table th:last-child,
.data-resource-table td:last-child {
  border-right: 0;
}

.data-resource-table thead th {
  background: var(--blue-dark, #2f6b45);
  color: #fff;
  font-size: 0.85rem;
  position: sticky;
  top: 0;
  z-index: 1;
}

.data-resource-table tbody tr:nth-child(even) {
  background: #f8fbf9;
}

.data-resource-table tbody tr:hover {
  background: #eef7f0;
}

.data-resource-table th:first-child,
.data-resource-table td:first-child {
  min-width: 165px;
  white-space: nowrap;
  width: 165px;
}

.data-resource-table td:first-child code {
  overflow-wrap: normal;
  white-space: nowrap;
  word-break: normal;
}

.data-resource-table code,
.s3-path {
  overflow-wrap: anywhere;
  white-space: normal;
}

.access-label {
  display: block;
  font-size: 0.78rem;
  line-height: 1.35;
  margin-top: 0.5rem;
}

.access-label {
  color: #384d3e;
  font-weight: 700;
}

.table-secondary {
  color: #4c5b50;
  font-size: 0.82rem;
}

.s3-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 0.55rem;
}

.copy-s3-button,
.copy-command-button {
  font-size: 0.78rem;
  min-height: 2rem;
  padding: 0.35rem 0.55rem;
}

.table-accession-list {
  margin: 0;
  padding-left: 1rem;
}

.table-accession-list li + li {
  margin-top: 0.35rem;
}

[hidden] {
  display: none !important;
}

@media (width <= 1050px) {
  .data-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-field--search {
    grid-column: 1 / -1;
  }
}

@media (width <= 760px) {
  .data-page-section > .data-page-container {
    padding-top: 1.5rem;
  }

  .publication-card-grid,
  .bioproject-grid,
  .data-filters {
    grid-template-columns: 1fr;
  }

  .filter-field--search {
    grid-column: auto;
  }

  .accession-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-status-row {
    flex-direction: column;
  }
}

@media (width <= 480px) {
  .accession-list {
    grid-template-columns: 1fr;
  }

  .data-info-panel,
  .workflow-panel,
  .access-panel,
  .publication-card,
  .bioproject-card {
    padding: 1rem;
  }
}