/*
 * AI Explainer Pro — Public /authenticity page styles
 *
 * Loaded at runtime by class-authenticity.php via file_get_contents() and
 * inlined into the standalone HTML document the public page produces. The
 * /authenticity endpoint bypasses WordPress's template / enqueue system
 * (it's served as a full HTML response from a 200 status_header), so this
 * CSS cannot be enqueued the standard way.
 */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#F8FAFC 0%,#EEF2FF 100%);color:#1F2937;line-height:1.6;min-height:100vh}
.aiep-wrap{max-width:880px;margin:0 auto;padding:40px 24px}
.aiep-brand{text-align:center;margin-bottom:30px;color:#6B7280;font-size:14px}
.aiep-card{background:#fff;border-radius:18px;padding:40px;box-shadow:0 12px 40px rgba(0,0,0,0.08);margin-bottom:24px}
.aiep-hero{text-align:center;padding:30px 20px 10px}
.aiep-hero h1{font-size:32px;font-weight:800;color:#1F2937;margin-bottom:8px;line-height:1.2}
.aiep-hero p{color:#6B7280;font-size:16px}
.aiep-grade{display:inline-block;font-size:64px;font-weight:900;line-height:1;color:#fff;padding:18px 28px;border-radius:14px;background:linear-gradient(135deg,#10B981,#059669);margin:24px 0;box-shadow:0 8px 28px rgba(16,185,129,0.35)}
.aiep-grade--C,.aiep-grade--D,.aiep-grade--F{background:linear-gradient(135deg,#F59E0B,#D97706);box-shadow:0 8px 28px rgba(245,158,11,0.35)}
.aiep-grade--F{background:linear-gradient(135deg,#EF4444,#DC2626);box-shadow:0 8px 28px rgba(239,68,68,0.35)}
.aiep-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
@media (max-width:600px){.aiep-stats{grid-template-columns:1fr}}
.aiep-stat{background:#F9FAFB;border-radius:12px;padding:20px;text-align:center}
.aiep-stat strong{display:block;font-size:32px;font-weight:800;color:#1F2937;margin-bottom:4px;line-height:1}
.aiep-stat span{font-size:13px;color:#6B7280;text-transform:uppercase;letter-spacing:1px}
.aiep-stat--human strong{color:#10B981}
.aiep-stat--mixed strong{color:#F59E0B}
.aiep-stat--ai strong   {color:#EF4444}
.aiep-bar{height:14px;border-radius:7px;overflow:hidden;display:flex;margin:30px 0}
.aiep-bar__h{background:#10B981}
.aiep-bar__m{background:#F59E0B}
.aiep-bar__a{background:#EF4444}
.aiep-meta{text-align:center;color:#6B7280;font-size:13px;margin:24px 0}
.aiep-meta code{background:#F3F4F6;padding:2px 8px;border-radius:4px;font-size:12px}
.aiep-footer{text-align:center;font-size:12px;color:#9CA3AF;margin-top:36px}
.aiep-footer a{color:#4F46E5;text-decoration:none}
.aiep-footer a:hover{text-decoration:underline}
.aiep-cta{display:inline-block;background:#4F46E5;color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;margin-top:14px}
.aiep-cta:hover{background:#4338CA}