/* Legal pages - terms, cookie policy, listing standards, privacy policy.
   Bootstrap cards do the layout; this file only handles what it cannot:
   the cookie tables, which squeeze to one word per column on a phone.
   `.table-responsive` gives them a scroller, but only if the table is
   allowed to keep a usable width instead of collapsing into it. */

.wp-legal__table-wrap {
    margin-bottom: 0.5rem;
}

.wp-legal__table {
    min-width: 32rem;
}

.wp-legal__table th {
    white-space: nowrap;
    font-weight: 600;
}

.wp-legal__table code {
    white-space: nowrap;
}

/* A scroller with no visible edge reads as a clipped table. */
.wp-legal__table-wrap::after {
    content: "Scroll the table sideways to see every column.";
    display: none;
    font-size: 0.8125rem;
    color: var(--text-muted, #6c757d);
}

@media (max-width: 47.9375rem) {
    .wp-legal__table-wrap::after {
        display: block;
    }
}

/* Long legal prose reads better a shade looser than the site default. */
.wp-legal__section-body p,
.wp-legal__list li {
    line-height: 1.65;
}

.wp-legal__list li {
    margin-bottom: 0.375rem;
}