/* Bring the alphabet into view on shorter laptop screens without changing controls. */
@media (min-width: 768px) {
    .pe-site .pe-catalogue:is([data-brand="proemails"], [data-brand=""]) {
        padding-top: 40px !important;
    }
    .pe-site .pe-catalogue .pbc-hero-email { padding-top: 26px; padding-bottom: 24px; }
    .pe-site .pe-catalogue .pbc-hero-email .pbc-steps { margin-top: 16px; }
    .pe-site .pe-catalogue:is([data-brand="proemails"], [data-brand=""]) .pbc-filter-form { margin-top: 18px; }
    .pe-site .pe-catalogue:is([data-brand="proemails"], [data-brand=""]) .pe-alphabet { margin-top: 14px; }
}

/* Let the address field use the space freed by the removed instruction. */
@media (min-width: 1151px) {
    .pe-site .pe-catalogue .pe-domain-row-form:not(:has(.pe-domain-row-note)) {
        grid-template-columns: minmax(0, 1fr) 150px;
    }
}

.pe-site .pe-catalogue .pe-domain-more [data-domain-load-more] { font-weight: 700 !important; }

/* Put the address field and Check action on the same grid row. */
.pe-site .pe-catalogue .pe-domain-row-form {
    grid-template-rows: auto minmax(44px, auto);
    align-items: stretch;
    row-gap: 6px;
}
.pe-site .pe-catalogue .pe-domain-row-address { display: contents; }
.pe-site .pe-catalogue .pe-domain-row-address label { grid-column: 1 / -1; grid-row: 1; margin-bottom: 0; }
.pe-site .pe-catalogue .pe-domain-row-input { grid-column: 1; grid-row: 2; min-height: 44px; }
.pe-site .pe-catalogue .pe-domain-row-input input { height: auto !important; min-height: 42px !important; }
.pe-site .pe-catalogue .pe-domain-row-note { grid-column: 2; grid-row: 2; }
.pe-site .pe-catalogue .pe-domain-row-form > .pe-button {
    grid-column: -2 / -1;
    grid-row: 2;
    align-self: stretch;
    min-height: 44px;
    height: auto;
    margin: 0;
    padding: 10px 16px;
}