body {
    scrollbar-gutter: stable
}

.section {
    margin-bottom: var(--space-6);
}

.bg-danger {
    background: color-mix(in srgb, var(--danger), transparent 90%);
}

table {
    font-size: clamp(0.55rem, 0.625rem + 0.75cqi, 18px);
}

.badge {
    text-transform: uppercase;
}

code strong {
    font-weight: 900;
}

.card:has(table):not(:has(h3)) {
    padding: .25em .75em;
}

.card:has(table):has(h3) {
    padding: 1em;
}

.row h2 {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    #draft-ui {
        position: sticky;
        top: 1em;
        font-size: 14px;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    #draft-ui .card {
        padding: .75em;
        box-shadow: 5px 5px 20px 1px #000000;
    }
}