.mwd-history-container { width: 100%; margin: 2rem 0; box-sizing: border-box; }
.mwd-history-grid { display: grid; gap: 30px; align-items: stretch; }
.mwd-history-item { 
    display: flex; 
    flex-direction: row; 
    background: #fff; 
    border: 1px solid #e1e1e1; 
    overflow: hidden; 
    position: relative; 
    box-sizing: border-box; 
    min-height: 100%; 
}
.mwd-history-img-wrap { 
    flex: 0 0 33.333%; 
    width: 33.333%; 
    max-width: 33.333%; 
    background: #f9f9f9; 
    display: flex; 
    align-items: flex-start; 
    justify-content: flex-start; 
    overflow: hidden; 
}
.mwd-history-img-wrap img { width: 100%; height: auto; display: block; border: 0; }
.mwd-history-img-cover img { object-fit: cover; height: 100%; }
.mwd-history-img-contain img { object-fit: contain; padding: 10px; box-sizing: border-box; }

.mwd-history-body { 
    flex: 0 0 66.666%; 
    width: 66.666%; 
    max-width: 66.666%; 
    padding: 25px; 
    display: flex; 
    flex-direction: column; 
    box-sizing: border-box; 
    word-break: break-word; 
}
.mwd-history-body.mwd-history-full-width { 
    flex: 0 0 100%; 
    width: 100%; 
    max-width: 100%; 
}
.mwd-history-body h3 { margin: 0 0 5px 0; font-size: 1.4rem; line-height: 1.2; }
.mwd-history-date { font-size: 0.85rem; color: #777; margin-bottom: 10px; display: block; }
.mwd-history-body b.subtitle { display: block; margin-bottom: 15px; font-weight: bold; }
.mwd-history-text { font-size: 0.95rem; line-height: 1.5; }

@media (max-width: 991px) { .mwd-history-grid { grid-template-columns: 1fr !important; } }
@media (max-width: 650px) {
    .mwd-history-item { flex-direction: column; }
    .mwd-history-img-wrap, .mwd-history-body { flex: 0 0 100%; width: 100%; max-width: 100%; }
    .mwd-history-img-wrap { height: auto; min-height: 200px; }
}