/* Account erasure requests use the shared legal layout and theme tokens. */
.erasure-page { max-width: 850px; }
.erasure-page .legal-hero h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; }
.erasure-form, .erasure-actions { display: flex; flex-direction: column; align-items: start; gap: 24px; }
.erasure-confirm { display: flex; align-items: start; gap: 12px; line-height: 1.65; cursor: pointer; }
.erasure-confirm input { flex: 0 0 auto; width: 24px; height: 24px; margin-block-start: 2px; accent-color: var(--primary-color); }
.erasure-page .erasure-button {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; padding: 12px 20px; max-width: 100%; box-sizing: border-box;
    border: 1px solid var(--primary-color); border-radius: 12px;
    background: var(--primary-color); color: var(--text-on-primary);
    font: inherit; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer;
}
.erasure-page .erasure-button:hover { background: var(--primary-dark); color: var(--text-on-primary); }
.erasure-page :focus-visible { outline: 3px solid var(--primary-color); outline-offset: 4px; }
.erasure-page .erasure-error { color: var(--text-primary); border-inline-start: 4px solid var(--primary-color); padding-inline-start: 12px; font-weight: 700; }
.erasure-page .erasure-back { margin-block-start: 24px; }