.m4-hero{background:linear-gradient(135deg,#0f3553,#0b2235 58%,#1b4a70);color:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 16px 30px rgba(12,35,60,.12)}
.m4-hero h3{margin:0 0 8px;color:#fff}.m4-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.m4-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.m4-mini{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px}.m4-mini strong{display:block;color:#ffe28b;margin-bottom:6px}
.m4-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.m4-gallery img,.m4-feature img,.m4-img{width:100%;height:auto;border-radius:14px;border:1px solid #d8e4ef;box-shadow:0 8px 18px rgba(33,60,93,.08)}
.m4-box{background:#fff;border:1px solid #dbe8f2;border-radius:16px;padding:16px}.m4-warning{background:#fff7ea;border-left:5px solid #eca52a;border-radius:14px;padding:14px 16px}.m4-good{background:#eef8f1;border-left:5px solid #2e9963;border-radius:14px;padding:14px 16px}
.m4-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.m4-steps li{margin:8px 0}.m4-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#0f6aa5;color:#fff;font-size:.78rem;font-weight:700;margin-bottom:8px}
.m4-links a{display:inline-block;margin:6px 8px 6px 0}.m4-feature{background:#fff;border:1px solid #dbe8f2;border-radius:16px;padding:16px}
@media(max-width:960px){.m4-grid2,.m4-grid3,.m4-gallery,.m4-compare{grid-template-columns:1fr}}