/* ===========================================================================
   Public account-deletion page — [pp_account_deletion_info]
   The page Google Play requires: the steps, what is erased, what is kept.
   Prose page rather than a component, so the type comes from the theme and
   only the rhythm and the one control are set here.
   =========================================================================== */

/* A reading column rather than the page's full width: this is prose, and a
   line that runs the width of a desktop viewport is not readable. Centered in
   whatever container the page gives it, with the standard side gutter so the
   text never sits against a phone's edge. */
.pp-delete-account-page {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.pp-delete-account-page__heading {
    margin-top: 32px;
}

.pp-delete-account-page__steps,
.pp-delete-account-page__list {
    margin: 0 0 16px;
    padding-left: 20px;
}

.pp-delete-account-page__steps li,
.pp-delete-account-page__list li {
    margin-bottom: 8px;
}

.pp-delete-account-page__action {
    margin: 24px 0;
}

/* The trigger that opens a destructive step: outlined, never filled
   (STYLING.md § Destructive actions). The fill is reserved for the confirm
   button on the account page, which is the click that lands. */
.pp-delete-account-page__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 8px;
    background: none;
    border: 1px solid var(--pp-red-2);
    color: var(--pp-red-btn);
    font-weight: 500;
    text-decoration: none;
}

.pp-delete-account-page__btn:hover {
    background: var(--pp-red-1);
    color: var(--pp-red-btn);
}

.pp-delete-account-page__btn:focus-visible {
    outline: 2px solid var(--pp-focus-ring);
    outline-offset: 2px;
}

/* Shown in place of the button where the member cannot use the self-service
   flow: a sentence pointing at support, not a control. */
.pp-delete-account-page__note {
    margin: 24px 0;
    color: var(--pp-steel-5);
}