/* /any-request page shell. The form itself is <x-web.join-form> (forms.css + join-form.css). */
.rf-page {
    padding-block: 60px 90px;
    background: var(--surface);
}

.rf-title-wrap {
    text-align: center;
    margin-block-end: 40px;
}

.rf-title {
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 700;
    color: var(--ink);
    margin: 0;
}

.rf-grid {
    max-inline-size: 760px;
    margin-inline: auto;
}

.rf-form-wrap {
    background: var(--surface);
    border: 1px solid var(--ui-line);
    border-radius: var(--radius-lg);
    padding-block: 36px;
    padding-inline: 32px;
    box-shadow: var(--shadow-sm);
}

@media (max-width: 600px) {
    .rf-page {
        padding-block: 40px 64px;
    }

    .rf-form-wrap {
        padding-block: 24px;
        padding-inline: 18px;
    }
}