@layer components {
    /* No box (Broadsheet): a short question under the share box, separated by space only. Nothing
       shows until the tab's first save; after "Nie, ďakujem" one quiet sentence stays. */
    .after-save-newsletter {
        display: none;
        margin-block-start: var(--space-6);
    }

    .after-save-newsletter[data-state='shown'],
    .after-save-newsletter[data-state='subscribed'],
    .after-save-newsletter[data-state='dismissed'] {
        display: block;
    }

    .after-save-newsletter__lede {
        max-inline-size: 34ch;
        margin: 0 0 var(--space-3);
        font-size: var(--text-l);
        font-weight: 600;
    }

    .after-save-newsletter__decline {
        margin: var(--space-2) 0 0;
    }

    .after-save-newsletter__dismissed,
    .after-save-newsletter[data-state='dismissed'] .after-save-newsletter__body,
    .after-save-newsletter[data-state='subscribed'] .after-save-newsletter__decline {
        display: none;
    }

    .after-save-newsletter[data-state='dismissed'] .after-save-newsletter__dismissed {
        display: block;
        margin: 0;
        color: var(--color-text-muted);
        font-size: var(--text-s);
    }
}