/* Cookie policy page (Human Rights Guide) — styling for the Cookies17
 * declaration table and rich-text lists. Scoped to `.cookie-policy-page`,
 * set in humanRightsGuide/pages/_types/pages.html on the entry selected as
 * the Cookies17 policy page.
 *
 * Mirrors the main site's web/assets/styles/sass/_cookies17.scss, restyled
 * for the guide palette: navy #121e66 (primary) and teal #007e70 (secondary).
 *
 * NB: hand-authored plain CSS, NOT compiled. The guide's LESS pipeline is
 * legacy and has no build script in package.json (npm run sass builds the
 * main site only), so edit this file directly — there is no source to
 * recompile from.
 */

/* ---------------------------------------------------------------------------
   Declaration tables (.cookies17-table-group > .cookies17-table-scroll > table)
   --------------------------------------------------------------------------- */
.cookie-policy-page .cookies17-table-group {
  margin-bottom: 40px;
}

.cookie-policy-page .cookies17-table-group h3 {
  color: #121e66;
  font-weight: 500;
  margin-bottom: 12px;
}

/* Horizontal scroll wrapper for narrow viewports */
.cookie-policy-page .cookies17-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.cookie-policy-page table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  background: #fff;
}

.cookie-policy-page table caption {
  text-align: left;
}

.cookie-policy-page table thead th {
  background: #121e66;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  text-align: left;
  padding: 12px 15px;
  white-space: nowrap;
  border: none;
}

.cookie-policy-page table tbody th,
.cookie-policy-page table tbody td {
  font-size: 15px;
  padding: 12px 15px;
  border-top: 1px solid #e3e6f0;
  vertical-align: top;
  text-align: left;
}

/* First column holds the cookie name (<th scope="row"><code>…</code></th>) */
.cookie-policy-page table tbody th[scope="row"] {
  font-weight: 400;
}

.cookie-policy-page table tbody th[scope="row"] code {
  background: #e3e6f0;
  color: #121e66;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: .9em;
  word-break: break-word;
}

/* Zebra striping */
.cookie-policy-page table tbody tr:nth-child(even) {
  background: rgba(227, 230, 240, .35);
}

.cookie-policy-page table tbody tr:hover {
  background: #e3e6f0;
}

/* ---------------------------------------------------------------------------
   Rich-text lists in the policy body / intro / outro
   --------------------------------------------------------------------------- */
.cookie-policy-page ul {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 24px;
}

.cookie-policy-page ul li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 8px;
  line-height: 1.6;
}

.cookie-policy-page ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .6em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #007e70;
}