/* ---------- free ATS checker ---------- */
.ats-drop { border: 2px dashed var(--bd); border-radius: 16px; padding: 18px; background: var(--tint); cursor: pointer; }
.ats-drop input[type=file] { margin-top: 8px; }
.ats-consent { display: flex; gap: 10px; align-items: flex-start; font-weight: 500; font-size: 14px; color: var(--body); }
.ats-consent input { margin-top: 3px; flex: none; }
.ats-result { display: grid; gap: 18px; margin-top: 28px; }
.ats-head { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.ats-head-copy h2 { margin: 0 0 6px; }
.ats-head-copy p { margin: 0 0 6px; }
.ats-ring { width: 128px; height: 128px; border-radius: 50%; background: conic-gradient(var(--teal-d) 0 var(--p, 0%), #e5e7eb var(--p, 0%) 100%); display: grid; place-items: center; flex: none; }
.ats-ring-in { width: 98px; height: 98px; border-radius: 50%; background: #fff; display: grid; place-content: center; text-align: center; line-height: 1.1; }
.ats-ring-in b { font-size: 34px; color: var(--ink); } .ats-ring-in span { font-size: 12px; color: var(--muted); }
.ats-fix { margin: 0; padding-left: 20px; display: grid; gap: 8px; color: var(--body); }
.ats-check { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--line); }
.ats-check:first-of-type { border-top: 0; }
.ats-check p { margin: 2px 0 0; }
.ats-badge { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 14px; flex: none; color: #fff; }
.ats-pass .ats-badge { background: var(--good); } .ats-warn .ats-badge { background: #d98a00; } .ats-fail .ats-badge { background: #c0392b; }
.ats-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ats-chip { background: var(--purple-l); color: var(--purple-d); border-radius: 999px; padding: 4px 12px; font-weight: 600; font-size: 13.5px; }
.ats-cta { background: var(--purple-l); }