/* Final Reader Growth polish.
 * Keep the merged public team-page structure and application form layout intact.
 */

/* Higher specificity keeps the accepted hierarchy stable without locking out
 * legitimate site-level overrides with !important. */
.irg-platform-team-page.irg-platform-team-page .irg-platform-team-page__book-title {
    font-size: clamp(1.15rem, 1.5vw, 1.28rem);
}

.irg-platform-team-page.irg-platform-team-page .irg-platform-team-page__section > h2 {
    font-size: clamp(1.125rem, 1.35vw, 1.20rem);
}

.irg-membership-workflow .irg-author-bulk-controls {
    margin-bottom: 18px;
}

/* Newsletter/blog cards need their own surface so the surrounding Breakdance
 * section can change color without tinting the form itself. Sites can override
 * the card independently through --irg-standard-signup-bg. */
.irg-standard-signup--newsletter,
.irg-standard-signup--blog {
    background-color: var(--irg-standard-signup-bg, var(--irg-reader-growth-form-bg, #fff));
}

/* When a standard Newsletter/Blog signup returns a notice, keep that notice at
 * the top of the whole component. The message/intro remain on the left and the
 * form remains on the right exactly as in the normal desktop state. */
@media (min-width: 900px) {
    .irg-standard-signup--newsletter:has(> .irg-notice) > .irg-notice,
    .irg-standard-signup--blog:has(> .irg-notice) > .irg-notice {
        grid-column: 1 / -1;
        grid-row: 1;
        margin-bottom: 12px;
    }

    .irg-standard-signup--newsletter:has(> .irg-notice) > .irg-standard-signup__heading,
    .irg-standard-signup--blog:has(> .irg-notice) > .irg-standard-signup__heading {
        grid-row: 2;
    }

    .irg-standard-signup--newsletter:has(> .irg-notice) > .irg-standard-signup__intro,
    .irg-standard-signup--blog:has(> .irg-notice) > .irg-standard-signup__intro {
        grid-row: 3;
    }

    .irg-standard-signup--newsletter:has(> .irg-notice) > .irg-standard-signup__form,
    .irg-standard-signup--blog:has(> .irg-notice) > .irg-standard-signup__form {
        grid-row: 2 / span 2;
    }
}

/* Reader Magnet card/minimal presets are intentionally narrower than the wide
 * standard signup component. Keep first + last name together, then give email,
 * consent, and the CTA the full card width. The legacy inline preset remains
 * untouched. */
@media (min-width: 721px) {
    .irg-signup-form.irg-layout-card,
    .irg-signup-form.irg-layout-minimal {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
        align-items: start;
    }

    .irg-signup-form.irg-layout-card > .irg-notice,
    .irg-signup-form.irg-layout-card > .irg-signup-heading,
    .irg-signup-form.irg-layout-card > .irg-signup-description,
    .irg-signup-form.irg-layout-card > .irg-signup-field-email,
    .irg-signup-form.irg-layout-card > .irg-signup-consent,
    .irg-signup-form.irg-layout-card > .irg-signup-button,
    .irg-signup-form.irg-layout-minimal > .irg-notice,
    .irg-signup-form.irg-layout-minimal > .irg-signup-heading,
    .irg-signup-form.irg-layout-minimal > .irg-signup-description,
    .irg-signup-form.irg-layout-minimal > .irg-signup-field-email,
    .irg-signup-form.irg-layout-minimal > .irg-signup-consent,
    .irg-signup-form.irg-layout-minimal > .irg-signup-button {
        grid-column: 1 / -1;
    }

    .irg-signup-form.irg-layout-card > .irg-signup-field-first-name,
    .irg-signup-form.irg-layout-minimal > .irg-signup-field-first-name {
        grid-column: 1;
    }

    .irg-signup-form.irg-layout-card > .irg-signup-field-last-name,
    .irg-signup-form.irg-layout-minimal > .irg-signup-field-last-name {
        grid-column: 2;
    }

    .irg-signup-form.irg-layout-card > .irg-signup-field,
    .irg-signup-form.irg-layout-minimal > .irg-signup-field {
        margin-top: 0;
    }

    .irg-signup-form.irg-layout-card > .irg-signup-button,
    .irg-signup-form.irg-layout-minimal > .irg-signup-button {
        width: var(--irg-button-width, 100%);
        justify-self: stretch;
    }
}