/*
 * Страница одной статьи. Ширина, обложка и текст — как single_css.css
 * + style.css на testerhead.ru (1280: колонка 1000, внутри padding 10%).
 */

.site-article-page {
    margin: 0;
    background: #fff;
    color: #333;
    font: 16px/24px "Open Sans", Verdana, Geneva, sans-serif;
}
.site-article-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    background: #fff;
    border-bottom: 1px solid #e3e6ea;
}
.site-article-brand {
    font-weight: 700;
    color: #14181f;
    text-decoration: none;
}
.site-article-nav {
    display: flex;
    gap: 16px;
}
.site-article-nav a { color: #2563eb; }
.site-article-main {
    max-width: none;
    margin: 0;
    padding: 0;
}

.single-content {
    width: 1000px;
    max-width: calc(100% + 24px);
    margin: -24px -12px 0;
    display: block;
    box-sizing: border-box;
}
.single-content .post {
    margin: -50px auto;
    border-radius: 10px;
    padding: 10%;
    box-sizing: border-box;
}
.single-content .news2 {
    display: inline-block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.site-main .single-content h1,
.single-content .news2 h1,
.single-content h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 35px;
    color: #333;
    text-align: left;
    margin: 21.44px 0;
}
.single-content .entry {
    clear: both;
    padding: 0;
    margin-top: 16px;
}
.single-content .post_img {
    margin-right: 26px;
    float: left;
}
.site-main .single-content .post_img img,
.single-content .post_img img {
    box-sizing: content-box;
    width: auto;
    max-width: 350px;
    padding: 10px;
    height: auto;
    border: 4px solid #fff;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.32);
}
#text_post,
.single-content #text_post {
    font-size: 15px;
    margin-top: 18px;
    line-height: 22.5px;
    color: #333;
}
.site-main #text_post p,
#text_post p {
    padding: 10px 10px 15px;
    margin: 15px 0;
    font-size: 15px;
    line-height: 22.5px;
}
#text_post a {
    color: #6a5d58;
}
#text_post iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 315px;
    border: 0;
    margin: 12px 0 18px;
}

@media (max-width: 1024px) {
    .single-content {
        width: 100%;
        max-width: none;
        margin: 0;
    }
    .single-content .post {
        margin: 0 auto;
        padding: 16px;
    }
    .single-content .post_img {
        float: none;
        margin: 0 0 16px;
    }
    .site-main .single-content .post_img img,
    .single-content .post_img img {
        max-width: 100%;
    }
}