body {
    min-height: 100vh;
}

.navbar-brand {
    font-weight: 700;
    letter-spacing: 0;
}

.card {
    border-radius: 0.5rem;
}

.btn,
.form-control,
.form-select {
    min-height: 44px;
}

.table {
    min-width: 680px;
}

#geotag-map {
    min-height: 280px;
}

@media (max-width: 575.98px) {
    body {
        font-size: 0.95rem;
    }

    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .display-6 {
        font-size: 2rem;
    }

    .card-body {
        padding: 1rem;
    }

    .btn {
        width: 100%;
    }

    .d-flex.gap-2 {
        width: 100%;
    }

    .d-flex.gap-2 > .btn {
        flex: 1 1 0;
    }
}