/* The deletion page outside the app. It borrows the sign-in card so it reads
   as the same house, and adds only what a three step form and a list of
   consequences need. Nothing here is loaded by any other page. */
body.delete-account{align-items:start;padding:32px 16px}
.delete-account .card{width:min(560px,100%);padding:32px}
.delete-account .card h3{padding:0;margin:22px 0 8px;font-size:var(--fs);font-weight:600}
.delete-account .card h3::after{display:none}
.delete-account ol,.delete-account ul{margin:0 0 8px;padding-left:20px;color:var(--fg);font-size:var(--fs-sm);line-height:1.5}
.delete-account li{margin:4px 0}
.delete-account code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em;background:var(--tint);padding:1px 5px;border-radius:4px}
.delete-account .steps{border-top:1px solid var(--border);padding-top:6px;margin-top:18px}
.delete-account p.muted{line-height:1.5;margin:8px 0}
.delete-account .btn{margin-top:14px}
.delete-account .btn+.btn{margin-left:8px;width:auto}
.delete-account .btn.primary,.delete-account .btn.danger{width:100%;justify-content:center}
.delete-account .btn.danger{margin-top:12px}
.delete-account .account{border:1px solid var(--border);border-radius:var(--r);padding:16px 18px;margin-top:14px}
.delete-account .account h4{margin:0 0 4px;font-size:var(--fs);font-weight:600;color:var(--fg0)}
.delete-account .account .who{color:var(--fg2);font-size:var(--fs-sm);margin:0 0 10px}
.delete-account .blocker{color:var(--crit);font-size:var(--fs-sm);margin:6px 0}
.delete-account .lists h5{margin:12px 0 4px;font-size:var(--fs-sm);font-weight:600;color:var(--fg0)}
.delete-account .ok{color:var(--okfg);font-size:var(--fs-sm);margin:8px 0 0}