body {
    min-height: 100vh;
}

.app-shell {
    max-width: 760px;
}

.navbar-brand {
    letter-spacing: 0;
}

.card {
    border-radius: var(--bs-border-radius-lg);
}

.form-control-lg {
    min-height: 3.25rem;
}

.input-group > .form-control {
    min-width: 0;
}

.btn {
    font-weight: 600;
}

.table {
    min-width: 520px;
}

.table th {
    color: var(--bs-secondary-color);
    font-weight: 600;
}

.table td,
.table th {
    vertical-align: middle;
}

pre {
    overflow-x: auto;
    white-space: pre-wrap;
}

@media (max-width: 575.98px) {
    .display-6 {
        font-size: 2rem;
    }

    .input-group {
        display: grid;
        gap: 0.5rem;
    }

    .input-group > .form-control,
    .input-group > .btn {
        width: 100%;
        border-radius: var(--bs-border-radius);
    }

    .pagination {
        gap: 0.25rem;
    }

    .page-link {
        padding-right: 0.65rem;
        padding-left: 0.65rem;
    }
}