body {
    background-color: var(--bs-secondary-bg);
}

.metar-title {
    font-weight: 500;
    color: var(--bs-emphasis-color);
    text-decoration: none;
}

.metar-title:hover,
.metar-title:focus {
    color: var(--bs-emphasis-color);
    text-decoration: underline;
}

.search-form {
    min-width: 320px;
}

.search-bar .form-control {
    min-width: 160px;
}

.metar-table td {
    white-space: normal;
}

.error-card {
    max-width: 640px;
}

@media (max-width: 575.98px) {
    .search-form {
        min-width: 100%;
    }

    .search-bar .form-control {
        min-width: 120px;
    }
}