/* --- css/legal.css --- */
/* Styles for legal pages like Terms of Service and Privacy Policy */

.container {
    max-width: 960px; /* A good width for reading text */
}

.legal-content {
    background: var(--white);
    padding: 40px 50px; /* More padding */
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin: 0 auto 2rem auto;
}

.legal-content h3 {
    color: var(--primary-navy);
    font-size: 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--light-gray);
}

.legal-content p,
.legal-content li {
    line-height: 1.9; /* Increased for readability */
    color: #444;
    font-size: 1.05rem;
    margin-bottom: 1rem;
}

.legal-content ul {
    padding-left: 25px;
    list-style-type: disc; /* More standard list style */
}

.legal-content ul li {
    margin-bottom: 0.75rem;
}

.legal-content a {
    color: var(--dark-teal);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dotted var(--dark-teal);
    transition: color 0.3s, border-bottom-color 0.3s;
}

.legal-content a:hover {
    color: var(--accent-teal);
    border-bottom-color: var(--accent-teal);
}

.legal-content h3:first-of-type {
    margin-top: 1.5rem;
}