/* Legal Pages Styles */

.LegalPage {
    padding: var(--sp16) var(--sp3) var(--sp12);
    min-height: 100vh;
    background: var(--color-base-1);
}

.LegalContent {
    max-width: 800px;
    margin: 0 auto;
    background: var(--color-base-0);
    border: 2px solid var(--color-base-3);
    border-radius: var(--border-radius-lg);
    padding: var(--sp6);
    box-shadow: var(--shadow-brutal);
}

.BackToHome {
    display: inline-flex;
    margin-bottom: var(--sp4);
}

.BackToHome-bottom {
    margin-top: var(--sp6);
    margin-bottom: 0;
}

.LegalContent h1 {
    font-size: var(--font-size-xl);
    color: var(--color-text-0);
    margin-bottom: var(--sp1);
}

.LegalContent .LastUpdated {
    font-size: var(--font-size-small);
    color: var(--color-text-2);
    margin-bottom: var(--sp6);
    padding-bottom: var(--sp3);
    border-bottom: 1px solid var(--color-base-2);
}

.LegalContent section {
    margin-bottom: var(--sp5);
}

.LegalContent h2 {
    font-size: var(--font-size-larger);
    color: var(--color-text-0);
    margin-bottom: var(--sp2);
    padding-top: var(--sp2);
}

.LegalContent h3 {
    font-size: var(--font-size-large);
    color: var(--color-text-0);
    margin-top: var(--sp3);
    margin-bottom: var(--sp1);
}

.LegalContent p {
    font-size: var(--font-size);
    color: var(--color-text-1);
    line-height: 1.7;
    margin-bottom: var(--sp2);
}

.LegalContent ul {
    margin: var(--sp2) 0;
    padding-left: var(--sp4);
}

.LegalContent li {
    font-size: var(--font-size);
    color: var(--color-text-1);
    line-height: 1.7;
    margin-bottom: var(--sp1);
}

.LegalContent a {
    color: var(--color-primary-2);
}

.LegalContent a:hover {
    text-decoration: underline;
}

.LegalContent strong {
    color: var(--color-text-0);
}

@media (max-width: 768px) {
    .LegalContent {
        padding: var(--sp4);
    }

    .LegalContent h1 {
        font-size: var(--font-size-larger);
    }

    .LegalContent h2 {
        font-size: var(--font-size-large);
    }
}