.bg_gray { background: #fbfaff; }
.singlepost {
    max-width: 980px;
    margin: 48px auto;
    padding: clamp(24px, 5vw, 56px);
    border: 1px solid #e9e6f0;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 22px 65px rgba(54, 41, 111, .10);
}
.singlepost figure { margin: 0 0 30px; overflow: hidden; border-radius: 22px; }
.singlepost figure img { width: 100%; height: auto; display: block; }
.singlepost h1 { margin-bottom: 24px; color: #22213a; font-size: clamp(32px, 5vw, 52px); line-height: 1.25; }
.singlepost .post-content { color: #575368; font-size: 17px; line-height: 1.9; }
.singlepost .post-content h2, .singlepost .post-content h3 { margin-top: 32px; color: #22213a; }
.singlepost .post-content a { color: #6c5ce7; text-decoration: underline; text-underline-offset: 3px; }
.singlepost .post-content img { max-width: 100%; height: auto; border-radius: 18px; }