/* ============================================================
   Policy step
   Either write a policy, or reuse an existing proto — in which
   case you get a summary card and a read-only question list.
   ============================================================ */

.policy__textarea {
  min-height: 140px;
  line-height: var(--lh-normal);
}

/* ---------- Reused policy summary ---------- */

.policy-card {
  background: var(--field);
  border: 1px solid var(--border-2);
  border-radius: var(--r-lg);
  padding: var(--space-8) var(--space-10);
}

.policy-card__head {
  display: flex;
  align-items: center;
  gap: var(--space-5);
}

.policy-card__head .link-btn {
  margin-left: auto;
}

.policy-card__id {
  font-size: var(--fs-sm);
  font-weight: var(--fw-regular);
  letter-spacing: var(--tracking-caps);
  color: var(--accent-lt);
  background: var(--accent-soft-bg);
  border: 1px solid var(--accent-soft-border);
  border-radius: var(--r-sm);
  padding: var(--space-2) var(--space-4);
}

.policy-card__name {
  font-size: var(--fs-md);
  color: var(--text);
}

.policy-card__meta {
  font-size: var(--fs-sm);
  color: var(--text-4);
  margin-top: var(--space-4);
}

.policy-card__note {
  font-size: var(--fs-sm);
  color: var(--text-5);
  margin: var(--space-5) 0 0;
}

/* ---------- Inherited questions ---------- */

/* Read-only inventory of a reused proto's questions — the live preview shows how they
   look; this shows what you're getting. */
.proto-qlist {
  list-style: none;
  margin: var(--space-7) 0 0;
  padding: 0;
  border-top: 1px solid var(--border);
  counter-reset: pq;
}

.proto-qlist__item {
  display: flex;
  align-items: baseline;
  gap: var(--space-6);
  padding: var(--space-4) 0;
  counter-increment: pq;
  border-bottom: 1px solid var(--border);
  font-size: var(--fs-base);
  color: var(--text-2);
}

/* Own counter, not counter(list-item): these rows are flex, not display:list-item. */
.proto-qlist__item::before {
  content: counter(pq) '.';
  color: var(--text-5);
  font-size: var(--fs-sm);
  flex-shrink: 0;
  min-width: 14px;
  font-feature-settings: 'tnum';
}

.proto-qlist__type {
  margin-left: auto;
  flex-shrink: 0;
  font-size: var(--fs-xs);
  color: var(--text-5);
}