/* ==========================================================================
   AudienceView — PRIVACY POLICY page (/Privacy).
   Long-form legal content styled to the marketing shell: reuses site.css
   design tokens + the Playfair Display / Plus Jakarta Sans fonts.
   Scoped under .pp-page.
   ========================================================================== */

.pp-page {
    max-width: 860px;
    margin: 0 auto;
    padding: 48px 24px 80px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--ink2, #1C2E42);
    line-height: 1.7;
    font-size: 15px;
}

/* Header */
.pp-head {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border, #DDE5ED);
}
.pp-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--ink, #07111E);
    line-height: 1.1;
    margin: 0;
}
.pp-eff {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--blue, #1AACE8);
}

.pp-intro p { margin: 0 0 16px; color: var(--muted, #526070); }

/* Sections */
.pp-section { margin-top: 40px; }
.pp-section > h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ink, #07111E);
    margin: 0 0 14px;
    display: flex;
    gap: 10px;
    align-items: baseline;
    line-height: 1.3;
}
.pp-section > h2 .pp-num {
    color: var(--blue, #1AACE8);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}
.pp-section h3 {
    font-size: .98rem;
    font-weight: 700;
    color: var(--ink2, #1C2E42);
    margin: 22px 0 8px;
}
.pp-section p { margin: 0 0 14px; }

.pp-list { margin: 0 0 16px; padding-left: 22px; }
.pp-list li { margin-bottom: 8px; }
.pp-list ul { margin-top: 8px; }

.pp-term { font-weight: 700; color: var(--ink2, #1C2E42); }

.pp-page a {
    color: var(--blue, #1AACE8);
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.pp-page a:hover { text-decoration: underline; }

/* Contact block */
.pp-contact {
    margin-top: 12px;
    padding: 18px 20px;
    border: 1px solid var(--border, #DDE5ED);
    border-radius: 12px;
    background: var(--surface, #F7F9FB);
}
.pp-contact ul { list-style: none; margin: 0; padding: 0; }
.pp-contact li { margin-bottom: 6px; }

/* Page footer (copyright + legal links) */
.pp-foot {
    margin-top: 48px;
    padding-top: 20px;
    border-top: 1px solid var(--border, #DDE5ED);
    font-size: 13px;
    color: var(--ghost, #8FA0B0);
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.pp-foot a { font-weight: 600; }

@media (max-width: 599px) {
    .pp-page { padding: 32px 16px 56px; font-size: 14px; }
}