/* ── Delete account pages ─────────────────────────────────────────────────
   /delete-account/ (ask for the email) and /delete-account/confirm/ (the page
   the emailed link lands on). Both sit on top of contact.css: same panel, same
   pill buttons, so this file only adds the form field, the status line and the
   destructive button. Every selector is under .delete-page.

   [SELF-SERVE-DELETE 2026-09-29] The destructive button is deliberately NOT the
   light pill. The light pill is the site's "go" button everywhere else, and the
   one irreversible action on the site should not look like every other CTA. */
.delete-page .contact-block ol{margin:0 0 24px;padding-left:1.3em;font-size:16px;line-height:1.8;color:#aaa}
.delete-form{display:flex;flex-direction:column;gap:12px;max-width:440px}
.delete-form label{font-size:13.5px;letter-spacing:.01em;color:#8b8b8b}
.delete-input{width:100%;padding:15px 18px;border:1px solid #ffffff26;border-radius:14px;background:#ffffff0a;color:inherit;font:inherit;font-size:16px}
.delete-input:focus{outline:2px solid #c8c8c8;outline-offset:2px;border-color:transparent}
.delete-form .contact-button{align-self:flex-start;margin-top:6px}
.delete-page .contact-button[disabled]{opacity:.55;cursor:default;transform:none}
.delete-danger{background:#b3261e!important;color:#fff!important}
.delete-danger:hover{opacity:.9}
.delete-page .delete-status{font-size:16px;line-height:1.7;margin:22px 0 0;padding:14px 18px;border-radius:14px;border:1px solid #ffffff1f;background:#ffffff08;color:#e6e6e6;max-width:40em}
/* contact.css sets .contact-button to inline-flex, which beats the UA's [hidden]
   rule, so a hidden button stayed on screen. Restate it for everything here. */
.delete-page [hidden]{display:none!important}
.delete-page .contact-button{border:0}
.delete-page .delete-status.is-error{border-color:#b3261e80;background:#b3261e14}
html[data-theme=light] .delete-page .contact-block ol{color:#626262}
html[data-theme=light] .delete-form label{color:#767676}
html[data-theme=light] .delete-input{border-color:#00000026;background:#fff}
html[data-theme=light] .delete-input:focus{outline-color:#333}
html[data-theme=light] .delete-page .delete-status{border-color:#00000018;background:#00000005;color:#222}
html[data-theme=light] .delete-page .delete-status.is-error{border-color:#b3261e66;background:#b3261e0d}
@media(max-width:600px){.delete-form{max-width:none}.delete-form .contact-button{align-self:stretch}}