:root {
  font-family: "Palatino Linotype", Palatino, Georgia, serif;
  color: #3b0764;
  background: #faf5ff;
}
body { margin: 0; }
.ar-banner {
  background: #7e22ce;
  color: #fff;
  text-align: center;
  padding: 0.5rem 1rem;
  font-family: system-ui, sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
}
.ar-wrap { max-width: 540px; margin: 2rem auto; padding: 0 1rem 2rem; }
.ar-card {
  background: #fff;
  border: 1px solid #d8b4fe;
  border-radius: 14px;
  padding: 1.5rem;
  box-shadow: 0 4px 14px rgba(126, 34, 206, 0.1);
}
h1 { margin: 0 0 0.5rem; font-size: 1.4rem; }
.ar-muted { color: #6b21a8; line-height: 1.55; font-family: system-ui, sans-serif; font-size: 0.95rem; }
.ar-step { font-family: system-ui, sans-serif; font-size: 0.8rem; color: #9333ea; margin-bottom: 0.5rem; }
.ar-field { margin-top: 1rem; font-family: system-ui, sans-serif; }
.ar-field label { display: block; font-weight: 600; margin-bottom: 0.35rem; font-size: 0.9rem; }
.ar-field input, .ar-field textarea, .ar-field select {
  width: 100%; box-sizing: border-box; padding: 0.55rem 0.65rem;
  border: 1px solid #c084fc; border-radius: 8px; font-size: 1rem;
}
.ar-field textarea { min-height: 160px; resize: vertical; }
.ar-actions { margin-top: 1.25rem; display: flex; gap: 0.75rem; flex-wrap: wrap; }
.ar-btn {
  display: inline-block; padding: 0.6rem 1.2rem; border: none; border-radius: 8px;
  background: #9333ea; color: #fff; font-weight: 600; cursor: pointer; text-decoration: none;
  font-family: system-ui, sans-serif;
}
.ar-btn.secondary { background: #f3e8ff; color: #581c87; }
.ar-confirm {
  background: #faf5ff; border: 1px solid #d8b4fe; color: #581c87;
  padding: 1rem; border-radius: 8px; font-weight: 600; line-height: 1.5;
  font-family: system-ui, sans-serif;
}
.ar-summary {
  background: #fdf4ff; padding: 1rem; border-radius: 8px; white-space: pre-wrap;
  font-family: system-ui, sans-serif; font-size: 0.9rem; color: #4c1d95;
}