body {
        font-family: Arial, Helvetica, sans-serif;
        background: #ffffff;
        line-height: 1.6;
        font-size: 18px;
        color: #222;
    }

    h1 {
        font-size: 28px;
        margin-bottom: 10px;
        color: #001489;
    }

    h2 {
        font-size: 22px;
        margin-top: 35px;
        margin-bottom: 6px;
        font-weight: bold;
        color: #001489;
    }

    .indent {
        margin-left: 25px;
        margin-bottom: 10px;
    }

    table.history {
        border-collapse: collapse;
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 25px;
    }

    table.history th,
    table.history td {
        border: 1px solid #555;
        padding: 8px 14px;
        text-align: center;
        font-size: 18px;
    }

    

    .note {
        font-size: 14px;
        color: #333;
        margin-top: 5px;
        font-style: italic; 
    }

    .increase-box {
        margin-top: 20px;
        padding: 15px;
        background: #d8f5d0;
        border-left: 5px solid #009CBD;
        border-radius: 6px;
        font-size: 20px;
        line-height: 1.4;
        margin-left: 25px;
    }


    /* Make table mobile-friendly */
.history {
    width: calc( 100% - 25px);
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

/* Optional: improve appearance on mobile */
.history th,
.history td {
    padding: 6px 10px;
}

.history::-webkit-scrollbar {
    height: 6px;
}

.history::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}