.mxc-hero{max-width:1100px;margin:40px auto;padding:28px;background:#fff;border:1px solid #e5ecf6;border-radius:18px;box-shadow:0 12px 30px rgba(17,31,58,.08)}
.mxc-hero h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;margin:.1em 0 .2em;color:#18263f}
.mxc-hero p{color:#4c5d79}
.mxc-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:center;margin:18px 0}
.mxc-form input{padding:11px 12px;border:1px solid #cfd9ea;border-radius:10px}
.mxc-form button{padding:11px 16px;border:0;border-radius:999px;background:#2d6cdf;color:#fff;font-weight:700;cursor:pointer}
.mxc-loading{margin:10px 0;color:#2d6cdf;font-weight:600}
.mxc-report{margin-top:18px}
.mxc-report h2{margin:.2em 0 .6em;color:#13233f}
.mxc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mxc-item{background:#f8fbff;border:1px solid #d8e5fb;border-radius:12px;padding:12px}
.mxc-item h3{margin:0 0 .5em 0}
.mxc-item pre{background:#fff;border:1px solid #dfe8f8;border-radius:8px;padding:8px;overflow:auto;max-height:170px}
.mxc-error{background:#fff0f0;border:1px solid #ffc7c7;color:#a43232;padding:10px;border-radius:10px}
@media (max-width:900px){.mxc-form{grid-template-columns:1fr}.mxc-grid{grid-template-columns:1fr}}