table.metadata-table {
    all: unset; /* Reset existing table styles */
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #d3d3d3; /* Add border to the entire table */
    border-radius: 8px; /* Round corners for the entire table */
    margin-bottom: 16px;
}

    table.metadata-table thead {
        background-color: #f9f9f9; /* Light gray background for header */
    }

    table.metadata-table .metadata-header-row th {
        text-align: left;
        padding: 8px 12px; /* Increased horizontal padding for columns */
        border-bottom: 1px solid #d3d3d3;
        font-weight: bold;
        font-size: 12px;
        color: #333;
    }
        /* Apply rounded corners to the first and last cells of the first row */
        table.metadata-table .metadata-header-row th:first-child {
            border-top-left-radius: 8px;
        }

        table.metadata-table .metadata-header-row th:last-child {
            border-top-right-radius: 8px;
        }

    table.metadata-table .metadata-row td {
        padding: 8px 12px; /* Increased horizontal padding for columns */
        border-bottom: 1px solid #d3d3d3;
        vertical-align: top;
        font-size: 12px;
        color: #444;
    }
    /* Apply rounded corners to the first and last cells of the last row */
    table.metadata-table .metadata-row:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }

    table.metadata-table .metadata-row:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }
    /* Remove bottom border from last row cells to avoid overlap with table border */
    table.metadata-table .metadata-row:last-child td {
        border-bottom: none;
    }

    table.metadata-table .metadata-label {
        width: 180px;
        font-weight: 600;
    }

    table.metadata-table .metadata-value a {
        color: #0366d6; /* GitHub blue color for links */
        text-decoration: none;
    }

        table.metadata-table .metadata-value a:hover {
            text-decoration: underline; /* Underline links on hover */
        }

    table.metadata-table .nuget-link img {
        margin-top: 2px;
        margin-bottom: -2px;
        height: 16px;
        margin-left: 10px; /* Space between text and NuGet icon */
    }
    /* Add subtle border between columns */
    table.metadata-table td:not(:last-child),
    table.metadata-table th:not(:last-child) {
        border-right: 1px solid #eaeaea; /* Light border between columns */
    }