@media (min-width: 1000px) {

    :root {
        --spacing-unit: 0.35rem;
    }

    body {
        padding: 10px;
    }

    .nav-links a {
        display: flex;
        padding: calc(var(--spacing-unit) * 2);
        border-radius: var(--border-radius-sm);
        margin: auto;
    }

    .nav-links>div {

        border-radius: var(--border-radius-md);

    }

    .navbar {
        border-radius: var(--border-radius-md);

    }

    .hide {
        display: block;
    }

    .card {

        border-radius: var(--border-radius-md);

    }

    .listview:has(div:first-child:not(.hide)) {
        border-radius: var(--border-radius-md) var(--border-radius-md) 0 0 !important;
    }

    .listview>div:first-child {
        border-radius: var(--border-radius-md) var(--border-radius-md) 0 0 !important;
    }

    .listview>div {
        border-radius: 0;
        border: 1px solid var(--color-secondary);
    }

    .listview>div:last-child:not(.hide) {
        border-radius: 0 0 var(--border-radius-md) var(--border-radius-md) !important;
    }

    [data-title] {
        position: relative;
        cursor: pointer;
    }

    [data-title]::after {
        content: attr(data-title);
        position: absolute;
        bottom: 125%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #1f2937;
        color: #ffffff;
        padding: 8px 12px;
        border-radius: 6px;
        font-size: 0.875rem;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
        z-index: 10;
    }

    [data-title]::before {
        content: '';
        position: absolute;
        bottom: 125%;
        left: 50%;
        transform: translateX(-50%) translateY(100%);
        border-width: 5px;
        border-style: solid;
        border-color: #1f2937 transparent transparent transparent;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
        z-index: 10;
    }


}