body.single-post.natal-blog-v1 {
    --natal-ink: #17233d;
    --natal-muted: #667187;
    --natal-gold: #b67b28;
    --natal-line: #e1e5ec;
    --natal-paper: #fff;
}

body.single-post.natal-blog-v1 .site-content {
    padding-top: 0;
    background: #f5f3ee;
}

body.single-post.natal-blog-v1 .mob-search {
    display: none;
}

body.single-post.natal-blog-v1 #primary,
body.single-post.natal-blog-v1 #main {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.natal-breadcrumbs {
    display: flex;
    gap: 8px;
    max-width: 920px;
    margin: 0 auto;
    padding: 24px 28px 17px;
    overflow: hidden;
    color: #8a91a0;
    font-size: 13px;
    white-space: nowrap;
}

.natal-breadcrumbs a {
    color: #6c778c;
}

.natal-breadcrumbs span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.natal-post,
.natal-post-page #main > aside,
.natal-post-page #main > section {
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
}

.natal-post {
    overflow: hidden;
    border: 1px solid rgba(30, 43, 70, .08);
    border-radius: 24px;
    background: var(--natal-paper);
    box-shadow: 0 24px 70px rgba(24, 31, 48, .1);
}

.natal-post-hero {
    position: relative;
    min-height: 310px;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 82% 12%, #354875 0, transparent 32%), linear-gradient(145deg, #162444 0%, #0c142a 72%, #241936 100%);
}

.natal-post-hero__media {
    position: absolute;
    inset: 0;
}

.natal-post-hero__media::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(8, 15, 34, .94) 0%, rgba(8, 15, 34, .82) 50%, rgba(8, 15, 34, .38) 100%);
}

.natal-post-hero__media img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.natal-post-hero__content {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 310px;
    max-width: 760px;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(34px, 6vw, 68px);
}

.natal-post-hero__category {
    align-self: flex-start;
    margin-bottom: 17px;
    padding: 7px 11px;
    border: 1px solid rgba(235, 191, 107, .45);
    border-radius: 999px;
    color: #f1c872;
    background: rgba(13, 22, 45, .58);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}

body.single-post.natal-blog-v1 .natal-post-hero .entry-title {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(34px, 5.2vw, 58px);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.natal-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 20px;
    margin-top: 22px;
    color: #c4cee2;
    font-size: 13px;
}

.natal-post-meta > * {
    position: relative;
}

.natal-post-meta > * + *::before {
    position: absolute;
    top: 50%;
    left: -12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #d6ab5f;
    content: "";
}

body.single-post.natal-blog-v1 .natal-post-content {
    width: auto;
    max-width: 760px;
    margin: 0 auto;
    padding: clamp(34px, 6vw, 68px);
    color: #29344a;
    font-size: 18px;
    line-height: 1.78;
}

body.single-post.natal-blog-v1 .natal-post-content > p,
body.single-post.natal-blog-v1 .natal-post-content > ul,
body.single-post.natal-blog-v1 .natal-post-content > ol,
body.single-post.natal-blog-v1 .natal-post-content > blockquote {
    width: auto !important;
}

.natal-post-content p {
    margin: 0 0 1.45em;
}

.natal-post-content h2,
.natal-post-content h3 {
    color: var(--natal-ink);
    line-height: 1.2;
    letter-spacing: -.025em;
    scroll-margin-top: 24px;
}

.natal-post-content h2 {
    margin: 2.2em 0 .75em;
    font-size: clamp(27px, 3.4vw, 38px);
}

.natal-post-content h3 {
    margin: 1.8em 0 .65em;
    font-size: clamp(22px, 2.6vw, 29px);
}

