/* ============================================================
   BLURT — support & account-deletion page styles
   ============================================================ */

/* contact cards (support) */
.contact { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 32px 0 12px; }
.contact .z-card.dark { background: var(--screen); color: #C8FFE0; }
.contact h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.3rem; margin: 8px 0 4px; }
.contact p { margin: 0; color: var(--ink-2); font-size: 0.95rem; }
.contact .dark p { color: rgba(200,255,224,0.7); }
.contact .big { font-family: var(--font-mono); font-weight: 700; font-size: 1.05rem;
  letter-spacing: 0.02em; margin-top: 6px; word-break: break-word; }

/* FAQ (support) */
.faq { margin-top: 40px; }
.faq h2 { font-family: var(--font-display); font-weight: 600; font-size: 1.7rem; letter-spacing: -0.01em;
  margin: 0 0 20px; padding-bottom: 14px; border-bottom: var(--bw) solid var(--ink); }
.qa { padding: 20px 0; border-bottom: 1px solid var(--hairline); }
.qa h3 { font-family: var(--font-body); font-weight: 700; font-size: 1.08rem; margin: 0 0 6px;
  display: flex; align-items: baseline; gap: 10px; }
.qa h3 .q { font-family: var(--font-mono); color: var(--blaze); font-size: 0.85rem; }
.qa p { margin: 6px 0 0; color: var(--ink-2); }
.qa ol { margin: 8px 0 0; padding-left: 22px; color: var(--ink-2); }
.qa ol li { margin: 4px 0; }

/* numbered steps (account deletion) */
.steps-num { counter-reset: s; list-style: none; margin: 14px 0; padding: 0;
  display: flex; flex-direction: column; gap: 14px; }
.steps-num li { position: relative; padding-left: 46px; color: var(--ink-2); }
.steps-num li::before { counter-increment: s; content: counter(s); position: absolute; left: 0; top: -2px;
  width: 30px; height: 30px; display: grid; place-items: center; background: var(--ink); color: var(--paper-3);
  font-family: var(--font-mono); font-weight: 700; font-size: 0.9rem; border-radius: var(--r-sm); }

/* two-up cards (account deletion) */
.card-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 22px 0; }
.card-row .z-card h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.25rem; margin: 6px 0 6px; }
.card-row .z-card p { margin: 0; font-size: 0.95rem; color: var(--ink-2); }

/* deletion-request block */
.request { background: var(--screen); color: #C8FFE0; border: var(--bw) solid var(--ink);
  border-radius: var(--r-md); box-shadow: var(--shadow-hard-lg); padding: 28px; margin: 28px 0; }
.request h3 { font-family: var(--font-display); font-weight: 600; font-size: 1.5rem; margin: 8px 0 8px; color: #EAFBF0; }
.request p { color: rgba(200,255,224,0.78); }
.request a.mail { font-family: var(--font-mono); font-weight: 700; font-size: 1.05rem; color: var(--amber); }
.request ul { margin: 12px 0 0; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.request ul li { position: relative; padding-left: 20px; color: rgba(200,255,224,0.78); font-size: 0.95rem; }
.request ul li::before { content: ""; position: absolute; left: 2px; top: 9px; width: 7px; height: 7px; background: var(--phosphor); border: 0; }

@media (max-width: 600px) { .contact, .card-row { grid-template-columns: 1fr; } }