:root {
    --cpx-spacing: 30px;
    --cpx-border-color: #ddd;
    --cpx-font-small: 14px;
}

.camping-calculator {
    width: 100%;
}

.camping-calculator__fieldset {
    margin-bottom: var(--cpx-spacing);
    padding: calc(var(--cpx-spacing) * 0.5);

    border: 1px solid var(--cpx-border-color);
}

.camping-calculator__label {
    display: block;
    margin-bottom: calc(var(--cpx-spacing) * 0.5);
}

@media (min-width: 768px) {
    .camping-calculator__fieldset {
        padding: var(--cpx-spacing);
    }

    .camping-calculator__fieldset--inputs {
        display: flex;
        flex-wrap: wrap;
        gap: var(--cpx-spacing);
    }

    .camping-calculator__label {
        flex: 1 1 calc(50% - var(--cpx-spacing));
        margin-bottom: 0;
        margin-bottom: var(--cpx-spacing);
    }
}

.camping-calculator__input {
    width: 100%;
    margin-top: 4px;
}

.camping-calculator__result {
    margin-bottom: 8px;
}

.camping-calculator__note {
    margin-top: 8px;
}

.camping-calculator__reset {
    /* margin-top: var(--cpx-spacing); */
}

.camping-calculator__disclaimer {
    margin-top: var(--cpx-spacing);
    font-size: var(--cpx-font-small);
}

/* custom */
.camping-calculator p:not(:last-child) {
    margin-bottom: 1em;
}