.mi-test-blog { padding:24px; border:1px solid #dbe6e1; border-radius:20px; background:#f1f7f3; }
.mi-test-blog-heading { margin:0 0 24px; color:#164b4c; font-size:1.6rem; font-weight:400; }
.mi-test-blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.mi-test-blog-card { min-width:0; padding:0 !important; margin:0 !important; border:1px solid #dbe6e1; border-radius:16px; background:#fff; overflow:hidden; box-shadow:0 4px 14px #164b4c05; transition:transform .2s ease,box-shadow .2s ease; }
.mi-test-blog-link { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.mi-test-blog-link:focus-visible { outline:3px solid #08796e; outline-offset:-4px; border-radius:16px; }
.mi-test-blog-image { aspect-ratio:16/10; background:#e1eee7; overflow:hidden; }
.mi-test-blog-image img { display:block; width:100%; height:100%; object-fit:cover; }
.mi-test-blog-body { display:flex; flex-direction:column; flex:1; padding:20px; }
.mi-test-blog-body h3 { margin:0 0 12px; color:#164b4c; font-size:1.12rem; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
.mi-test-blog-body p { margin:0 0 20px; color:#526c69; font-size:.95rem; line-height:1.7; }
.mi-test-blog-action { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:auto; color:#08796e; font-size:.9rem; font-weight:600; }
@media(hover:hover) { .mi-test-blog-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px #164b4c14; } }
@media(max-width:575.98px) { .mi-test-blog { padding:18px; } .mi-test-blog-grid { grid-template-columns:1fr; gap:18px; } }
[data-bs-theme="dark"] .mi-test-blog { background:#1c2c2d; border-color:#435e5b; }
[data-bs-theme="dark"] .mi-test-layout .article-category .mi-test-blog-card { background:#233334 !important; border-color:#435e5b; }
[data-bs-theme="dark"] .mi-test-blog-heading,
[data-bs-theme="dark"] .mi-test-blog-body h3 { color:#e4efec; }
[data-bs-theme="dark"] .mi-test-blog-body p { color:#b8ccc6; }
[data-bs-theme="dark"] .mi-test-blog-action { color:#82d8bf; }
[data-bs-theme="dark"] .mi-test-blog-image { background:#29463e; }
@media(prefers-reduced-motion:reduce) { .mi-test-blog-card { transition:none; } .mi-test-blog-card:hover { transform:none; } }