.natal-post-content a {
    color: #356ba8;
    text-decoration-color: rgba(53, 107, 168, .28);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.natal-post-content blockquote {
    margin: 2em 0;
    padding: 24px 27px;
    border: 0;
    border-left: 4px solid var(--natal-gold);
    border-radius: 0 14px 14px 0;
    color: #27334a;
    background: #f7f4ee;
}

.natal-post-content .ez-toc-container {
    width: 100% !important;
    margin: 28px 0 38px;
    padding: 20px 24px;
    border: 1px solid var(--natal-line);
    border-radius: 14px;
    background: #f8f9fb;
    box-shadow: none;
}

.natal-post-content .ez-toc-title {
    color: var(--natal-ink);
    font-size: 17px;
    font-weight: 800;
}

.natal-post-content figure,
.natal-post-content .natal-ai-figure {
    margin: 34px 0;
}

.natal-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
}

.natal-post-content .natal-ai-figure img {
    box-shadow: 0 18px 45px rgba(19, 29, 52, .14);
}

.natal-post-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: center;
    margin-top: 30px;
    padding: 34px 40px;
    border: 1px solid rgba(197, 151, 73, .38);
    border-radius: 20px;
    color: #e9edf7;
    background: radial-gradient(circle at 90% 0, rgba(78, 103, 168, .44), transparent 38%), #101a34;
    box-shadow: 0 20px 55px rgba(19, 28, 51, .16);
}

.natal-post-cta span,
.natal-section-heading p {
    color: #d9ad5b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.natal-post-cta h2 {
    margin: 5px 0 8px;
    color: #fff;
    font-size: clamp(24px, 3vw, 32px);
}

.natal-post-cta p {
    width: auto !important;
    max-width: 620px;
    margin: 0 !important;
    color: #bdc7da;
}

.natal-post-cta > a {
    padding: 13px 17px;
    border-radius: 10px;
    color: #182541;
    background: #efc36f;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.natal-post-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    padding: 22px 28px;
    border: 1px solid var(--natal-line);
    border-radius: 16px;
    background: #fff;
}

.natal-post-share strong,
.natal-post-share > div > span {
    display: block;
}

.natal-post-share strong {
    color: var(--natal-ink);
}

.natal-post-share > div > span {
    margin-top: 3px;
    color: var(--natal-muted);
    font-size: 13px;
}

.natal-post-share .b-share--post {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
}

.natal-post-share .b-share__ico {
    display: block;
    width: 42px;
    height: 38px;
    margin: 0;
    border-radius: 9px;
    transition: transform 0.18s ease, filter 0.18s ease;
}

.natal-post-share .b-share__ico:hover {
    filter: brightness(1.06);
    transform: translateY(-2px);
}

.natal-section-heading {
    margin-bottom: 20px;
}

.natal-section-heading p {
    width: auto !important;
    margin: 0 0 4px !important;
}

.natal-section-heading h2 {
    margin: 0;
    color: var(--natal-ink);
    font-size: clamp(27px, 3.4vw, 36px);
}

.natal-related,
.natal-comments-shell {
    margin-top: 48px;
}

.natal-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.natal-related-card {
    overflow: hidden;
    border: 1px solid var(--natal-line);
    border-radius: 15px;
    background: #fff;
}

