/* ===========================================================================
   PAGE — LEGAL (privacy & cookies)
   Long-form reading: a sticky contents list beside a single text column.
   =========================================================================== */

.legal__grid {
    display: grid;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: start;
}

@media (min-width: 900px) {
    .legal__grid { grid-template-columns: 240px minmax(0, 1fr); }
    .legal__toc  { position: sticky; top: calc(var(--header-h) + 1.5rem); }
}

/* ---------------------------------------------------------------------------
   Contents
   --------------------------------------------------------------------------- */
.legal__toc {
    padding: 1.25rem 1.5rem;
    background: var(--pale);
    border-radius: var(--r);
}

.legal__toc-head { margin: 0 0 0.75rem; color: var(--blue-d); }

.legal__toc ol {
    margin: 0;
    list-style: decimal;
    padding-left: 1.25rem;
    display: grid;
    gap: 0.375rem;
    font-size: var(--t-small);
}

.legal__toc a { color: var(--navy); text-decoration: none; }
.legal__toc a:hover { color: var(--blue-d); text-decoration: underline; }

.legal__updated {
    margin: 1rem 0 0;
    color: var(--grey);
    font-size: 0.8125rem;
}

/* ---------------------------------------------------------------------------
   Body copy
   --------------------------------------------------------------------------- */
.legal__body { max-width: var(--measure); color: var(--grey-d); }

.legal__body h2 {
    margin: 2.75rem 0 0.875rem;
    color: var(--navy);
    font-family: var(--font-display);
    font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
    font-weight: 600;
    line-height: 1.25;
    scroll-margin-top: calc(var(--header-h) + 1.5rem);
}
.legal__body h2:first-child { margin-top: 0; }

.legal__body p,
.legal__body ul { margin: 0 0 1rem; line-height: 1.7; }

.legal__body ul { padding-left: 1.25rem; display: grid; gap: 0.375rem; list-style: disc; }
.legal__body li::marker { color: var(--turq-d); }

.legal__body strong { color: var(--navy); font-weight: 600; }