/* front+admin shared styles */
.mtm-toc{margin:14px 0 22px;padding:12px;border:1px solid #eee;border-radius:12px;background:#fcfcfc}
.mtm-toc ul{margin:8px 0 0 18px}
.mtm-toc li.sub{margin-left:12px}
.mtm-card{border:1px solid #e9e9e9;border-radius:12px;padding:18px;margin:24px 0;background:#fff}
.mtm-card h2{margin-top:0}
.mtm-img-wrap{display:block;text-align:center}
.mtm-img{max-width:900px;width:100%;height:auto;border-radius:12px;display:block;margin:12px auto;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.mtm-blurb{font-size:1.02em;line-height:1.6;margin:10px 0 10px}
.mtm-card h4{margin:14px 0 6px 0}
.mtm-card ul{margin:0 0 10px 18px}
.mtm-cta{text-align:center;margin-top:14px}
.mtm-btn{display:inline-block;padding:14px 22px;border-radius:12px;text-decoration:none;transition:all .15s ease;border:1px solid #0b57d0;box-shadow:0 3px 12px rgba(11,87,208,.18)}
.mtm-btn-primary{background:#0b57d0;color:#fff}
.mtm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(11,87,208,.28)}
.mtm-guide,.mtm-faq,.mtm-conclusion{margin:28px 0;padding:16px;border-left:4px solid #e6eefc;background:#f9fbff;border-radius:8px}
.mtm-faq details{margin:10px 0;padding:10px;border:1px dashed #cfe1ff;border-radius:8px;background:#fff}
.mtm-disclaimer{font-size:0.9em;color:#555;margin-top:28px}

/* v0.6.4d: Responsive image sizing */
.mtm-img{width:100%;height:auto;max-width:560px;margin-left:auto;margin-right:auto}
@media (max-width: 1199px){
  .mtm-img{max-width:480px}
}
@media (max-width: 767px){
  .mtm-img{max-width:360px}
}
@media (max-width: 479px){
  .mtm-img{max-width:320px}
}

/* Added: comparison table styles */
.mtm-table-wrap{overflow-x:auto;margin:16px 0;}
.mtm-compare{width:100%;border-collapse:collapse;font-size:16px}
.mtm-compare th,.mtm-compare td{border:1px solid #e5e7eb;padding:8px;vertical-align:top}
.mtm-compare th{background:#f8fafc;text-align:left}
.mtm-bullets{margin:0;padding-left:18px}
.mtm-bullets li{margin:0 0 4px}
.mtm-comp-heading,.mtm-products-heading{margin:28px 0 12px;font-size:1.5em}
@media (max-width:640px){
 .mtm-compare th:nth-child(3),.mtm-compare td:nth-child(3),
 .mtm-compare th:nth-child(4),.mtm-compare td:nth-child(4){display:none}
}

/* Added: improved comparison table styles v2 */
.mtm-intro-heading{margin:16px 0 6px;font-size:1.25em;color:#334155}
.mtm-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.mtm-compare{width:100%;border-collapse:separate;border-spacing:0}
.mtm-compare th,.mtm-compare td{border-bottom:1px solid #eef2f7;padding:10px 12px;vertical-align:top}
.mtm-compare thead th{background:#f8fafc;font-weight:600}
.mtm-compare tr:last-child td{border-bottom:0}
.mtm-imgcell img{width:72px;height:auto;border-radius:6px;display:block}
.mtm-cta{display:inline-block;padding:8px 12px;border-radius:6px;border:1px solid #1d4ed8;color:#1d4ed8;text-decoration:none}
.mtm-cta:hover{background:#1d4ed8;color:#fff}
.mtm-stars{font-weight:600}
.mtm-comp-heading,.mtm-products-heading{margin:28px 0 12px;font-size:1.5em}
@media (max-width:640px){
  .mtm-compare th:nth-child(4),.mtm-compare td:nth-child(4){display:none}
}

/* v3 tweaks: CTA as boxed button with background color */
.mtm-cta{display:inline-block;padding:10px 14px;border-radius:8px;background:#2563eb;color:#fff !important;text-decoration:none;font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.mtm-cta:hover{background:#1d4ed8;color:#fff !important}