.co-letter-signatures {
    margin: 2rem 0;
    color: inherit;
}

.co-letter-signatures .co-letter-signatures__input-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: stretch;
}

.co-letter-signatures input[name="signature_name"],
.co-letter-signatures select[name="signature_school"],
.co-letter-signatures input[name="signature_school_name"] {
    flex: 1 1 14rem;
    width: auto;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #8b8477;
    border-radius: 3px;
    padding: 0.75rem 1rem;
    background: #fff;
    color: #111;
    font: inherit;
}

.co-letter-signatures select[name="signature_school"] {
    max-width: 100%;
    font-family: "MaxMono", monospace;
}

.co-letter-signatures .co-letter-signatures__school-custom {
    margin-top: 0.75rem;
}

.co-letter-signatures .co-letter-signatures__school-custom[hidden] {
    display: none;
}

.co-letter-signatures .co-letter-signatures__school-custom label {
    display: block;
    margin-bottom: 0.35rem;
}

.co-letter-signatures input[name="signature_school_name"] {
    width: 100%;
}

.co-letter-signatures button[type="submit"] {
    flex: 0 0 auto;
    border: 1px solid #A58238;
    border-radius: 3px;
    padding: 0.75rem 1.25rem;
    background: #A58238;
    color: #faf9f5;
    font: inherit;
    cursor: pointer;
}

.co-letter-signatures button[type="submit"]:hover {
    background: #454E4C;
    border-color: #454E4C;
}

.co-letter-signatures button:disabled {
    opacity: 0.65;
    cursor: wait;
}

.co-letter-signatures input:focus-visible,
.co-letter-signatures select:focus-visible,
.co-letter-signatures button:focus-visible {
    outline: 2px solid #454e4c;
    outline-offset: 3px;
}

.co-letter-signatures .co-letter-signatures__note,
.co-letter-signatures .co-letter-signatures__status {
    margin: 0.5rem 0;
    font-size: 0.875em;
}

.co-letter-signatures .co-letter-signatures__status:empty {
    margin: 0;
}

.co-letter-signatures .co-letter-signatures__status--success {
    color: #237a3b;
}

.co-letter-signatures .co-letter-signatures__status--error {
    color: #a02222;
}

.co-letter-signatures__name {
    font-style: italic;
    overflow-wrap: anywhere;
}

.school-list .co-letter-signatures__schools {
    column-count: 2;
    column-gap: 2rem;
    list-style: disc outside;
    padding-left: 1.5rem;
}

.school-list .co-letter-signatures__schools > li {
    display: list-item;
    list-style: disc outside;
    break-inside: avoid;
    margin-bottom: 0.5rem;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .school-list .co-letter-signatures__schools {
        column-count: 1;
    }
}

.co-letter-signatures .co-letter-signatures__sr-only,
.co-letter-signatures .co-letter-signatures__trap {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}