.doc-head { padding: var(--space-12) 0 var(--space-8); }
  .doc-head h1 { font-size: var(--text-4xl); margin-top: var(--space-3); max-width: 16em; }
  .doc-head p.lede { margin-top: var(--space-5); max-width: 52ch; }
  .wrap-narrow { max-width: 860px; margin-inline: auto; }

  .notice { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-4) var(--space-5); border-radius: var(--r); margin-bottom: var(--space-6); font-size: var(--text-sm); }
  .notice-ok { background: var(--ok-soft); color: var(--ok-ink); }
  .notice b { font-weight: 600; }

  .paths { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); margin-top: var(--space-4); }
  .path { padding: var(--space-8); display: flex; flex-direction: column; }
  .path .tag { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ink-3); }
  .path .tag .mk { width: 22px; height: 22px; border-radius: var(--r-xs); display: grid; place-items: center; font-weight: 600; font-size: 11px; }
  .path-a .tag .mk { background: var(--ok-soft); color: var(--ok-ink); }
  .path-b .tag .mk { background: var(--accent-soft); color: var(--accent-ink); }
  .path h2 { font-size: var(--text-xl); margin-top: var(--space-4); }
  .path > p { color: var(--ink-2); margin-top: var(--space-3); font-size: var(--text-sm); line-height: var(--leading-relaxed); }
  .steps-mini { list-style: none; padding: 0; margin: var(--space-5) 0 0; display: flex; flex-direction: column; gap: var(--space-3); counter-reset: s; }
  .steps-mini li { display: flex; gap: var(--space-3); font-size: var(--text-sm); color: var(--ink-2); }
  .steps-mini li .n { counter-increment: s; flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--surface-2); border: 1px solid var(--border); color: var(--ink-2); font-family: var(--font-mono); font-size: 11px; display: grid; place-items: center; }
  .steps-mini li .n::before { content: counter(s); }
  .path .spacer { flex: 1; }
  .path .foot-note { margin-top: var(--space-5); font-size: var(--text-xs); color: var(--ink-3); }

  /* What gets deleted */
  .deleted { margin-top: var(--space-8); padding: var(--space-6) var(--space-8); border-radius: var(--r-lg); background: var(--surface-2); border: 1px solid var(--border); }
  .deleted .kicker { display:block; margin-bottom: var(--space-4); }
  .deleted-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-8); }
  .deleted-grid .col h4 { font-size: var(--text-sm); display: flex; align-items: center; gap: 8px; }
  .deleted-grid ul { list-style: none; padding: 0; margin: var(--space-3) 0 0; display: flex; flex-direction: column; gap: var(--space-2); font-size: var(--text-sm); color: var(--ink-2); }
  .deleted-grid li { display: flex; gap: 8px; align-items: flex-start; }
  .deleted-grid .mono { font-family: var(--font-mono); font-size: var(--text-xs); }
  .ic-sm { width: 16px; height: 16px; flex: none; margin-top: 2px; }
  .timeframe { margin-top: var(--space-6); display: flex; align-items: center; gap: var(--space-3); padding-top: var(--space-5); border-top: 1px solid var(--border); font-size: var(--text-sm); color: var(--ink-2); }
  .timeframe b { color: var(--ink); }
  .timeframe .pill { font-family: var(--font-mono); font-size: var(--text-xs); background: var(--accent-soft); color: var(--accent-ink); padding: 4px 10px; border-radius: var(--r-full); }

  /* Form */
  .form-card { margin-top: var(--space-8); padding: var(--space-10); }
  .form-card h2 { font-size: var(--text-2xl); }
  .form-card > p { color: var(--ink-2); margin-top: var(--space-3); max-width: 56ch; }
  .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); margin-top: var(--space-8); }
  .field { display: flex; flex-direction: column; gap: var(--space-2); }
  .field.full { grid-column: 1 / -1; }
  .field label { font-size: var(--text-sm); font-weight: 600; color: var(--ink); }
  .field label .opt { font-weight: 400; color: var(--ink-3); font-family: var(--font-mono); font-size: var(--text-xs); }
  .field input, .field textarea {
    font: inherit; font-size: var(--text-sm); color: var(--ink); background: var(--surface);
    border: 1px solid var(--border-strong); border-radius: var(--r-sm); padding: 10px var(--space-4); width: 100%;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .field input::placeholder, .field textarea::placeholder { color: var(--ink-3); }
  .field input:focus, .field textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--ring); }
  .field textarea { resize: vertical; min-height: 96px; }
  .field .error { color: var(--danger-ink); font-size: var(--text-xs); }
  .field .mono-prefix { display: flex; align-items: center; }
  .field .mono-prefix span { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--ink-3); padding: 10px 4px 10px 14px; border: 1px solid var(--border-strong); border-right: none; border-radius: var(--r-sm) 0 0 var(--r-sm); background: var(--surface-2); }
  .field .mono-prefix input { border-radius: 0 var(--r-sm) var(--r-sm) 0; }
  .form-actions { margin-top: var(--space-8); display: flex; align-items: center; gap: var(--space-4); flex-wrap: wrap; }
  .form-actions .or { font-size: var(--text-sm); color: var(--ink-3); }
  .form-actions a.mailto { font-size: var(--text-sm); color: var(--accent-ink); font-weight: 500; }

  @media (max-width: 820px) {
    .paths, .deleted-grid, .form-grid { grid-template-columns: 1fr; }
    .doc-head h1 { font-size: var(--text-3xl); }
  }