* { box-sizing: border-box; }

.sr-only, .visually-hidden {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

header hgroup, header h1, header p {
    color: var(--text-bright);
    /* quick+nasty https://utopia.fyi/type/calculator?c=320,24,1.2,800,36,1.25,0,0,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
    font-size: clamp(1.5rem, 1rem + 2.5vw, 2.25rem);
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
}
header hgroup, header h1 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
header hgroup *:not(:first-child) {
    margin-left: 0.25em;
}
header hgroup img, header hgroup svg {
    max-width: 2em;
    max-height: 2em;
}
header h1 a {
    color: var(--text-bright);
}
header hgroup p:before {
    content: '- ';
}
@media (max-width: 675px) {
    header hgroup p { display: none; }
    header hgroup img, header hgroup svg {
        max-width: 1em;
        max-height: 1em;
    }
}

.tokenfield {
    box-sizing: border-box;
    margin-bottom: 15px;
}
.syndicate-to-option {
    background-color: rgba(0,0,0,0.15);
    border-radius: 0.5rem;
    display: inline-block;
    padding: 0.5rem 1rem;
}
.syndicate-to-option input {
    margin-bottom: 0;
}
.util-full-width {
    width: 100%;
}
.util-half-width {
    width: 50%;
}
.inlined-fields {
    display: flex;
}
.inlined-fields *:first-child {
    margin-right: 1em;
}
.location-field {
    width: 75%;
}
.image-previews:not(:empty){
    margin: 1em auto;
}