styles.css

/* styles.css */

/* Adjust font size for the entire document */
body {
    font-size: 16px; /* Adjust the font size as needed */
}

/* Adjust font size, style, and prevent wrapping for table headers */
.custom-table th, .custom-table .output th {
    font-size: 12px; /* Adjust the font size as needed */
    font-weight: bold; /* Make the text bold */
    white-space: nowrap; /* Prevent line breaks */
}

/* Adjust font size and prevent wrapping for table cells */
.custom-table td, .custom-table .output td {
    font-size: 12px; /* Adjust the font size as needed */
    white-space: nowrap; /* Prevent line breaks */
}

/* Prevent wrapping and fix width for the first column */
.custom-table td:nth-child(1),
.custom-table th:nth-child(1) {
    white-space: nowrap; /* Prevent line breaks */
    width: 120px; /* Adjust the width as needed */
    max-width: 120px; /* Ensure a maximum width */
    overflow: hidden; /* Hide overflow content */
    text-overflow: ellipsis; /* Add ellipsis for overflow content */
}
/* Reduce the width of the narrow table */
.custom-narrow-table {
    width: auto !important;
    max-width: 50%; /* Adjust the maximum width as needed */
}

/* Style for custom-str-output */
.custom-str-output {
    font-size: 12px; /* Adjust the font size as needed */
    background-color: #f5f5f5;
    padding: 10px;
}

/* Custom styling for the note */
.custom-note {
    font-size: 14px; /* Adjust the font size as needed */
    background-color: #f3f1f8; /* Adjust the background color for code blocks */
    padding: 5px;
    display: block; /* Ensure code blocks are displayed as blocks */
}