/* The guided conversion audit (.an-gd*) and "Raise to next level" (.an-esc*). Shared tokens from adsngin.css only. */

.an-gd { max-width: 960px; margin: 0 auto; }
.an-gd-steps { list-style: none; margin: 16px 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.an-gd-steps li a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--an-radius); background: var(--an-pane); border: 1px solid var(--an-line); color: var(--an-ink); text-decoration: none; min-height: 52px; }
.an-gd-steps li.here a { border-color: var(--an-accent); box-shadow: 0 0 0 1px var(--an-accent) inset; }
.an-gd-dot { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 600; background: var(--an-idle-bg); color: var(--an-idle); }
.an-gd-steps li.done .an-gd-dot { background: var(--an-fine-bg); color: var(--an-fine); }
.an-gd-steps li.here .an-gd-dot { background: var(--an-accent); color: var(--an-accent-ink); }
.an-gd-dot svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.an-gd-stepbody { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.an-gd-stepbody b { font-size: 13px; font-weight: 600; }
.an-gd-stepbody small { font-size: 12px; color: var(--an-muted); }

.an-gd-card > p, .an-gd-card > form, .an-gd-card > .an-btnrow { margin-top: 12px; }
.an-gd-note { margin: 12px 0; padding: 10px 14px; border-radius: var(--an-radius); background: var(--an-accent-soft); color: var(--an-ink); font-size: 14px; }
.an-gd-form { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.an-gd-form label { font-size: 13px; font-weight: 600; color: var(--an-muted); }
.an-gd-form textarea { width: 100%; box-sizing: border-box; font: inherit; }
.an-gd-form label.an-gd-check, .an-gd-check { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; color: var(--an-ink); font-size: 14px; margin: 6px 0; }
.an-gd-check input { margin-top: 3px; flex: none; }
.an-gd-checks { border: 1px solid var(--an-line); border-radius: var(--an-radius); padding: 8px 14px; margin: 12px 0 0; }
.an-gd-checks legend { font-size: 13px; font-weight: 600; color: var(--an-muted); padding: 0 6px; }
.an-gd-h2 { font-size: 15px; font-weight: 600; margin: 20px 0 8px; }
.an-gd-table tr.an-gd-bad td { background: var(--an-action-bg); }
.an-gd-miss-list { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.an-gd-miss { padding: 12px 14px; border: 1px solid var(--an-line); border-left: 3px solid var(--an-action); border-radius: var(--an-radius); background: var(--an-pane); }
.an-gd-miss p { margin: 4px 0; }
.an-gd-miss-title { font-weight: 600; }
.an-gd-why, .an-gd-fix { font-size: 14px; }
.an-gd-manual summary { cursor: pointer; color: var(--an-link); font-size: 14px; }
.an-gd-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.an-gd-panel { padding: 12px 14px; border: 1px solid var(--an-line); border-radius: var(--an-radius); }
.an-gd-panel .an-gd-h2 { margin-top: 0; }
.an-gd-look { font-size: 14px; color: var(--an-muted); }
.an-gd-events { margin: 4px 0 8px; padding-left: 18px; }
.an-gd-list { margin: 12px 0; padding-left: 20px; }
.an-gd-list li { margin: 4px 0; }
.an-gd-result { margin: 12px 0; padding: 10px 14px; border-radius: var(--an-radius); background: var(--an-sunk); }
.an-gd-result ul { margin: 6px 0; padding-left: 18px; }
.an-gd-signed { margin-top: 12px; }
.an-gd-card form.an-inline, .an-gd-card > .an-btnrow { margin-right: 8px; }
.an-gd-explainbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--an-line); }
.an-gd-explain { margin-top: 12px; padding: 12px 14px; border-radius: var(--an-radius); background: var(--an-accent-soft); }
.an-gd-explain p { margin: 6px 0 0; }
.an-gd-nav { display: flex; justify-content: space-between; margin-top: 20px; }

/* Raise to next level */
.an-esc { margin: 12px 0; display: flex; flex-direction: column; gap: 8px; }
.an-esc-banner { padding: 12px 14px; border-radius: var(--an-radius); background: var(--an-attention-bg); color: var(--an-ink); border-left: 3px solid var(--an-attention-dot); }
.an-esc-banner p { margin: 6px 0 0; overflow-wrap: anywhere; }
.an-esc-form { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; margin-top: 8px; }
.an-esc-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; color: var(--an-muted); flex: 1 1 280px; }
.an-esc-form textarea, .an-esc-form input[type=text] { width: 100%; box-sizing: border-box; font: inherit; }
.an-esc-form input[type=text] { flex: 1 1 200px; width: auto; }
.an-esc-raise summary { display: inline-flex; cursor: pointer; list-style: none; }
.an-esc-raise summary::-webkit-details-marker { display: none; }

@media (max-width: 720px) {
  .an-gd-steps { grid-template-columns: repeat(5, minmax(46px, 1fr)); gap: 6px; }
  .an-gd-steps li a { flex-direction: column; justify-content: center; padding: 8px 4px; text-align: center; min-height: 64px; gap: 6px; }
  .an-gd-stepbody small { display: none; }
  .an-gd-stepbody b { font-size: 11px; }
  .an-gd-cols { grid-template-columns: minmax(0, 1fr); }
}