/* ============================
   Language Navigation Bar
   ============================ */

.page-lang-nav {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 16px 0;
    margin-bottom: 8px;
    border-bottom: 1px solid #e8e8e8;
    flex-wrap: wrap;
}

.page-lang-nav a {
    color: #667eea;
    text-decoration: none;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
}

.page-lang-nav a:hover {
    background: #f0f6ff;
}

.page-lang-nav a.active {
    background: #667eea;
    color: white;
    pointer-events: none;
}

/* ============================
   Mobile Responsive - Content Pages
   ============================ */

@media (max-width: 768px) {
    .privacy-page .container {
        padding: 24px 16px;
    }

    .privacy-page h1 {
        font-size: 1.6rem;
    }

    .privacy-page h2 {
        font-size: 1.3rem;
        margin-top: 24px;
    }

    .privacy-page h3 {
        font-size: 1.05rem;
    }

    .privacy-page p,
    .privacy-page li {
        font-size: 0.95rem;
    }

    .privacy-page .summary {
        padding: 12px;
    }

    .privacy-page .info-box,
    .privacy-page .warning-box,
    .privacy-page .critical-box {
        padding: 12px;
    }

    .privacy-page table {
        font-size: 0.85rem;
    }

    .privacy-page th,
    .privacy-page td {
        padding: 8px 6px;
    }

    .page-lang-nav {
        gap: 0.35rem;
        padding: 12px 0;
    }

    .page-lang-nav a {
        padding: 5px 10px;
        font-size: 0.82rem;
    }
}

@media (max-width: 480px) {
    .privacy-page .container {
        padding: 16px 12px;
    }

    .privacy-page h1 {
        font-size: 1.4rem;
    }

    .privacy-page h2 {
        font-size: 1.15rem;
        margin-top: 20px;
        padding-bottom: 6px;
    }

    .privacy-page p,
    .privacy-page li {
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .privacy-page .header {
        margin-bottom: 16px;
        padding-bottom: 8px;
    }

    .privacy-page .back-link {
        padding: 8px 14px;
        font-size: 0.9rem;
    }

    /* Horizontal scroll for tables on very small screens */
    .privacy-page table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .page-lang-nav a {
        padding: 4px 8px;
        font-size: 0.78rem;
    }
}