.webstead-registration,
.webstead-wizard {
    margin: 0 auto;
    max-width: 1040px;
}

.webstead-registration {
    align-items: start;
    display: grid;
    gap: clamp(32px, 6vw, 80px);
    grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);
}

.webstead-registration-intro {
    padding-top: 18px;
}

.webstead-registration-intro h2,
.webstead-wizard h2 {
    font-size: clamp(2.25rem, 5vw, 4.2rem);
}

.webstead-registration-intro > p:not(.webstead-kicker),
.webstead-registration-intro li {
    color: #566158;
}

.webstead-registration-intro ul {
    margin: 28px 0;
    padding-left: 1.25rem;
}

.webstead-registration-intro li + li {
    margin-top: 8px;
}

.webstead-registration-card {
    background: #fff;
    border: 1px solid #d7ddd3;
    border-radius: 20px;
    box-shadow: 0 18px 50px rgba(34, 48, 34, 0.09);
    padding: clamp(24px, 5vw, 44px);
}

.webstead-form > p,
.webstead-form fieldset {
    margin: 0 0 22px;
}

.webstead-form label,
.webstead-form legend {
    display: block;
    font-weight: 750;
    margin-bottom: 7px;
}

.webstead-form input[type="text"],
.webstead-form input[type="email"],
.webstead-form input[type="password"],
.webstead-form textarea,
.webstead-form select {
    max-width: 100%;
    width: 100%;
}

.webstead-form small {
    color: #677268;
    display: block;
    font-size: 0.84rem;
    margin-top: 5px;
}

.webstead-form .wp-element-button {
    cursor: pointer;
    width: 100%;
}

.webstead-notice {
    background: #f0f5ed;
    border-left: 4px solid #52735b;
    margin-bottom: 24px;
    padding: 12px 16px;
}

.webstead-notice p {
    margin: 0;
}

.webstead-notice.is-error {
    background: #fff1f1;
    border-color: #b32d2e;
}

.webstead-session {
    background: #eef3eb;
    border-radius: 999px;
    display: inline-block;
    margin: 0 0 26px;
    padding: 8px 14px;
}

.webstead-blueprints {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.webstead-blueprint {
    border: 2px solid #d7ddd3;
    border-radius: 14px;
    cursor: pointer;
    padding: 18px;
}

.webstead-blueprint:has(input:checked) {
    background: #eef5eb;
    border-color: #52735b;
}

.webstead-blueprint span {
    display: block;
    font-weight: 400;
    margin-top: 5px;
}

.webstead-check {
    align-items: flex-start;
    display: flex !important;
    gap: 10px;
}

.webstead-input-prefix {
    align-items: center;
    display: flex;
    gap: 8px;
}

.webstead-trap {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

@media (max-width: 760px) {
    .webstead-registration {
        grid-template-columns: 1fr;
    }

    .webstead-blueprints {
        grid-template-columns: 1fr;
    }

    .webstead-registration-card {
        padding: 24px;
    }
}

/* Five-Theme Integration Stage 1 — design choice in the create-a-website wizard. */
.webstead-theme-choice__help {
    font-weight: 400;
    margin: 0 0 .8rem;
}

.webstead-theme-choice__group {
    margin-bottom: 1rem;
}

.webstead-theme-choice__label {
    font-weight: 700;
    margin: 0 0 .5rem;
}

.webstead-theme-option {
    border: 2px solid #d7ddd3;
    border-radius: 12px;
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin-bottom: .6rem;
    padding: .85rem 1rem;
}

.webstead-theme-option:has(input:checked) {
    background: #eef5eb;
    border-color: #52735b;
}

.webstead-theme-option span {
    display: block;
    font-weight: 400;
    margin-top: .3rem;
}

.webstead-theme-option--starter {
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-template-areas: "preview title" "preview desc";
    column-gap: 1rem;
    align-items: start;
}

.webstead-theme-option--starter input { grid-area: title; }

.webstead-theme-option__preview {
    grid-area: preview;
    border: 1px solid #d7ddd3;
    border-radius: 8px;
    display: block;
    height: auto;
    width: 100%;
}

.webstead-theme-option--starter strong { grid-area: title; }
.webstead-theme-option--starter span { grid-area: desc; }

@media (max-width: 600px) {
    .webstead-theme-option--starter {
        grid-template-columns: 1fr;
        grid-template-areas: "preview" "title" "desc";
    }
}