.natal-related-card__image {
    display: grid;
    height: 150px;
    place-items: center;
    overflow: hidden;
    color: #d5aa5f;
    background: radial-gradient(circle at 70% 20%, #344873, transparent 38%), #111a34;
    font-size: 34px;
}

.natal-related-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.natal-related-card:hover img {
    transform: scale(1.035);
}

.natal-related-card > div {
    padding: 17px;
}

.natal-related-card time {
    color: #8a93a4;
    font-size: 11px;
}

.natal-related-card h3 {
    margin: 7px 0 0;
    font-size: 17px;
    line-height: 1.35;
}

.natal-related-card h3 a {
    color: var(--natal-ink);
    text-decoration: none;
}

.natal-comments-shell {
    margin-bottom: 50px;
    padding: 34px 40px;
    border: 1px solid var(--natal-line);
    border-radius: 20px;
    background: #fff;
}

.natal-comments-shell #comments,
.natal-comments-shell .comment-respond {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.natal-comments-shell .comment-reply-title {
    margin-bottom: 18px;
    color: var(--natal-ink);
    font-size: 20px;
    font-weight: 800;
}

.natal-comments-shell .comment-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.natal-comments-shell .comment-form > p,
.natal-comments-shell .comment-smiles {
    width: auto !important;
    margin: 0 !important;
}

.natal-comments-shell .comment-form-comment,
.natal-comments-shell .comment-smiles,
.natal-comments-shell .comment-form-cookies-consent,
.natal-comments-shell .form-submit {
    grid-column: 1 / -1;
}

.natal-comments-shell label {
    display: block;
    margin-bottom: 6px;
    color: #344057;
    font-size: 13px;
    font-weight: 700;
}

.natal-comments-shell input[type="text"],
.natal-comments-shell input[type="email"],
.natal-comments-shell textarea {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #cfd5df;
    border-radius: 9px;
    background: #fbfcfd;
    box-sizing: border-box;
}

.natal-comments-shell textarea {
    min-height: 180px;
}

.natal-comments-shell input:focus,
.natal-comments-shell textarea:focus {
    border-color: #b57b28;
    outline: 3px solid rgba(181, 123, 40, .13);
}

.natal-comments-shell .comment-form-cookies-consent {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    color: var(--natal-muted);
    font-size: 13px;
}

.natal-comments-shell .comment-smiles {
    display: none;
}

.natal-comments-shell .comment-form-cookies-consent label {
    margin: 0;
    font-weight: 400;
}

.natal-comments-shell .form-submit input {
    padding: 12px 18px;
    border: 0;
    border-radius: 9px;
    color: #fff;
    background: #324f81;
    font-weight: 800;
}

body.single-post.natal-blog-v1 #vid_vpaut_div,
body.single-post.natal-blog-v1 [vid_vpaut_pl] {
    width: min(600px, 100%) !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 15 / 8;
}

@media (max-width: 720px) {
    .natal-breadcrumbs {
        padding: 20px 16px 13px;
    }

    .natal-post {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .natal-post-hero,
    .natal-post-hero__content {
        min-height: 300px;
    }

    .natal-post-hero__media::after {
        background: linear-gradient(0deg, rgba(8, 15, 34, .96) 0%, rgba(8, 15, 34, .68) 78%, rgba(8, 15, 34, .4) 100%);
    }

    .natal-post-hero__content {
        padding: 28px 20px;
    }

    body.single-post.natal-blog-v1 .natal-post-hero .entry-title {
        font-size: 34px;
    }

    body.single-post.natal-blog-v1 .natal-post-content {
        padding: 34px 20px 44px;
        font-size: 17px;
        line-height: 1.72;
    }

    .natal-post-content blockquote {
        padding: 20px;
    }

    .natal-post-cta,
    .natal-post-share,
    .natal-comments-shell {
        margin-right: 12px !important;
        margin-left: 12px !important;
    }

    .natal-post-cta {
        display: block;
        padding: 26px 22px;
    }

    .natal-post-cta > a {
        display: inline-block;
        margin-top: 20px;
    }

    .natal-post-share {
        display: block;
        padding: 20px;
    }

    .natal-post-share .b-share--post {
        justify-content: flex-start;
        margin-top: 15px;
    }

    .natal-related {
        padding: 0 12px;
    }

    .natal-related__grid,
    .natal-comments-shell .comment-form {
        grid-template-columns: 1fr;
    }

    .natal-related-card {
        display: grid;
        grid-template-columns: 118px 1fr;
    }

    .natal-related-card__image {
        height: 100%;
        min-height: 118px;
    }

    .natal-comments-shell {
        padding: 26px 20px;
    }
}

@media (min-width: 1101px) {
    body.single-post.natal-blog-v1 .top-menu ul li {
        margin-right: .62em;
        margin-left: .62em;
    }

    body.single-post.natal-blog-v1 .site-header-inner {
        min-height: 74px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .natal-related-card__image img {
        transition: none;
    }
}