.tos-updated {
        font-size: 14px;
        color: var(--text-secondary);
        margin-bottom: 32px;
    }

    .tos-section {
        margin-bottom: 32px;
    }

    .tos-heading {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 12px;
        color: var(--text-primary);
    }

    .tos-subheading {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 12px;
        color: var(--text-primary);
    }

    .tos-section p {
        font-size: 15px;
        line-height: 1.6;
        color: var(--text-secondary);
        margin-bottom: 12px;
    }

    .tos-list {
        margin: 0;
        padding-left: 20px;
        color: var(--text-secondary);
        font-size: 15px;
    }

        .tos-list li {
            margin-bottom: 8px;
        }

    .tos-small {
        font-size: 14px;
    }

    .tos-link {
        color: var(--primary);
        text-decoration: none;
    }

        .tos-link:hover {
            text-decoration: underline;
        }

    .tos-intro-callout {
        padding: 20px;
        background: rgba(0, 179, 201, 0.05);
        border-radius: 8px;
        border-left: 4px solid var(--primary);
        margin-bottom: 32px;
    }

    .tos-card-grid {
        display: grid;
        gap: 16px;
    }

    .tos-card {
        padding: 20px;
        background: var(--bg-white);
        border-radius: 8px;
        border: 1px solid var(--border);
    }

    .tos-callout {
        padding: 20px;
        border-radius: 8px;
        border-left-width: 4px;
        border-left-style: solid;
    }

    .tos-callout-warning {
        background: rgba(255, 193, 7, 0.1);
        border-left-color: #ffc107;
    }

    .tos-callout-danger {
        background: rgba(220, 53, 69, 0.1);
        border-left-color: #dc3545;
    }

    .tos-callout-footer {
        margin-top: 12px;
    }

    .tos-contact {
        padding: 24px;
        background: var(--bg-light);
        border-radius: 8px;
    }

        .tos-contact p {
            margin-bottom: 8px;
        }

    /* ========== Dark mode tweaks – aligned with Home/chat.css charcoal palette ========== */
    [data-theme="dark"] .tos-intro-callout {
        background: rgba(0, 179, 201, 0.12);
    }

    [data-theme="dark"] .tos-card {
        background: #2f2f2f;
        border-color: #3e3e4e;
    }

    [data-theme="dark"] .tos-callout-warning {
        background: rgba(255, 193, 7, 0.16);
        border-left-color: #facc15;
    }

    [data-theme="dark"] .tos-callout-danger {
        background: rgba(220, 53, 69, 0.18);
        border-left-color: #f87171;
    }

    [data-theme="dark"] .tos-contact {
        background: #2f2f2f;
    }