.cheatsheet-container {
    background-color: #0d1117;
    color: #e6e6e6;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 15px;
    /* Add some padding inside the container */
    border-radius: 8px;
    overflow: hidden;
}

.cheatsheet-container h1 {
    text-align: center;
    color: #9fef00;
    margin: 30px 0;
    font-size: 2em;
    font-weight: 600;
}

.cheatsheet-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 6px;
    table-layout: fixed;
    /* This forces columns to have consistent width */
    border-left: 3px solid #9fef00;
    /* Add a subtle left border in the accent color */
}

.cheatsheet-table th,
.cheatsheet-table td {
    padding: 12px 15px;
    border: 1px solid #21262d;
    text-align: left;
    vertical-align: top;
    /* Align content to top for better readability */
}

.section-header {
    background-color: #161b22;
    color: #9fef00;
    font-size: 1.2em;
    text-align: center;
    padding: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-bottom: 2px solid #30363d;
    /* Add border for better visual separation */
}

.subsection-header {
    background-color: #1e232a;
    color: #9fef00;
    font-size: 1.1em;
    text-align: center;
    padding: 12px;
    border-bottom: 1px solid #30363d;
    /* Add border for better visual separation */
}

.column-header {
    background-color: #21262d;
    color: #e6e6e6;
    font-weight: 600;
}

.cheatsheet-table tr:nth-of-type(even) {
    background-color: #161b22;
}

.cheatsheet-table tr:nth-of-type(odd) {
    background-color: #0d1117;
}

.cheatsheet-table tr:hover {
    background-color: #1f2937;
}

.cheatsheet-table code {
    background-color: #1f2937;
    color: #58a6ff;
    /* Using a bright blue similar to your screenshot */
    padding: 8px;
    /* Slightly more padding for code blocks */
    border-radius: 4px;
    font-family: "Cascadia Code", "JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, "Courier New", monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    display: block;
    width: 100%;
    font-size: 0.9em;
    line-height: 1.4;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: auto;
}

/* Improve cell width control */
.cheatsheet-table td:first-child,
.cheatsheet-table th.column-header:first-child {
    width: 65%;
    /* Increase command column width */
    min-width: 300px;
    /* Ensure minimum width for command column */
    max-width: 800px;
    /* Prevent excessive stretching */
}

.cheatsheet-table td:last-child,
.cheatsheet-table th.column-header:last-child {
    width: 35%;
    /* Adjust description column */
    min-width: 200px;
    /* Ensure minimum width for description column */
}

/* Fix for long commands specifically */
.cheatsheet-table td {
    word-break: normal;
    /* Default behavior for most text */
}

.cheatsheet-table td:first-child {
    word-wrap: break-word;
    word-break: break-word;
    /* More reader-friendly breaks for commands */
}

/* Fix for very long single words/commands that might still overflow */
.cheatsheet-table code:has(span.long-cmd) {
    word-break: break-all;
    /* Only use break-all for extremely long commands */
}

/* For Oracle TNS section in the screenshot that has overflow issues */
.cheatsheet-table td .small-text {
    font-size: 0.85em;
    /* Slightly reduce font size for very long commands */
}

/* Remove duplicate rules */
/* 
.cheatsheet-table td:first-child {
    width: 60%;
}

.cheatsheet-table td:last-child {
    width: 40%;
}
*/

/* Add consistent spacing for cells */
.cheatsheet-table th,
.cheatsheet-table td {
    padding: 12px 15px;
    border: 1px solid #21262d;
    text-align: left;
    vertical-align: top;
    /* Align content to top for better readability */
}

/* Ensure section headers have consistent styling */
.section-header,
.subsection-header {
    width: 100% !important;
    text-align: center !important;
}

/* Improve styling for description cells */
.cheatsheet-table td:last-child {
    color: #e6e6e6;
    /* Brighter text for better readability */
    font-size: 0.95em;
    line-height: 1.5;
    padding-top: 15px;
    /* Slightly more padding at top for better alignment with code blocks */
    word-wrap: break-word;
    /* Enable word wrapping for description text */
    word-break: normal;
    /* Keep normal word breaking behavior */
    white-space: normal;
    /* Ensure text wraps normally */
}

/* Improve styling for subsection headers that separate table sections */
.cheatsheet-table .subsection-header {
    background-color: #1e232a;
    color: #9fef00;
    font-size: 1.1em;
    text-align: center;
    padding: 12px;
    border-bottom: 1px solid #30363d;
    border-top: 1px solid #30363d;
    /* Add a top border for visual separation */
    margin-top: 10px;
    /* Add space above each subsection */
}

/* Add space after each subsection's last row */
.cheatsheet-table tr:has(+ tr > th.subsection-header) {
    border-bottom: 15px solid transparent;
}

/* For browsers that don't support :has selector */
.cheatsheet-table tr:last-child {
    margin-bottom: 10px;
}

/* Special styling for the first subsection header */
.cheatsheet-table tr:first-of-type+tr+tr+tr th.subsection-header {
    margin-top: 0;
    border-top: none;
}