/* ============================================================
   PRIVACY POLICY PAGE
   Page-specific styles for /privacy-policy.html.
   Depends on shared.css (color tokens) and site.css (chrome).
   ============================================================ */

.privacy-content {
    max-width: 640px;
    margin: 0 auto;
    padding: 120px 24px 100px;
}

.privacy-back {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: var(--light-aqua);
    text-decoration: none;
    margin-bottom: 48px;
    transition: color 200ms ease;
}
.privacy-back:hover {
    color: var(--mint-white);
    text-decoration: underline;
}

.privacy-content h1 {
    font-weight: 600;
    font-size: 40px;
    color: var(--mint-white);
    margin-bottom: 12px;
}

.privacy-updated {
    font-size: 14px;
    color: var(--light-aqua-40);
    margin-bottom: 64px;
}

.privacy-content h2 {
    font-weight: 600;
    font-size: 22px;
    color: var(--light-aqua);
    margin-top: 40px;
    margin-bottom: 16px;
}

.privacy-content p {
    font-size: 16px;
    color: var(--light-aqua-70);
    line-height: 1.7;
    margin-bottom: 16px;
}

.privacy-content a:not(.privacy-back) {
    color: var(--teal);
    text-decoration: none;
    transition: color 200ms ease;
}
.privacy-content a:not(.privacy-back):hover {
    color: var(--bright-cyan);
    text-decoration: underline;
}

/* "You are here" state for the Privacy Policy link in footer-nav. */
.footer-nav a[aria-current="page"] {
    color: var(--mint-white);
}

@media (max-width: 767px) {
    .privacy-content h1 { font-size: 28px; }
    .privacy-content h2 { font-size: 20px; }
    .privacy-content p  { font-size: 15px; }
}