/* Начинка страницы «Промпты для ИИ» (/ai/). Каркас — site.css, кнопки и карточка страницы — page.css. */
.ai-list { display: grid; gap: 18px; margin: 22px 0 4px; }
.ai-card { border: 1px solid var(--line); border-radius: 12px; padding: 20px 22px 18px; background: var(--bg);
  box-shadow: var(--shadow-1); }
.ai-kind { font-size: 13px; font-weight: 600; letter-spacing: .02em; color: var(--accent); text-transform: uppercase; }
.page-card .ai-card h2 { margin: 4px 0 8px; font-size: 21px; }
.ai-card h3 { margin: 18px 0 6px; font-size: 15px; }
.ai-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.ai-badge { padding: 2px 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--panel);
  font-size: 12px; color: var(--muted); }
.ai-label { display: block; margin: 14px 0 6px; font-weight: 600; font-size: 14px; }
.ai-link-row { display: flex; gap: 8px; }
.ai-link { flex: 1; min-width: 0; min-height: 42px; box-sizing: border-box; padding: 0 12px; border: 1px solid var(--line);
  border-radius: 10px; background: var(--panel); color: var(--ink); font: 13px/1.2 ui-monospace, Consolas, monospace;
  outline: none; }
.ai-link:focus { border-color: var(--accent); }
.ai-copy { flex: none; min-height: 42px; white-space: nowrap; }
.ai-copy.done { background: var(--ok); border-color: var(--ok); color: #ffffff; }
.ai-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ai-steps { margin: 0; padding-left: 22px; }
.ai-steps li { margin: 0 0 6px; }
.ai-example { margin-top: 12px; padding: 10px 12px; border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0;
  background: var(--panel); font-size: 14px; color: var(--muted); }
.ai-example b { color: var(--ink); }
@media (max-width: 560px) {
  .ai-card { padding: 16px 14px; }
  .ai-link-row { flex-direction: column; }
  .ai-copy { width: 100%; }
}