.ms-posts {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media (max-width: 768px) {
.ms-posts {
grid-template-columns: 1fr;
}
} .ms-post-card {
background: #fff;
border-radius: 18px;
padding: 16px;
box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
}
.ms-post-link {
text-decoration: none;
color: inherit;
display: block;
} .ms-post-header {
display: grid;
grid-template-columns: 72px 1fr;
gap: 16px;
align-items: stretch;
} .ms-post-date {
background: #f4f7fb;
border-radius: 14px;
padding: 10px 6px;
text-align: center;
font-weight: 700;
color: #2b5fd8;
display: flex;
flex-direction: column;
justify-content: center;
}
.ms-post-date .day {
font-size: 22px;
line-height: 1;
}
.ms-post-date .month {
font-size: 12px;
letter-spacing: .8px;
}
.ms-post-date .year {
font-size: 11px;
opacity: .8;
} .ms-post-image {
height: 110px;
border-radius: 14px;
background-size: cover;
background-position: center;
} .ms-post-title {
margin-top: 14px;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: #1d2a3a;
}