/* Netyvo privacy policy: mobile-only permissions table layout.
   This stylesheet is loaded only by the seven privacy pages.
   Desktop tables and every other page retain the shared styles. */
@media (max-width: 700px) {
  .content-card .table-wrap.privacy-permissions {
    width: 100%;
    max-width: 100%;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    margin: 18px 0 28px;
  }

  .content-card .privacy-permissions table,
  .content-card .privacy-permissions tbody {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  /* Keep the column headers in the accessibility tree. */
  .content-card .privacy-permissions thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  .content-card .privacy-permissions tbody tr {
    display: block;
    margin: 0 0 12px;
    overflow: hidden;
    border: 1px solid #1b4563;
    border-radius: 14px;
    background: #061523;
  }

  .content-card .privacy-permissions tbody td {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    border: 0;
    text-align: left;
    vertical-align: top;
    font-size: .9rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }

  .content-card .privacy-permissions tbody td:first-child {
    background: #0b2943;
    color: #e9f5ff;
    font-weight: 750;
    border-bottom: 1px solid #1b4563;
  }

  .content-card .privacy-permissions tbody td:last-child {
    color: #a9bdca;
  }

  .content-card .privacy-permissions tbody tr:last-child {
    margin-bottom: 0;
  }
}