table,th,td{
    border: 0;
    box-sizing: border-box;
    width: 100%;
}

#table {
    background-color: #f7f7f7;
    border-collapse: collapse;
    border: none;
}

#table tr {
    border: none;
}

#table td {
    border: none;
    border-bottom: 1px solid #ddd;
}

p {
    font-size: 150%;
    font-weight: 500;
}

h1 {
    margin: 30px 0 15px;
    padding: 0 0 0.5em;
    border-bottom: 5px solid #ddd;
}

h2,
p {
    font-size: 95%;
}

#test_display {
    padding: 10px;
}

/* Result Interpretation specific styles for embedded HTML content */
.result-interpretation {
    width: 100%;
}

.result-interpretation p {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left;
}

.result-interpretation table {
    width: 100% !important;
    max-width: 350px;
    table-layout: fixed;
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
    border-collapse: collapse;
}

.result-interpretation table td, 
.result-interpretation table th {
    /* word-break: break-word; */
    display: table-cell !important;
    width: auto !important;
}

.result-interpretation table tr {
    display: table-row !important;
}

.result-interpretation img {
    max-width: 100%;
    height: auto;
}

.unpublished {
    border:1px solid red; 
    padding:5px;color:red;
}

#display_name {
    width:97%;
    text-align:left;
}

#dept_display_name {
    display:inline-block;
}

#compendium_update_link{
    font-size: 8px; 
    float: right;
}

#compendium_update_link img{
    height:20px; 
    width:20px; 
}

/* Responsive styles for large to medium screens */
@media (max-width: 992px) {
    /* Result interpretation table specific responsiveness */
    .result-interpretation table {
        width: 100% !important;
        max-width: 350px !important;
        margin: 1em auto !important;
    }
    
    .result-interpretation [style*="margin-left"] {
        margin-left: 0 !important;
    }
    
    .result-interpretation [style*="margin-right"] {
        margin-right: 0 !important;
    }
}

/* Responsive styles - Medium screens */
@media (max-width: 768px) {
    /* Result interpretation responsive styles for 768px */
    .result-interpretation {
        width: 100%;
    }
    
    .result-interpretation table {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto !important;
        font-size: 0.9em;
    }
    
    .result-interpretation table td, 
    .result-interpretation table th {
        padding: 6px 4px;
    }
}

/* Responsive styles - Small screens */
@media (max-width: 480px) {
    /* Result interpretation responsive styles for small screens */
    .result-interpretation {
        width: 100%;
        font-size: 14px;
    }
    
    .result-interpretation p {
        margin: 0.5em 0 !important;
        line-height: 1.4;
        font-size: 0.9em !important;
        max-width: 100%;
    }
    
    .result-interpretation table {
        font-size: 0.85em;
        line-height: 1.3;
        max-width: 350px !important;
        margin: 0 auto !important;
    }
    
    .result-interpretation table td, 
    .result-interpretation table th {
        padding: 4px 2px;
    }
}