.m2-single-post{
    max-width:1180px;
    margin:40px auto;
    padding:0 20px;
}

.m2-article{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.12);
}

.m2-article-header{
    padding:40px 50px 25px;
}

.m2-article-header h1{
    font-size:52px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-.04em;
    color:#102235;
    margin:0 0 20px;
}

.m2-article-meta{
    display:flex;
    gap:20px;
    color:#68788b;
    font-weight:700;
    font-size:15px;
}

.m2-article-cover{
    width:100%;
}

.m2-article-image{
    width:100%;
    height:auto;
    display:block;
}

.m2-article-summary{
    margin:35px 50px;
    padding:25px 30px;
    border-radius:20px;
    background:linear-gradient(135deg,#0879c8,#12a4ef);
    color:white;
    font-size:22px;
    line-height:1.45;
    font-weight:800;
}

.m2-article-content{
    padding:20px 50px 45px;
    font-size:19px;
    line-height:1.75;
    color:#24384d;
}

.m2-article-content h2{
    font-size:32px;
    margin-top:35px;
    color:#102235;
}

.m2-article-content img{
    max-width:100%;
    border-radius:18px;
}

.m2-article-related{
    padding:35px 50px 50px;
    border-top:1px solid #e5ebf2;
}

.m2-article-related h2{
    font-size:30px;
    margin-bottom:25px;
}

.m2-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.m2-related-grid a{
    text-decoration:none;
    background:#f4f8fc;
    border-radius:18px;
    overflow:hidden;
    color:#102235;
}

.m2-related-grid img{
    width:100%;
    height:160px;
    object-fit:cover;
}

.m2-related-grid strong{
    display:block;
    padding:15px;
    font-size:18px;
}


@media(max-width:700px){

.m2-single-post{
    padding:0 10px;
}

.m2-article-header{
    padding:25px;
}

.m2-article-header h1{
    font-size:34px;
}

.m2-article-summary{
    margin:20px;
    font-size:18px;
}

.m2-article-content{
    padding:20px;
    font-size:17px;
}

.m2-article-related{
    padding:25px;
}

.m2-related-grid{
    grid-template-columns:1fr;
}

}