/* PlateDiary — /about only (loaded after css/pages.css). A facts table that
   reads as plain rows, and the press kit's previews. Flat fills, no outlines. */

.pd-table--facts {
  min-width: 0;
}

.pd-table--facts tbody th {
  width: 30%;
  white-space: nowrap;
}

/* pages.css paints the last column as PlateDiary's; here every row is ours */
.pd-table--facts tbody tr > :last-child {
  background: var(--sheet);
  color: var(--ink-muted);
  font-weight: 400;
}

.pd-table--facts tbody tr > :first-child {
  background: var(--accent-soft);
  color: var(--accent-text);
}

.press {
  margin-top: 8px;
}

.press__img {
  width: 96px;
  height: auto;
  margin-bottom: 14px;
  border-radius: 22px;
}

.press__img--wide {
  width: 100%;
  border-radius: 14px;
}

.press__swatches {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.press__swatches i {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--sheet), 0 0 0 3px color-mix(in oklab, var(--ink) 12%, transparent);
}

@media (max-width: 599px) {
  .pd-table--facts tbody th {
    width: auto;
    white-space: normal;
  }

  .pd-table--facts tbody tr {
    display: grid;
  }

  .pd-table--facts tbody tr > :first-child {
    border-radius: 14px 14px 0 0;
  }

  .pd-table--facts tbody tr > :last-child {
    border-radius: 0 0 14px 14px;
  }
}

.pd-sec__main > :is(ul, div) + p {
  margin-top: 20px;
}

@media (max-width: 599px) {
  .pd-table--facts tbody th,
  .pd-table--facts tbody td {
    padding: 10px 14px;
  }
}