/* #region Space abuse report page
   The point of contact behind /space/zglos-naduzycie. The fields, checks and errors come from id.css, so
   the form reads like every other form of the house; this file carries only the page frame. */
.space-abuse-page {
    padding: clamp(7rem, 14vh, 10rem) 0 clamp(4rem, 9vh, 7rem);
}

.space-abuse-inner {
    width: min(90vw, 820px);
    max-width: none;
    margin-inline: auto;
}

.space-abuse-heading h1 {
    max-width: 16ch;
    margin: 1.1rem 0 1.4rem;
    font-family: var(--font-display);
    font-size: clamp(2.4rem, 5.2vw, 4.2rem);
    font-weight: 200;
    letter-spacing: -.02em;
    line-height: 1.06;
}

    .space-abuse-heading h1 i {
        font-family: var(--font-display);
        font-style: italic;
    }

.space-abuse-lead {
    max-width: 56ch;
    color: var(--text-muted);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8;
}

/* Three facts before the first field: what happens to a report, when, and what the house can and cannot do. */
.space-abuse-facts {
    display: grid;
    gap: .55rem;
    margin: 2.2rem 0 0;
    padding: 1.6rem 0 0;
    border-top: 1px solid var(--hairline);
    list-style: none;
}

    .space-abuse-facts li {
        position: relative;
        padding-left: 1.2rem;
        color: var(--text-muted);
        font-size: .9rem;
        font-weight: 300;
        line-height: 1.65;
    }

        .space-abuse-facts li::before {
            content: "";
            position: absolute;
            top: .75em;
            left: 0;
            width: .45rem;
            height: 1px;
            background: var(--gold);
        }

.space-abuse-form {
    margin-top: clamp(2rem, 5vh, 3rem);
}

.space-abuse-form-error {
    display: block;
    margin-bottom: 1rem;
}

    .space-abuse-form-error[hidden] {
        display: none;
    }

/* Which categories may leave the reporter's two fields empty, said once under them. */
.space-abuse-anonymous {
    margin: -.4rem 0 1.4rem;
    font-size: .85rem;
    opacity: .7;
}

.space-abuse-back {
    margin-top: 2.4rem;
}

/* The honeypot: not rendered at all, so no person, screen reader or autofill ever reaches it. */
.space-abuse-trap {
    display: none;
}

.space-abuse-form-error a {
    color: inherit;
    text-decoration: underline;
}
/* #endregion */