/* MLA Extended CSS */
.mla-extended-wrap{max-width:1100px;margin:30px auto;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;padding:10px}
.mla-form-card{background:linear-gradient(180deg,#fff,#fbfcff);padding:24px;border-radius:12px;box-shadow:0 20px 40px rgba(2,6,23,0.06);text-align:center}
.mla-form-card h2{margin:0;font-size:22px;color:#071133}
.mla-form-card p{color:#475569;margin:8px 0 16px}
.mla-extended-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mla-extended-form input[type=url], .mla-extended-form input[type=email]{padding:12px;border-radius:8px;border:1px solid #e6eef8;min-width:260px}
.mla-btn{background:linear-gradient(90deg,#0f172a,#0b1220);color:#fff;padding:12px 18px;border-radius:10px;border:0;cursor:pointer}
.mla-report{background:#fff;margin-top:18px;padding:18px;border-radius:12px;border:1px solid #eef2ff;box-shadow:0 10px 30px rgba(2,6,23,0.04)}
.mla-report-top h3{margin:0;color:#071133}
.mla-score-visual{display:flex;justify-content:center;margin:14px 0}
.circular-chart{width:120px;height:120px}
.circle-bg{fill:none;stroke:#f1f5f9;stroke-width:3.6}
.circle{fill:none;stroke:#06b6d4;stroke-width:3.6;stroke-linecap:round;transition:stroke-dasharray 1s ease}
.percentage{font-size:14px;fill:#071133;text-anchor:middle;font-weight:700}
.mla-criteria{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}
.mla-crit{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:#fbfdff;border:1px solid #eef6ff}
.mla-crit-left p{margin:4px 0 0;color:#475569;font-size:13px}
.mla-crit-btn{padding:8px 12px;border-radius:8px;border:0;font-weight:700;cursor:default}
.mla-good .mla-crit-btn{background:#16a34a;color:#fff}
.mla-warn .mla-crit-btn{background:#f59e0b;color:#fff}
.mla-bad .mla-crit-btn{background:#ef4444;color:#fff}
@media(max-width:700px){.mla-extended-form{flex-direction:column}.mla-criteria{grid-template-columns:1fr}}