.tos-container {
    max-width: 900px;
    /* margin: 0 auto;
    padding: 2.5rem 1.5rem 4rem 1.5rem; */
    color: var(--text-color, #2b2f33);
    line-height: 1.7;
}

.tos-header {
    border-bottom: 2px solid var(--border-color, #eaeaea);
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}

.tos-header h1 {
    font-size: 2.25rem;
    margin-bottom: 0.5rem;
}

.tos-meta {
    font-size: 0.9rem;
    color: var(--text-muted, #666);
}

.tos-callout {
    background-color: var(--card-bg, #f8f9fa);
    border-left: 4px solid var(--primary-color, #0056b3);
    padding: 1.25rem;
    margin-bottom: 2rem;
    border-radius: 0 8px 8px 0;
    font-weight: 500;
}

.tos-section {
    margin-bottom: 2.5rem;
}

.tos-section h2 {
    font-size: 1.35rem;
    margin-bottom: 1rem;
    color: var(--heading-color, #1a1a1a);
    border-bottom: 1px solid var(--border-color, #efefef);
    padding-bottom: 0.4rem;
}

.tos-section h3 {
    font-size: 1.1rem;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

.tos-section p,
.tos-section ul,
.tos-section ol {
    margin-bottom: 1rem;
}

.tos-section ul,
.tos-section ol {
    padding-left: 1.5rem;
}

.tos-section li {
    margin-bottom: 0.5rem;
}

.tos-contact-box {
    background: var(--card-bg, #f8f9fa);
    border: 1px solid var(--border-color, #e2e8f0);
    padding: 1.5rem;
    border-radius: 8px;
    margin-top: 2rem;
}

.tos-contact-box ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.tos-contact-box li {
    margin-bottom: 0.25rem;
}