/* Forms */
form {
    display: flex;
    border: calc(var(--padding) / 2) ridge var(--lightgrey);
    background-color: var(--white);
    flex-direction: column;
    gap: calc(var(--padding) / 4);
    padding: var(--padding);
    max-width: 400px;
}
form.sand {
    border: calc(var(--padding) / 2) ridge var(--darksand);
    background-color: var(--sand);
}
form input, form textarea { margin-bottom: var(--padding); }
form p { display: block; text-align: left; font-style: italic; margin-bottom: 0; }
form  p.hidden { display: none; }