body {
    background: #f5f7f6;
    color: #27322d;
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.65;
}

.legal-header {
    background: #176b52;
    color: #fff;
    padding: 22px 0;
}

.legal-header a {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: none;
}

.legal-navigation {
    margin: 28px auto 0;
    max-width: 920px;
}

.legal-navigation-bottom {
    margin: -14px auto 46px;
    max-width: 920px;
    text-align: center;
}

.legal-back {
    background: #176b52;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    font-size: .95rem;
    font-weight: 500;
    padding: 10px 17px;
    text-decoration: none;
}

.legal-back:hover { background: #10513e; color: #fff; }

.legal-content {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(23, 107, 82, .10);
    margin: 46px auto;
    max-width: 920px;
    padding: 42px 48px;
}

.legal-content h1 { color: #176b52; font-size: 2rem; margin-bottom: 8px; }
.legal-content h2 { color: #176b52; font-size: 1.3rem; margin: 32px 0 10px; }
.legal-content .updated { color: #66736d; margin-bottom: 28px; }
.legal-content a { color: #176b52; font-weight: 500; }
.legal-content li { margin-bottom: 7px; }

@media (max-width: 600px) {
    .legal-content { border-radius: 0; margin: 0; padding: 30px 24px; }
    .legal-navigation { margin: 20px 24px; }
    .legal-navigation-bottom { margin: 22px 24px 36px; }
}