/* ==========================================================================
   PRIVACY & COOKIE POLICY — page-specific styles
   The hero, reading panel, prose, callout and cookie-preferences row all come
   from the shared design system (design-system.css).
   This file only carries the few page-level adjustments.
   ========================================================================== */

/* Anchor targets clear the site header when jumped to. */
.pm-legal [id] { scroll-margin-top: calc(var(--pm-header-h) + var(--pm-space-6)); }

/* --------------------------------------------------------------------------
   Data tables (processing, cookies, recipients)
   Four-column tables cannot shrink to a phone. They scroll INSIDE their own
   wrapper so the page body never scrolls sideways. The wrapper is focusable
   and labeled in the template (role="region" + tabindex="0") so a keyboard
   user can reach the scroll area.
   -------------------------------------------------------------------------- */
.pm-legal__table-wrap {
    margin: var(--pm-space-5) 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--pm-r-md);
}
.pm-legal__table-wrap:focus-visible {
    outline: 2px solid var(--pm-accent);
    outline-offset: 2px;
}
.pm-legal__table-wrap > table {
    margin: 0;
    min-width: 640px;
    font-size: var(--pm-fs-body-sm);
}
.pm-legal__table-wrap th,
.pm-legal__table-wrap td { vertical-align: top; }
.pm-legal__table-wrap code { white-space: nowrap; }

/* Section header row inside a table body ("Strictly necessary", "Analytics"…). */
.pm-legal__table-group {
    letter-spacing: var(--pm-tracking-wide);
    text-transform: uppercase;
    font-size: var(--pm-fs-body-sm);
}

/* Revision date line, top and bottom of the policy. */
.pm-legal__updated { color: var(--pm-text-soft); }