.small {
    font-size: small;
}
dt {
    font-weight: bold;
}
form {
    display: inline-block;
    border: thin outset lightgrey;
    border-radius: 1em;
}
form ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
form li + li {
    margin-top: 1em;
}
form label {
    text-align: right;
}
/* not radio. */
form input[type=email],
form input[type=text],
form textarea
{
    font: 1em system-ui,sans-serif;
    width: 300px;
    box-sizing: border-box;
    border: thin solid lightgrey;
}

form input:focus,
form textarea:focus
{
    border-color: black;
}

form textarea {
    vertical-align: top;
    height: 5em;
}

form .button {
    padding-left: 90px;
}

form button {
    margin-left: 0.5em;
}

form input[type=submit]
{
    border-radius: .5em;
    margin: 1em;
    padding: 1em;

    font-weight: bold;
    float: right;
}

fieldset {
    padding-top: 0;
    border-radius: .5em;
    margin: 1em;
    border: thin inset lightgrey;
}
fieldset p {
    margin: 0 0 1em 0;
    font-size: smaller;
}
legend {
    padding: .25em .5em;
}
#signature-pad {
    box-sizing: border-box;
    border: thin solid lightgrey;
}

form ul { display: grid; grid-template-columns: 1fr 1fr; }
form > fieldset > ul > li { display: contents; }
form ul > li> * { margin: .5em }