/* account.css — LetterFire account-deletion page.
   Layers on base.css + letterfire.css (reuses the dark "command terminal" palette,
   .restricted strip, header/.studio/nav, footer). Static page: explains what is
   deleted, then the email-request steps + a mailto CTA. */

main{position:relative;z-index:1;padding:18px 0 24px}

/* ---- intro / lead text ---- */
.lead{max-width:62ch;margin:18px 0 8px;color:var(--chart-dim);font-size:1.05rem}
.lead b{color:var(--chart);font-weight:600}

/* shared panel surface */
.panel{
  background:var(--panel);border:1px solid var(--line);
  padding:26px 28px;margin:22px 0;position:relative;
}
.panel h2{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:.03em;font-size:1.3rem;margin-bottom:14px;
}
.panel .sub{
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--tile-hi);margin-bottom:16px;
}
.panel a{color:var(--tile-hi);text-decoration:none}
.panel a:hover{color:var(--glow);text-decoration:underline}

/* what-gets-deleted list */
.willdelete{list-style:none;display:grid;gap:10px;margin-top:6px}
.willdelete li{display:flex;gap:12px;align-items:flex-start;color:var(--chart-dim);font-size:.96rem}
.willdelete .mark{color:var(--alert);font-family:var(--font-mono);font-weight:700;flex:none}
.willdelete b{color:var(--chart);font-weight:600}

.permanent{
  margin-top:18px;padding:12px 16px;border-left:3px solid var(--alert);
  background:rgba(168,51,42,.12);color:#F0C9C3;font-size:.94rem;
}
.permanent b{color:#F4E3DC}

/* ---- request steps ---- */
.reqsteps{list-style:none;display:grid;gap:14px;margin:18px 0 6px}
.reqsteps li{display:flex;gap:16px;align-items:flex-start;color:var(--chart-dim);font-size:.98rem}
.reqsteps .no{
  font-family:var(--font-mono);font-weight:700;font-size:.8rem;color:var(--glow);
  letter-spacing:.1em;flex:none;padding-top:2px;text-shadow:0 0 10px rgba(255,154,61,.45);
}
.reqsteps b{color:var(--chart);font-weight:600}

/* mailto CTA */
.cta-row{margin:22px 0 4px}
.btn{
  font-family:var(--font-display);font-weight:600;text-transform:uppercase;
  letter-spacing:.06em;font-size:.95rem;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 22px;border-radius:4px;border:1px solid rgba(232,154,51,.5);
  background:var(--panel);color:var(--chart);transition:.18s ease;
}
.btn:hover{border-color:var(--glow);box-shadow:0 0 18px rgba(255,154,61,.22);transform:translateY(-1px);text-decoration:none}
.btn-primary{background:linear-gradient(180deg,var(--tile-hi),var(--tile-lo));color:var(--tile-ink);border-color:transparent}
.btn-primary:hover{box-shadow:0 0 22px rgba(255,154,61,.4);color:var(--tile-ink)}

.finehint{color:var(--chart-dim);font-size:.88rem;margin-top:14px;max-width:60ch}
.backlink{color:var(--chart-dim);font-size:.94rem;margin:8px 0 6px}
.backlink a{color:var(--tile-hi);text-decoration:none}
.backlink a:hover{color:var(--glow);text-decoration:underline}

@media(prefers-reduced-motion:reduce){
  .btn:hover{transform:none}
}