/*
 * Delete-account page (/delete-account/), linked from the app stores.
 * Same restrained legal layout as the Terms page, using theme tokens.
 */

.sf-delete-account-page {
    width: 100%;
    min-width: 0;
    background: var(--page);
    color: var(--body);
    font-family: var(--font);
}

.sf-delete-account-page > .wp-block-group__inner-container,
.sf-delete-account-page .sf-delete-account-page__hero,
.sf-delete-account-page .sf-delete-account-page__hero > .wp-block-group__inner-container,
.sf-delete-account-page .sf-delete-account-page__hero-inner,
.sf-delete-account-page .sf-delete-account-page__hero-inner > .wp-block-group__inner-container,
.sf-delete-account-page .sf-delete-account-page__content,
.sf-delete-account-page .sf-delete-account-page__content > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
}

.sf-delete-account-page > .wp-block-group__inner-container,
.sf-delete-account-page .sf-delete-account-page__hero > .wp-block-group__inner-container,
.sf-delete-account-page .sf-delete-account-page__hero-inner > .wp-block-group__inner-container,
.sf-delete-account-page .sf-delete-account-page__content > .wp-block-group__inner-container {
    grid-column: 1 / -1;
}

.sf-delete-account-page .sf-delete-account-page__hero {
    padding: var(--soofos-space-3xl) var(--soofos-space-xl);
    background: var(--white);
}

.sf-delete-account-page .sf-delete-account-page__hero-inner,
.sf-delete-account-page .sf-delete-account-page__content {
    max-width: 46rem;
    margin-inline: auto;
}

.sf-delete-account-page .sf-delete-account-page__hero-inner,
.sf-delete-account-page .sf-delete-account-page__hero-inner > .wp-block-group__inner-container {
    gap: var(--soofos-space-md);
}

.sf-delete-account-page .sf-delete-account-page__eyebrow {
    margin: 0;
    color: var(--deep-blue);
    font-size: .875rem;
    font-weight: var(--soofos-font-weight-black);
    line-height: 1.5;
}

.sf-delete-account-page .sf-delete-account-page__title {
    margin: 0;
    color: var(--ink);
    font-size: clamp(2.25rem, 8vw, 4rem);
    font-weight: var(--soofos-font-weight-black);
    letter-spacing: -.035em;
    line-height: 1.05;
}

.sf-delete-account-page .sf-delete-account-page__effective {
    margin: var(--soofos-space-sm) 0 0;
    color: var(--deep-blue);
    font-size: .9375rem;
    font-weight: var(--soofos-font-weight-bold);
    line-height: 1.5;
}

.sf-delete-account-page .sf-delete-account-page__lead {
    margin: 0;
    color: var(--muted);
    font-size: 1.125rem;
    line-height: 1.75;
}

.sf-delete-account-page .sf-delete-account-page__actions {
    gap: var(--soofos-space-md);
    margin: var(--soofos-space-md) 0 0;
}

.sf-delete-account-page .sf-delete-account-page__download {
    margin: 0;
}

.sf-delete-account-page .sf-delete-account-page__download .wp-block-button__link {
    display: inline-flex;
    min-height: var(--soofos-control-min-height);
    align-items: center;
    justify-content: center;
    padding: var(--soofos-space-md) var(--soofos-space-xl);
    border: var(--soofos-space-2xs) solid var(--blue);
    border-radius: var(--r-btn);
    background: var(--blue);
    color: var(--on-navy);
    font-size: .9375rem;
    font-weight: var(--soofos-font-weight-extrabold);
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}

.sf-delete-account-page .sf-delete-account-page__download .wp-block-button__link:hover {
    border-color: var(--blue-hover);
    background: var(--blue-hover);
    color: var(--on-navy);
}

.sf-delete-account-page .sf-delete-account-page__content {
    gap: 0;
    padding: var(--soofos-space-3xl) var(--soofos-space-xl);
}

.sf-delete-account-page .sf-delete-account-page__content > .wp-block-group__inner-container {
    gap: 0;
}

.sf-delete-account-page .sf-delete-account-page__chapter {
    margin: calc(var(--soofos-space-3xl) + var(--soofos-space-xl)) 0 var(--soofos-space-xl);
    color: var(--ink);
    font-size: clamp(1.75rem, 6vw, 2.5rem);
    font-weight: var(--soofos-font-weight-black);
    letter-spacing: -.025em;
    line-height: 1.15;
}

.sf-delete-account-page .sf-delete-account-page__chapter:first-child {
    margin-top: 0;
}

.sf-delete-account-page .sf-delete-account-page__article {
    margin: var(--soofos-space-3xl) 0 var(--soofos-space-lg);
    padding-top: var(--soofos-space-2xl);
    border-top: var(--soofos-space-2xs) solid var(--card-border);
    color: var(--ink);
    font-size: clamp(1.375rem, 5vw, 1.75rem);
    font-weight: var(--soofos-font-weight-black);
    letter-spacing: -.015em;
    line-height: 1.25;
}

.sf-delete-account-page .sf-delete-account-page__chapter + .sf-delete-account-page__article {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.sf-delete-account-page .sf-delete-account-page__content p,
.sf-delete-account-page .sf-delete-account-page__content li {
    color: var(--body);
    font-size: 1rem;
    line-height: 1.75;
}

.sf-delete-account-page .sf-delete-account-page__content p {
    margin: 0 0 var(--soofos-space-lg);
}

.sf-delete-account-page .sf-delete-account-page__revision {
    color: var(--ink);
    font-weight: var(--soofos-font-weight-bold);
}

.sf-delete-account-page .sf-delete-account-page__list {
    display: grid;
    gap: var(--soofos-space-md);
    margin: 0 0 var(--soofos-space-xl);
    padding-inline-start: var(--soofos-space-2xl);
}

.sf-delete-account-page .sf-delete-account-page__list li {
    padding-inline-start: var(--soofos-space-xs);
}

.sf-delete-account-page .sf-delete-account-page__list ol,
.sf-delete-account-page .sf-delete-account-page__list ul {
    display: grid;
    gap: var(--soofos-space-sm);
    margin-top: var(--soofos-space-md);
    padding-inline-start: var(--soofos-space-2xl);
}

.sf-delete-account-page .sf-delete-account-page__content a:not(.wp-block-button__link) {
    color: var(--deep-blue);
    font-weight: var(--soofos-font-weight-bold);
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-decoration-thickness: from-font;
    text-underline-offset: var(--soofos-space-xs);
}

.sf-delete-account-page .sf-delete-account-page__content a:not(.wp-block-button__link):hover {
    color: var(--blue-hover);
}

.sf-delete-account-page a:focus-visible {
    border-radius: var(--r-btn);
    outline: var(--soofos-space-2xs) solid var(--deep-blue);
    outline-offset: var(--soofos-space-xs);
}

@media (min-width: 48rem) {
    .sf-delete-account-page .sf-delete-account-page__hero,
    .sf-delete-account-page .sf-delete-account-page__content {
        padding-inline: var(--soofos-space-3xl);
    }

    .sf-delete-account-page .sf-delete-account-page__content {
        padding-block: calc(var(--soofos-space-3xl) + var(--soofos-space-xl));
    }
}

@media (min-width: 75rem) {
    .sf-delete-account-page .sf-delete-account-page__hero {
        padding-block: calc(var(--soofos-space-3xl) + var(--soofos-space-xl));
    }
}