body, html {
    font-size: 100%; /* Base font size */
    margin: 0;
    padding: 0;
}

.content {
    font-size: 1rem; /* 1rem is equal to the base font size */
    line-height: 1.5;
}

.content-container {
    width: 1366px;
    height: 768px;
    max-width: 100%;
    background-color: #ffffff;
    margin: 0 auto; /* Center horizontally */
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.content-container-report {
    width: 1366px;
    height: 768px;
    max-width: 100%;
    background-color: #ffffff;
    margin: 0 auto; /* Center horizontally */
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:normal;
    padding: 10px;
}

.hdr-div {
    width: 1366px;
    max-width: 100%;
    background-color: #990000 !important;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.25rem;
    display: flex;
    flex-wrap: wrap;
}

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

.hdr-div td {
    padding: 0; /* Ensure no padding is added to the table cells */
    background-color: #990000 !important; /* Ensure background color is applied to all table cells */
}

h1 {
    margin: 0; /* Remove margin from the h1 element */
}

.centered-table {
    width: 100%;
}

/* Align paragraphs and list items to the left and set font properties */
p, li {
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 20px;
}

/* 2.4.7 Focus Visible */
:focus {
    outline: 3px solid #005fcc; /* Custom focus outline */
    outline-offset: 2px;
}
.focusable-span {
    display: inline-block;
}
    /* 2.4.11 Focus Not Obscured */
    /* Ensure no elements are positioned in a way that obscures the focused element */
    [tabindex="-1"] {
    position: static;
}

/* Ensure custom elements like divs are focusable if used as interactive elements */
.focusable {
    cursor: pointer;
}

.auto-style1 {
    width: 80%;
}
a {
    color: #990000; /* Add this rule to style hyperlinks */
    text-decoration: underline; /* Ensures the link is underlined */
}

    a:hover, a:focus {
        color: #990000; /* Darker shade for hover and focus states */
    }