.terms-container {
    padding: 2rem;
    border-radius: 8px;
}

[data-bs-theme="light"] .terms-container {
    color: #1f2937;
}

[data-bs-theme="dark"] .terms-container {
    color: #e5e7eb;
}

.terms-container h1 {
    color: var(--bs-primary);
    border-bottom: 2px solid var(--bs-border-color);
    padding-bottom: 0.5rem;
}

.terms-container h2 {
    color: var(--bs-primary);
    margin-top: 2rem;
}

.terms-container h3 {
    color: var(--bs-primary-text-emphasis);
}

.terms-container h4 {
    color: var(--bs-primary-text);
}

.section {
    margin-bottom: 2rem;
}

.subsection {
    margin-left: 1rem;
    margin-bottom: 1.5rem;
}

.terms-container ul, .terms-container ol {
    padding-left: 2rem;
}

.terms-container li {
    margin-bottom: 0.5rem;
}

.important {
    padding: 1rem;
    margin: 1rem 0;
    border-left: 4px solid;
    border-radius: 0.375rem;
}

[data-bs-theme="light"] .important {
    background-color: #fef2f2;
    border-left-color: #dc3545;
    color: #450a0a;
}

[data-bs-theme="light"] .important h4 {
    color: #7f1d1d;
    font-weight: 600;
}

[data-bs-theme="light"] .important p {
    color: #450a0a;
}

[data-bs-theme="light"] .important li {
    color: #450a0a;
}

[data-bs-theme="light"] .important strong {
    color: #7f1d1d;
    font-weight: 600;
}

[data-bs-theme="dark"] .important {
    background-color: rgba(220, 38, 38, 0.1);
    border-left-color: #ef4444;
    color: #fca5a5;
}

[data-bs-theme="dark"] .important h4 {
    color: #fbbf24;
    font-weight: 600;
}

[data-bs-theme="dark"] .important p {
    color: #fca5a5;
}

[data-bs-theme="dark"] .important li {
    color: #fca5a5;
}

.notice {
    padding: 1rem;
    margin: 1rem 0;
    border-left: 4px solid;
    border-radius: 0.375rem;
}

[data-bs-theme="light"] .notice {
    background-color: #f0f9ff;
    border-left-color: #0284c7;
    color: #0c4a6e;
}

[data-bs-theme="light"] .notice p {
    color: #0c4a6e;
}

[data-bs-theme="light"] .notice strong {
    color: #075985;
    font-weight: 600;
}

[data-bs-theme="dark"] .notice {
    background-color: rgba(14, 165, 233, 0.1);
    border-left-color: #38bdf8;
    color: #bae6fd;
}

.date {
    font-style: italic;
    margin-bottom: 2rem;
}