pre  { 
		white-space: pre-wrap; 
		max-width: 100%; 
		overflow-x: auto; 
	}
    body {
        font-family: Arial, sans-serif;
    }

    h1 {
        text-align: center;
        color: #333;
    }

    table {
        border-collapse: collapse;
        width: 100%;
        margin-top: 10px;
        border: 2px solid #333;
    }

    th,
    td {
        border: none;
        border-bottom: 1px solid #d7d8d7;
        padding: 10px;
        text-align: left;
    }

    th:first-child,
    td:first-child {
        border-left: 1px solid #555;
    }

    th {
        background-color: #ED7D31;
        color: #fff;
        cursor: pointer;
    }

    tr:nth-child(even) {
        background-color: #d7d8d7;
    }

    tr:nth-child(odd) {
        background-color: #fff;
    }

    .sorting,
    .sorting-desc {
        font-weight: bold;
        cursor: pointer;
    }

    .first-column {
        background-color: #d7d8d7;
        color: #333;
    }

    .scd-column {
        background-color: #fff;
        color: #333;
    }

    .internal-th {
        background-color: #d7d8d7;
        color: #333;
    }

    .initially-hidden {
        display: none;
    }

    .initially-visible {
        background-color: white;
        color: white;
    }