/* Auto-clean pattern sheet: big labelled choices, easy to hit with a thumb. */
.auto-sheet { width: min(520px, 100%); }
.auto-list { display: grid; gap: 10px; }
.auto-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 12px 16px;
  border: 2px solid transparent;
  border-radius: 18px;
  background: white;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 0.15s, border-color 0.2s, box-shadow 0.2s;
}
.auto-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.auto-card:active { transform: translateY(1px); }
.auto-card.selected { border-color: var(--accent); background: #faf8ff; }
.auto-icon { flex: none; display: grid; place-items: center; width: 48px; height: 48px; }
.auto-icon .ico { width: 44px; height: 44px; }
.auto-words { display: flex; flex-direction: column; gap: 2px; }
.auto-name { font-weight: 400; font-size: 20px; }
.auto-desc {
  font-family: -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  font-size: 15px;
  line-height: 1.35;
  color: var(--muted);
  word-break: keep-all;
}
.auto-card.selected .auto-name::after {
  content: '지난번 선택';
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 12px;
  vertical-align: middle;
}