* {
  box-sizing: border-box;
}

main,
.card {
  min-width: 0;
}

.card,
.card h1,
.card h2,
.card p,
.card li,
.card a,
.card td,
.card th {
  overflow-wrap: anywhere;
}

.cookies-table {
  width: 100%;
  border-collapse: collapse;
}

.cookies-table th,
.cookies-table td {
  border: 1px solid #dbe2ea;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

@media (max-width: 640px) {
  main {
    padding: 28px 12px;
  }

  .card {
    padding: 22px 16px;
    border-radius: 16px;
  }

  .card h1 {
    font-size: 28px;
  }

  .card h2 {
    font-size: 20px;
  }

  .cookies-table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}