iframe {
    border: none;
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
}

.downloads {
    width: min(520px, 100%);
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.downloads th {
    color: #4f6b72;
    border: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: smaller;
    padding: 6px;
    background-color: #CAE8EA;
    background-image: linear-gradient(#DBEFEE, #C9E7E9);
    text-align: center;
    vertical-align: center;
}

.downloads td:last-child {
    border-right: 1px solid #C1DAD7;
}

.downloads tr:last-child {
    border-bottom: 1px solid #C1DAD7;
}

.downloads th.nobg {
    border: none;
    background: none;
}

.downloads td {
    text-align: center;
    vertical-align: center;
}

.downloads td.alt {
    background: #F5FAFA;
    color: #797268;
}

.downloads td.doesnotexist {
    background: #E5EAEA;
}

.downloads td.unsupported {
    background: #ffaaaa;
}

.downloads td.supported {
    background: #aaffaa;
}

.downloads td.nobinary {
    background: #eeee88;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .downloads a {
        color: #2A5DB0;
    }
}