.reader-reflections {
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.reader-reflections-form {
    max-width: 44rem;
}

.reader-reflections-form input[type="text"],
.reader-reflections-form input[type="email"],
.reader-reflections-form textarea {
    box-sizing: border-box;
    width: 100%;
    margin-top: 0.35rem;
    padding: 0.7rem;
    font: inherit;
}

.reader-reflections-form textarea {
    resize: vertical;
}

.reader-reflections-trap {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.reader-reflections-message {
    margin: 1.5rem 0;
    padding: 1rem 1.2rem;
    border: 1px solid currentColor;
    font-weight: 600;
}

.reader-reflections-message--success::before {
    content: "✓ ";
}

.reader-reflections-message--error::before {
    content: "⚠ ";
}

.reader-reflections-note {
    opacity: 0.75;
}


/* --------------------------------------------------
   Mobiel
-------------------------------------------------- */

.reader-reflections,
#reader-reflections-title {
    scroll-margin-top: 88px;
}

@media (max-width: 700px) {
    .reader-reflections {
        margin-top: 4.5rem;
        padding-top: 2.25rem;
    }

    #reader-reflections-title {
        scroll-margin-top: 76px;
    }
}