.prose {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}

.prose * {
    max-width: 100% !important;
    box-sizing: border-box;
}

.prose table {
    display: block;
    overflow-x: auto;
    width: 100%;
}



/* Mobile-first styling */
@media (max-width: 767px) {
    .prose {
        font-size: 0.9rem;
        line-height: 1.5;
    }
}

/* Tablet and up */
@media (min-width: 768px) {
    .prose {
        font-size: 1.1rem;
        line-height: 1.7;
    }
}

/* Desktop and up */
@media (min-width: 1024px) {
    .prose {
        font-size: 1.2rem;
        line-height: 1.8;
    }
}
.filter-form {
            display: flex;
            flex-direction: column;
            gap: 15px;
            background: #f9f9f9;
            padding: 15px;
            border-radius: 8px;
        }

        .filter-group {
            display: flex;
            flex-direction: column;
        }

        .filter-label {
            font-weight: bold;
            margin-bottom: 5px;
        }

        .filter-dropdown {
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        .filter-checkbox {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .filter-button {
            background: #007bff;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .filter-button:hover {
            background: #0056b3;
        }

