/**
 * The public Open Data catalogue.
 *
 * Modelled on the ITA/OIT disclosure tables a Thai government site already
 * publishes, so the page reads as one of them rather than as a web app.
 */
.opendata-catalogue__title {
  margin: 0 0 0.25rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

/* The English line under the page title: present, but never competing. */
.opendata-catalogue__subtitle {
  margin: 0 0 0.75rem;
  color: #5a5a5a;
  font-size: 1.05rem;
  font-weight: 400;
  text-align: center;
}

.opendata-catalogue__intro {
  margin: 0 0 1rem;
  max-width: 60rem;
  line-height: 1.6;
}

.opendata-catalogue__table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #9a9a9a;
  font-size: 0.95rem;
}

.opendata-catalogue__table th,
.opendata-catalogue__table td {
  padding: 0.5rem 0.75rem;
  border: 1px solid #9a9a9a;
  vertical-align: top;
  text-align: left;
}

.opendata-catalogue__table thead th {
  background-color: #d9d9d9;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

/* The objective heading: a full-width band, centred like the ITA tables. */
.opendata-catalogue__group th {
  background-color: #ececec;
  font-weight: 700;
  text-align: center;
}

.opendata-catalogue__table .opendata-catalogue__col-number {
  width: 4rem;
  text-align: center;
  white-space: nowrap;
}

.opendata-catalogue__table .opendata-catalogue__col-date,
.opendata-catalogue__table .opendata-catalogue__col-detail,
.opendata-catalogue__table .opendata-catalogue__col-download {
  white-space: nowrap;
  width: 1%;
}

.opendata-catalogue__table .opendata-catalogue__col-date,
.opendata-catalogue__table .opendata-catalogue__col-detail,
.opendata-catalogue__table .opendata-catalogue__col-download {
  text-align: center;
}

/* Formats sit side by side; each is a target big enough to tap. */
.opendata-catalogue__resource {
  display: inline-block;
  margin: 0 0.15rem 0.15rem 0;
  padding: 0.1em 0.55em;
  border: 1px solid #1a5fb4;
  border-radius: 0.25em;
  color: #1a5fb4;
  font-size: 0.85em;
  font-weight: 700;
  text-decoration: none;
}

.opendata-catalogue__resource:hover,
.opendata-catalogue__resource:focus {
  background-color: #1a5fb4;
  color: #fff;
}

.opendata-catalogue__resource-empty {
  color: #8a8a8a;
}

.opendata-catalogue__empty {
  padding: 1rem;
  color: #6a6a6a;
}

@media (max-width: 48rem) {
  /* Narrow screens: let the table scroll rather than crush the title column. */
  .opendata-catalogue {
    overflow-x: auto;
  }

  .opendata-catalogue__table {
    min-width: 40rem;
  }
}