textarea {
    min-height: 16em;
}

.form-control + .form-label,
.form-select + .form-label {
    margin-top: 1rem;
}

.footnote {
    font-size: .65em;
}

.search-forms {
    max-width: 600px;
}

label > input[type="checkbox"] {
    margin-left: .5rem;
}

label > label {
    cursor: pointer;
}

div.highlighted {
    font-weight: bold;
}

.highlighted {
    background-color: var(--bs-warning-bg-subtle);
}

.red {
    color: #ff0000;
}

.image-button, .image-button:hover {
    background-color: unset;
    padding: unset;
    border: none;
}

.caution-box {
    border: 2px solid #ff0000;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 1em;
}

.caution-box legend {
    background-color: #ff0000;
    color: #ffffff;
    border: 2px solid #ff0000;
    border-radius: 2px 2px 0px 0px;
    width: 100%;
    float: left;
}

.short {
    padding-top: 0px;
    padding-bottom: 0px;
}

.property-display {
    margin-top: -1em;
}

.horizontal-centered {
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: 1em;
    justify-content: center;
    align-items: flex-end;
}

.executive-summary {
    font: inherit;
    border: none;
    width: 100%;
    white-space: pre-wrap;
    margin: 0;
}

.feature-images .figure {
    max-width: 200px;
}

/* Non-editable form fields: display as plain text with a subtle underline */
.form-control[readonly] {
    background-color: transparent;
    border: none;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    color: var(--bs-body-color);
    padding-inline: 0;
    resize: none;
}

.form-control[readonly]:focus {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: var(--bs-border-color);
    box-shadow: none;
}

textarea.form-control[readonly] {
    min-height: unset;
    field-sizing: content;
}

.form-select:disabled {
    background-color: transparent;
    border: none;
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    color: var(--bs-body-color);
    background-image: none;
    padding-inline: 0;
    appearance: none;
}

.form-check-input:disabled {
    opacity: 1;
}

.form-check-input:disabled ~ .form-check-label {
    opacity: 1;
    color: var(--bs-body-color);
}