/* =========================================================================
   LEGAL PAGES (page-legal.php) — Privacy Policy, Terms & Conditions.
   Light, readable prose section; page-scoped so nothing else is affected.
   ========================================================================= */

.legal-page {
    background: #ffffff;
    color: #1a1a1a;
    padding: 160px 0 100px;
}

.legal-container { max-width: 760px; margin: 0 auto; }

.legal-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 900;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
}

.legal-updated {
    font-size: 14px;
    color: #767676;
    margin: 0 0 56px;
}

.legal-content { font-size: 17px; line-height: 1.8; color: #333333; }
.legal-content h2 { font-size: 26px; font-weight: 800; color: #000; margin: 48px 0 18px; letter-spacing: -0.01em; }
.legal-content h3 { font-size: 19px; font-weight: 700; color: #000; margin: 32px 0 14px; }
.legal-content p { margin: 0 0 20px; }
.legal-content ul, .legal-content ol { margin: 0 0 20px 24px; }
.legal-content li { margin-bottom: 10px; padding-left: 6px; }
.legal-content a { color: var(--accent); text-decoration: underline; }
.legal-content strong { color: #000; }
.legal-content table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 15px; }
.legal-content th, .legal-content td { text-align: left; padding: 10px 14px; border: 1px solid rgba(0,0,0,0.1); }
.legal-content th { background: rgba(0,0,0,0.03); font-weight: 700; }

@media (max-width: 600px) {
    .legal-page { padding: 130px 0 70px; }
}