/*
 * ============================================================
 * VORIK JOURNAL
 * Premium editorial index + shared public UI
 * ============================================================
 */

.vorik-blog-page {
    --journal-navy: #0b2748;
    --journal-deep: #061a31;
    --journal-blue: #2f79e8;
    --journal-blue-dark: #175cb8;

    --journal-yellow: #ffd21f;
    --journal-yellow-soft: #fff5bf;

    --journal-paper: #ffffff;
    --journal-soft: #f4f7fb;
    --journal-blue-soft: #eaf2ff;

    --journal-text: #102744;
    --journal-muted: #657b97;
    --journal-border: #dce5ef;

    --journal-shadow:
        0 24px 70px
        rgba(11, 39, 72, .11);

    --journal-shadow-soft:
        0 10px 32px
        rgba(11, 39, 72, .065);

    color:
        var(--journal-text);

    background:
        var(--journal-paper);
}


.vorik-blog-page
#vorik-main {
    overflow:
        hidden;
}


.vorik-blog-page
.vorik-container {
    width:
        min(
            1180px,
            calc(100% - 36px)
        );

    margin-inline:
        auto;
}


/* ============================================================
   INTRO
   ============================================================ */

.vorik-journal-intro {
    position: relative;

    padding:
        clamp(56px, 7vw, 96px)
        0
        clamp(48px, 6vw, 78px);

    background:
        #fff;
}


.vorik-journal-intro::after {
    content: "";

    position: absolute;

    right: -130px;
    top: 30px;

    width: 390px;
    height: 390px;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            rgba(47, 121, 232, .08),
            transparent 68%
        );

    pointer-events:
        none;
}


.vorik-journal-intro__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding-bottom:
        18px;

    border-bottom:
        1px solid
        var(--journal-border);
}


.vorik-journal-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color:
        var(--journal-blue);

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;
}


.vorik-journal-kicker::before {
    content: "";

    width: 7px;
    height: 7px;

    flex:
        0 0 auto;

    background:
        var(--journal-yellow);

    border-radius:
        50%;
}


.vorik-journal-edition {
    color:
        var(--journal-muted);

    font-size:
        12px;

    font-weight:
        750;
}


.vorik-journal-intro__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(280px, .55fr);

    align-items:
        end;

    gap:
        clamp(
            45px,
            8vw,
            110px
        );

    padding-top:
        clamp(
            36px,
            5vw,
            62px
        );
}


.vorik-journal-intro h1 {
    max-width:
        870px;

    margin: 0;

    color:
        var(--journal-navy);

    font-size:
        clamp(
            50px,
            7vw,
            92px
        );

    font-weight:
        900;

    line-height:
        .92;

    letter-spacing:
        -.06em;
}


.vorik-journal-intro h1
span {
    display:
        block;

    color:
        var(--journal-blue);
}


.vorik-journal-intro__aside {
    padding-bottom:
        7px;
}


.vorik-journal-intro__aside p {
    margin: 0;

    color:
        var(--journal-muted);

    font-size:
        16px;

    line-height:
        1.72;
}


.vorik-journal-text-link {
    display:
        inline-flex;

    align-items:
        center;

    gap: 9px;

    margin-top:
        22px;

    color:
        var(--journal-navy);

    font-size:
        13px;

    font-weight:
        850;
}


.vorik-journal-text-link
span {
    color:
        var(--journal-blue);

    font-size:
        17px;
}


/* ============================================================
   FEATURE
   ============================================================ */

.vorik-journal-feature {
    padding:
        0 0 76px;

    background:
        #fff;
}


.vorik-journal-lead {
    display: grid;

    grid-template-columns:
        minmax(0, 1.42fr)
        minmax(330px, .78fr);

    overflow:
        hidden;

    min-height:
        500px;

    color:
        #fff;

    background:
        var(--journal-navy);

    border-radius:
        30px;

    box-shadow:
        var(--journal-shadow);
}


.vorik-journal-lead__media {
    position:
        relative;

    overflow:
        hidden;

    min-height:
        500px;

    background:
        var(--journal-deep);
}


.vorik-journal-lead__media::after {
    content: "";

    position:
        absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(6, 26, 49, .3),
            transparent 45%
        );

    pointer-events:
        none;
}


.vorik-journal-lead__media
img {
    width: 100%;
    height: 100%;

    object-fit:
        cover;

    transition:
        transform .55s ease;
}


.vorik-journal-lead:hover
.vorik-journal-lead__media
img {
    transform:
        scale(1.025);
}


.vorik-journal-lead__badge {
    position:
        absolute;

    top: 22px;
    left: 22px;

    z-index: 3;

    padding:
        8px 12px;

    color:
        var(--journal-navy);

    background:
        var(--journal-yellow);

    border-radius:
        999px;

    font-size:
        10px;

    font-weight:
        950;

    letter-spacing:
        .08em;
}


.vorik-journal-lead__content {
    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        clamp(
            32px,
            5vw,
            60px
        );
}


.vorik-journal-meta {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        9px;

    color:
        var(--journal-muted);

    font-size:
        11px;

    font-weight:
        750;
}


.vorik-journal-lead
.vorik-journal-meta {
    color:
        #aebed0;
}


.vorik-journal-category {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        27px;

    padding:
        0 10px;

    color:
        var(--journal-navy);

    background:
        var(--journal-yellow-soft);

    border-radius:
        999px;

    font-size:
        10px;

    font-weight:
        900;
}


.vorik-journal-route {
    display:
        block;

    margin-top:
        18px;

    color:
        #b9cbe0;

    font-size:
        12px;

    font-weight:
        800;
}


.vorik-journal-lead h2 {
    margin:
        16px 0 0;

    font-size:
        clamp(
            31px,
            3.6vw,
            47px
        );

    line-height:
        1.05;

    letter-spacing:
        -.045em;
}


.vorik-journal-lead__content
> p {
    margin:
        20px 0 0;

    color:
        #cbd8e7;

    font-size:
        15px;

    line-height:
        1.72;
}


.vorik-journal-lead__footer {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin-top:
        33px;

    padding-top:
        20px;

    border-top:
        1px solid
        rgba(255,255,255,.14);

    color:
        #9eb1c6;

    font-size:
        11px;
}


.vorik-journal-lead__footer
a {
    color:
        var(--journal-yellow);

    font-size:
        13px;

    font-weight:
        850;
}


/* ============================================================
   TOPICS
   ============================================================ */

.vorik-journal-topics {
    border-top:
        1px solid
        var(--journal-border);

    border-bottom:
        1px solid
        var(--journal-border);

    background:
        #fff;
}


.vorik-journal-topics
.vorik-container {
    display:
        flex;

    align-items:
        center;

    gap:
        20px;

    min-height:
        74px;
}


.vorik-journal-topics__label {
    flex:
        0 0 auto;

    color:
        var(--journal-muted);

    font-size:
        11px;

    font-weight:
        850;

    text-transform:
        uppercase;

    letter-spacing:
        .08em;
}


.vorik-journal-topics__rail {
    display:
        flex;

    gap:
        7px;

    overflow-x:
        auto;

    scrollbar-width:
        none;
}


.vorik-journal-topics__rail::-webkit-scrollbar {
    display:
        none;
}


.vorik-journal-topics__rail
span {
    flex:
        0 0 auto;

    padding:
        9px 14px;

    color:
        #526781;

    background:
        var(--journal-soft);

    border-radius:
        999px;

    font-size:
        11px;

    font-weight:
        800;
}


.vorik-journal-topics__rail
span.is-active {
    color:
        var(--journal-navy);

    background:
        var(--journal-yellow);
}


/* ============================================================
   HEADINGS
   ============================================================ */

.vorik-journal-section-heading {
    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        40px;

    margin-bottom:
        36px;
}


.vorik-journal-section-heading
> div {
    max-width:
        740px;
}


.vorik-journal-section-heading
h2 {
    margin:
        10px 0 0;

    color:
        var(--journal-navy);

    font-size:
        clamp(
            34px,
            4.7vw,
            54px
        );

    line-height:
        1.01;

    letter-spacing:
        -.05em;
}


.vorik-journal-section-heading
p {
    max-width:
        650px;

    margin:
        14px 0 0;

    color:
        var(--journal-muted);

    font-size:
        14px;

    line-height:
        1.7;
}


/* ============================================================
   LATEST
   ============================================================ */

.vorik-journal-latest {
    padding:
        84px 0;

    background:
        var(--journal-soft);
}


.vorik-journal-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        24px;
}


.vorik-journal-card {
    overflow:
        hidden;

    background:
        #fff;

    border:
        1px solid
        var(--journal-border);

    border-radius:
        23px;

    box-shadow:
        var(--journal-shadow-soft);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.vorik-journal-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        var(--journal-shadow);
}


.vorik-journal-card--primary {
    grid-column:
        span 2;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(300px, .95fr);
}


.vorik-journal-card--primary
.vorik-journal-card__media {
    min-height:
        360px;

    aspect-ratio:
        auto;
}


.vorik-journal-card__media {
    position:
        relative;

    display:
        block;

    aspect-ratio:
        16 / 9;

    overflow:
        hidden;

    background:
        var(--journal-navy);
}


.vorik-journal-card__media
img {
    width: 100%;
    height: 100%;

    object-fit:
        cover;

    transition:
        transform .5s ease;
}


.vorik-journal-card:hover
.vorik-journal-card__media
img {
    transform:
        scale(1.035);
}


.vorik-journal-card__route {
    position:
        absolute;

    left:
        16px;

    bottom:
        16px;

    padding:
        8px 12px;

    color:
        #fff;

    background:
        rgba(6, 26, 49, .88);

    border:
        1px solid
        rgba(255,255,255,.2);

    border-radius:
        999px;

    backdrop-filter:
        blur(10px);

    font-size:
        10px;

    font-weight:
        800;
}


.vorik-journal-card__content {
    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        24px;
}


.vorik-journal-card--primary
.vorik-journal-card__content {
    padding:
        36px;
}


.vorik-journal-card h3 {
    margin:
        14px 0 0;

    color:
        var(--journal-navy);

    font-size:
        clamp(
            22px,
            2.4vw,
            30px
        );

    line-height:
        1.11;

    letter-spacing:
        -.035em;
}


.vorik-journal-card--primary
h3 {
    font-size:
        clamp(
            29px,
            3.4vw,
            43px
        );
}


.vorik-journal-card h3
a:hover {
    color:
        var(--journal-blue);
}


.vorik-journal-card__content
> p {
    display:
        -webkit-box;

    overflow:
        hidden;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;

    margin:
        14px 0 0;

    color:
        var(--journal-muted);

    font-size:
        13px;

    line-height:
        1.65;
}


.vorik-journal-card footer {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-top:
        21px;

    padding-top:
        15px;

    border-top:
        1px solid
        var(--journal-border);

    color:
        var(--journal-muted);

    font-size:
        10px;
}


.vorik-journal-card footer
a {
    color:
        var(--journal-blue);

    font-size:
        11px;

    font-weight:
        850;
}


.vorik-journal-fallback {
    display:
        grid;

    place-items:
        center;

    width: 100%;
    height: 100%;

    color:
        #fff;

    background:
        linear-gradient(
            135deg,
            var(--journal-deep),
            #174978
        );

    font-size:
        34px;

    font-weight:
        950;

    letter-spacing:
        .12em;
}


/* ============================================================
   ROUTES
   ============================================================ */

.vorik-journal-routes {
    padding:
        84px 0;

    background:
        #fff;
}


.vorik-journal-routes
.vorik-container {
    display:
        grid;

    grid-template-columns:
        minmax(280px, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(
            50px,
            8vw,
            120px
        );
}


.vorik-journal-routes__intro
h2 {
    margin:
        11px 0 0;

    color:
        var(--journal-navy);

    font-size:
        clamp(
            32px,
            4vw,
            49px
        );

    line-height:
        1.03;

    letter-spacing:
        -.046em;
}


.vorik-journal-routes__intro
p {
    margin:
        16px 0 0;

    color:
        var(--journal-muted);

    font-size:
        14px;

    line-height:
        1.7;
}


.vorik-journal-routes__list {
    border-top:
        1px solid
        var(--journal-border);
}


.vorik-journal-routes__list
> div {
    display:
        grid;

    grid-template-columns:
        50px
        1fr;

    align-items:
        center;

    gap:
        18px;

    padding:
        21px 0;

    border-bottom:
        1px solid
        var(--journal-border);
}


.vorik-journal-routes__list
span {
    color:
        var(--journal-blue);

    font-size:
        10px;

    font-weight:
        900;
}


.vorik-journal-routes__list
strong {
    color:
        var(--journal-navy);

    font-size:
        18px;

    font-weight:
        800;
}


/* ============================================================
   CTA
   ============================================================ */

.vorik-journal-cta {
    padding:
        0 0 84px;

    background:
        #fff;
}


.vorik-journal-cta__inner {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        55px;

    padding:
        clamp(
            36px,
            5vw,
            60px
        );

    color:
        #fff;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(47,121,232,.42),
            transparent 320px
        ),
        var(--journal-navy);

    border-radius:
        29px;

    box-shadow:
        var(--journal-shadow);
}


.vorik-journal-cta
.vorik-journal-kicker {
    color:
        #d6e3f0;
}


.vorik-journal-cta__inner
h2 {
    max-width:
        720px;

    margin:
        11px 0 0;

    font-size:
        clamp(
            31px,
            4vw,
            46px
        );

    line-height:
        1.03;

    letter-spacing:
        -.046em;
}


.vorik-journal-cta__inner
p {
    max-width:
        650px;

    margin:
        14px 0 0;

    color:
        #cad8e7;

    font-size:
        14px;

    line-height:
        1.65;
}


.vorik-journal-primary-button {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    flex:
        0 0 auto;

    min-height:
        50px;

    padding:
        0 20px;

    color:
        var(--journal-navy);

    background:
        var(--journal-yellow);

    border-radius:
        13px;

    font-size:
        13px;

    font-weight:
        900;

    box-shadow:
        0 14px 35px
        rgba(255,210,31,.18);
}


/* ============================================================
   TABLET
   ============================================================ */

@media (
    max-width: 900px
) {

    .vorik-journal-intro__grid,
    .vorik-journal-routes
    .vorik-container {
        grid-template-columns:
            1fr;

        gap:
            30px;
    }


    .vorik-journal-intro__aside {
        max-width:
            650px;
    }


    .vorik-journal-lead {
        grid-template-columns:
            1fr;
    }


    .vorik-journal-lead__media {
        min-height:
            390px;
    }


    .vorik-journal-card--primary {
        grid-column:
            auto;

        display:
            block;
    }


    .vorik-journal-card--primary
    .vorik-journal-card__media {
        min-height:
            auto;

        aspect-ratio:
            16 / 9;
    }


    .vorik-journal-card--primary
    .vorik-journal-card__content {
        padding:
            24px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (
    max-width: 640px
) {

    .vorik-blog-page
    .vorik-container {
        width:
            calc(100% - 28px);
    }


    .vorik-journal-intro {
        padding:
            42px 0 39px;
    }


    .vorik-journal-intro__top {
        padding-bottom:
            13px;
    }


    .vorik-journal-edition {
        display:
            none;
    }


    .vorik-journal-intro__grid {
        padding-top:
            29px;
    }


    .vorik-journal-intro h1 {
        font-size:
            clamp(
                43px,
                14vw,
                61px
            );
    }


    .vorik-journal-intro__aside
    p {
        font-size:
            14px;
    }


    .vorik-journal-feature {
        padding-bottom:
            50px;
    }


    .vorik-journal-lead {
        min-height:
            auto;

        border-radius:
            20px;
    }


    .vorik-journal-lead__media {
        min-height:
            265px;
    }


    .vorik-journal-lead__content {
        padding:
            24px 21px;
    }


    .vorik-journal-lead h2 {
        font-size:
            29px;
    }


    .vorik-journal-lead__content
    > p {
        font-size:
            13px;
    }


    .vorik-journal-topics
    .vorik-container {
        min-height:
            64px;
    }


    .vorik-journal-topics__label {
        display:
            none;
    }


    .vorik-journal-latest,
    .vorik-journal-routes {
        padding:
            56px 0;
    }


    .vorik-journal-section-heading {
        display:
            block;

        margin-bottom:
            24px;
    }


    .vorik-journal-section-heading
    h2 {
        font-size:
            31px;
    }


    .vorik-journal-section-heading
    .vorik-journal-text-link {
        display:
            none;
    }


    .vorik-journal-grid {
        grid-template-columns:
            1fr;

        gap:
            17px;
    }


    .vorik-journal-card {
        border-radius:
            18px;
    }


    .vorik-journal-card__content {
        padding:
            18px;
    }


    .vorik-journal-card h3,
    .vorik-journal-card--primary
    h3 {
        font-size:
            22px;
    }


    .vorik-journal-routes
    .vorik-container {
        gap:
            32px;
    }


    .vorik-journal-routes__intro
    h2 {
        font-size:
            32px;
    }


    .vorik-journal-cta {
        padding-bottom:
            56px;
    }


    .vorik-journal-cta__inner {
        display:
            block;

        padding:
            29px 23px;

        border-radius:
            21px;
    }


    .vorik-journal-cta__inner
    h2 {
        font-size:
            30px;
    }


    .vorik-journal-primary-button {
        margin-top:
            23px;
    }

}


/* ============================================================
   VORIK JOURNAL ARTICLE PREMIUM
   ============================================================ */

.vorik-article-wrap {
    width:
        min(
            1080px,
            calc(100% - 36px)
        );

    margin-inline:
        auto;
}


/* ------------------------------------------------------------
   Breadcrumb
   ------------------------------------------------------------ */

.vorik-article-breadcrumb {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    overflow:
        hidden;

    padding-top:
        28px;

    color:
        var(--journal-muted);

    font-size:
        11px;

    white-space:
        nowrap;
}


.vorik-article-breadcrumb
a {
    color:
        var(--journal-blue);

    font-weight:
        800;
}


.vorik-article-breadcrumb
span:last-child {
    overflow:
        hidden;

    text-overflow:
        ellipsis;
}


/* ------------------------------------------------------------
   Article heading
   ------------------------------------------------------------ */

.vorik-article-heading {
    max-width:
        920px;

    padding:
        clamp(
            46px,
            6vw,
            76px
        )
        0
        43px;
}


.vorik-article-heading__meta {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    gap:
        10px;

    color:
        var(--journal-muted);

    font-size:
        11px;

    font-weight:
        750;
}


.vorik-article-route {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    width:
        fit-content;

    margin-top:
        18px;

    padding:
        8px
        12px;

    color:
        var(--journal-blue);

    background:
        var(--journal-blue-soft);

    border-radius:
        999px;

    font-size:
        11px;
}


.vorik-article-route
span {
    color:
        var(--journal-muted);
}


.vorik-article-route
strong {
    font-weight:
        850;
}


.vorik-article-heading
h1 {
    max-width:
        900px;

    margin:
        18px
        0
        0;

    color:
        var(--journal-navy);

    font-size:
        clamp(
            43px,
            6.5vw,
            74px
        );

    font-weight:
        900;

    line-height:
        .99;

    letter-spacing:
        -.056em;
}


.vorik-article-intro {
    max-width:
        790px;

    margin:
        23px
        0
        0;

    color:
        var(--journal-muted);

    font-size:
        19px;

    line-height:
        1.65;
}


/* ------------------------------------------------------------
   Language switch
   ------------------------------------------------------------ */

.vorik-article-languages {
    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    margin-top:
        25px;
}


.vorik-article-languages
> span {
    margin-right:
        5px;

    color:
        var(--journal-muted);

    font-size:
        11px;

    font-weight:
        700;
}


.vorik-article-languages
a {
    display:
        grid;

    place-items:
        center;

    min-width:
        39px;

    min-height:
        31px;

    color:
        var(--journal-muted);

    background:
        var(--journal-soft);

    border-radius:
        999px;

    font-size:
        10px;

    font-weight:
        900;
}


.vorik-article-languages
a.is-active {
    color:
        var(--journal-navy);

    background:
        var(--journal-yellow);
}


/* ------------------------------------------------------------
   Cover
   ------------------------------------------------------------ */

.vorik-article-cover {
    overflow:
        hidden;

    margin:
        0
        0
        59px;

    background:
        var(--journal-soft);

    border-radius:
        28px;

    box-shadow:
        var(--journal-shadow-soft);
}


.vorik-article-cover__media {
    overflow:
        hidden;

    background:
        var(--journal-deep);
}


.vorik-article-cover
img {
    width:
        100%;

    aspect-ratio:
        16 / 8.5;

    object-fit:
        cover;

    transition:
        transform .5s ease;
}


.vorik-article-cover:hover
img {
    transform:
        scale(1.012);
}


.vorik-article-cover
figcaption {
    padding:
        9px
        15px
        12px;

    color:
        var(--journal-muted);

    background:
        #fff;

    font-size:
        10px;

    line-height:
        1.5;
}


.vorik-article-cover
figcaption span {
    font-weight:
        800;
}


.vorik-article-cover
figcaption a {
    color:
        var(--journal-blue);

    font-weight:
        750;
}


/* ------------------------------------------------------------
   Reading layout
   ------------------------------------------------------------ */

.vorik-article-layout {
    display:
        grid;

    grid-template-columns:
        210px
        minmax(
            0,
            740px
        );

    justify-content:
        space-between;

    gap:
        62px;

    padding-bottom:
        86px;
}


.vorik-article-content {
    min-width:
        0;
}


/* ------------------------------------------------------------
   Sticky TOC
   ------------------------------------------------------------ */

.vorik-article-toc {
    position:
        sticky;

    top:
        100px;

    padding:
        19px;

    background:
        var(--journal-soft);

    border:
        1px solid
        var(--journal-border);

    border-radius:
        16px;
}


.vorik-article-toc
> span,
.vorik-article-share
> span {
    display:
        block;

    color:
        var(--journal-blue);

    font-size:
        9px;

    font-weight:
        950;

    letter-spacing:
        .1em;
}


.vorik-article-toc
> strong {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--journal-navy);

    font-size:
        15px;
}


.vorik-article-toc
nav {
    display:
        grid;

    margin-top:
        14px;
}


.vorik-article-toc
nav a {
    padding:
        7px
        0;

    color:
        var(--journal-muted);

    border-bottom:
        1px solid
        rgba(
            11,
            39,
            72,
            .07
        );

    font-size:
        10px;

    line-height:
        1.4;

    transition:
        color .15s ease;
}


.vorik-article-toc
nav a:hover,
.vorik-article-toc
nav a.is-current {
    color:
        var(--journal-blue);
}


.vorik-article-toc
nav a.is-sub {
    padding-left:
        11px;

    font-size:
        9px;
}


/* ------------------------------------------------------------
   Share rail
   ------------------------------------------------------------ */

.vorik-article-share {
    display:
        grid;

    gap:
        7px;

    margin-top:
        19px;

    padding:
        15px;
}


.vorik-article-share
a,
.vorik-article-share
button {
    padding:
        9px
        10px;

    color:
        var(--journal-navy);

    background:
        #fff;

    border:
        1px solid
        var(--journal-border);

    border-radius:
        9px;

    text-align:
        left;

    font-size:
        10px;

    font-weight:
        800;
}


.vorik-article-share
.vorik-share-whatsapp {
    color:
        #087d42;
}


/* ------------------------------------------------------------
   Article typography
   ------------------------------------------------------------ */

.vorik-article-body {
    color:
        #293f5b;

    font-size:
        17px;

    line-height:
        1.83;
}


.vorik-article-body
> :first-child {
    margin-top:
        0;
}


.vorik-article-body
p {
    margin:
        0
        0
        23px;
}


.vorik-article-body
h2 {
    scroll-margin-top:
        110px;

    margin:
        53px
        0
        18px;

    color:
        var(--journal-navy);

    font-size:
        32px;

    font-weight:
        850;

    line-height:
        1.12;

    letter-spacing:
        -.036em;
}


.vorik-article-body
h3 {
    scroll-margin-top:
        110px;

    margin:
        36px
        0
        15px;

    color:
        var(--journal-navy);

    font-size:
        23px;

    font-weight:
        850;

    line-height:
        1.2;

    letter-spacing:
        -.026em;
}


.vorik-article-body
strong {
    color:
        var(--journal-navy);
}


.vorik-article-body
a {
    color:
        var(--journal-blue);

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;
}


.vorik-article-body
ul,
.vorik-article-body
ol {
    margin:
        20px
        0
        28px;

    padding-left:
        25px;
}


.vorik-article-body
li {
    margin-bottom:
        9px;
}


.vorik-article-body
blockquote {
    position:
        relative;

    margin:
        34px
        0;

    padding:
        24px
        27px;

    color:
        var(--journal-navy);

    background:
        var(--journal-yellow-soft);

    border-left:
        4px solid
        var(--journal-yellow);

    border-radius:
        0
        15px
        15px
        0;

    font-weight:
        700;
}


.vorik-article-body
blockquote p:last-child {
    margin-bottom:
        0;
}


.vorik-article-body
img {
    width:
        100%;

    margin:
        31px
        0;

    border-radius:
        18px;
}


.vorik-article-body
table {
    display:
        block;

    width:
        100%;

    overflow-x:
        auto;

    margin:
        29px
        0;

    border-collapse:
        collapse;

    font-size:
        13px;
}


.vorik-article-body
th,
.vorik-article-body
td {
    padding:
        12px;

    border:
        1px solid
        var(--journal-border);

    text-align:
        left;
}


.vorik-article-body
th {
    color:
        var(--journal-navy);

    background:
        var(--journal-soft);

    font-weight:
        850;
}


/* ------------------------------------------------------------
   Article CTA
   ------------------------------------------------------------ */

.vorik-article-cta {
    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        35px;

    margin-top:
        55px;

    padding:
        34px;

    color:
        #fff;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(
                47,
                121,
                232,
                .38
            ),
            transparent 250px
        ),
        var(--journal-navy);

    border-radius:
        22px;

    box-shadow:
        var(--journal-shadow-soft);
}


.vorik-article-cta__copy {
    max-width:
        520px;
}


.vorik-article-cta__copy
> span {
    color:
        var(--journal-yellow);

    font-size:
        9px;

    font-weight:
        950;

    letter-spacing:
        .11em;
}


.vorik-article-cta
h2 {
    margin:
        9px
        0
        0;

    font-size:
        28px;

    line-height:
        1.09;

    letter-spacing:
        -.036em;
}


.vorik-article-cta
p {
    margin:
        12px
        0
        0;

    color:
        #cbd9e8;

    font-size:
        13px;

    line-height:
        1.65;
}


.vorik-article-cta
> a {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    flex:
        0 0 auto;

    min-height:
        45px;

    padding:
        0
        16px;

    color:
        var(--journal-navy);

    background:
        var(--journal-yellow);

    border-radius:
        11px;

    font-size:
        11px;

    font-weight:
        900;

    white-space:
        nowrap;
}


/* ------------------------------------------------------------
   End share
   ------------------------------------------------------------ */

.vorik-article-end-share {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin-top:
        36px;

    padding:
        21px
        0;

    border-top:
        1px solid
        var(--journal-border);

    border-bottom:
        1px solid
        var(--journal-border);
}


.vorik-article-end-share
strong {
    color:
        var(--journal-navy);

    font-size:
        13px;
}


.vorik-article-end-share
> div {
    display:
        flex;

    gap:
        7px;
}


.vorik-article-end-share
a,
.vorik-article-end-share
button {
    padding:
        8px
        11px;

    color:
        var(--journal-blue);

    background:
        var(--journal-blue-soft);

    border:
        0;

    border-radius:
        9px;

    font-size:
        10px;

    font-weight:
        850;
}


/* ------------------------------------------------------------
   Related
   ------------------------------------------------------------ */

.vorik-article-related {
    padding:
        78px
        0;

    background:
        var(--journal-soft);
}


.vorik-journal-related-grid {
    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        22px;
}


/* ============================================================
   ARTICLE TABLET
   ============================================================ */

@media (
    max-width: 900px
) {

    .vorik-article-layout {
        grid-template-columns:
            1fr;

        gap:
            0;
    }


    .vorik-article-aside {
        display:
            none;
    }


    .vorik-article-content {
        max-width:
            760px;

        margin-inline:
            auto;
    }


    .vorik-journal-related-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

}


/* ============================================================
   ARTICLE MOBILE
   ============================================================ */

@media (
    max-width: 640px
) {

    .vorik-article-wrap {
        width:
            calc(
                100% - 28px
            );
    }


    .vorik-article-breadcrumb {
        padding-top:
            18px;
    }


    .vorik-article-heading {
        padding:
            37px
            0
            30px;
    }


    .vorik-article-heading
    h1 {
        font-size:
            clamp(
                38px,
                12vw,
                54px
            );

        line-height:
            1;
    }


    .vorik-article-intro {
        margin-top:
            18px;

        font-size:
            16px;

        line-height:
            1.58;
    }


    .vorik-article-cover {
        margin-bottom:
            36px;

        border-radius:
            18px;
    }


    .vorik-article-cover
    img {
        aspect-ratio:
            4 / 3;
    }


    .vorik-article-layout {
        padding-bottom:
            56px;
    }


    .vorik-article-body {
        font-size:
            16px;

        line-height:
            1.77;
    }


    .vorik-article-body
    h2 {
        margin-top:
            43px;

        font-size:
            27px;
    }


    .vorik-article-body
    h3 {
        font-size:
            21px;
    }


    .vorik-article-cta {
        display:
            block;

        margin-top:
            43px;

        padding:
            27px
            22px;
    }


    .vorik-article-cta
    > a {
        margin-top:
            22px;
    }


    .vorik-article-end-share {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .vorik-journal-related-grid {
        grid-template-columns:
            1fr;

        gap:
            17px;
    }


    .vorik-article-related {
        padding:
            56px
            0;
    }

}


/* ============================================================
   VORIK JOURNAL INDEPENDENT PUBLIC FOUNDATION

   Shared HTML:
   - public header
   - public footer
   - mobile navigation

   Styling ownership:
   - JOURNAL ONLY

   This section deliberately does NOT depend on home.css.
   ============================================================ */


/* ------------------------------------------------------------
   Journal document foundation
   ------------------------------------------------------------ */

body.vorik-blog-page {
    margin: 0;

    color: #0b2748;
    background: #ffffff;

    font-family:
        Inter,
        ui-sans-serif,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


body.vorik-blog-page,
body.vorik-blog-page *,
body.vorik-blog-page *::before,
body.vorik-blog-page *::after {
    box-sizing: border-box;
}


body.vorik-blog-page img,
body.vorik-blog-page svg {
    display: block;
    max-width: 100%;
}


body.vorik-blog-page a {
    color: inherit;
    text-decoration: none;
}


body.vorik-blog-page button,
body.vorik-blog-page input,
body.vorik-blog-page select,
body.vorik-blog-page textarea {
    font: inherit;
}


body.vorik-blog-page button,
body.vorik-blog-page a {
    -webkit-tap-highlight-color: transparent;
}


body.vorik-blog-page .vorik-container {
    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    margin-inline: auto;
}


/* ============================================================
   SHARED HEADER - JOURNAL PRESENTATION
   ============================================================ */

body.vorik-blog-page .vorik-header {
    position: relative;
    z-index: 100;

    width: 100%;

    color: #ffffff;
    background: #071b33;

    border-bottom:
        1px solid
        rgba(255, 255, 255, .08);
}


body.vorik-blog-page .vorik-header-inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    min-height: 68px;

    gap: 28px;
}


body.vorik-blog-page .vorik-brand {
    display: inline-flex;

    align-items: center;

    flex: 0 0 auto;

    gap: 9px;

    color: #ffffff;
}


body.vorik-blog-page .vorik-brand-mark {
    display: grid;

    place-items: center;

    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    color: #071b33;
    background: #ffc928;

    border-radius: 9px;

    overflow: hidden;
}


body.vorik-blog-page .vorik-brand-mark svg {
    width: 19px;
    height: 19px;
}


body.vorik-blog-page .vorik-brand-copy {
    display: grid;

    gap: 1px;
}


body.vorik-blog-page .vorik-brand-name {
    color: #ffffff;

    font-size: 13px;
    font-weight: 900;

    line-height: 1;

    letter-spacing: .12em;
}


body.vorik-blog-page .vorik-brand-tagline {
    color: rgba(255, 255, 255, .58);

    font-size: 8px;
    font-weight: 650;

    line-height: 1.2;
}


body.vorik-blog-page .vorik-nav {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 5px;

    margin-left: auto;
}


body.vorik-blog-page .vorik-nav-link {
    position: relative;

    display: inline-flex;

    align-items: center;

    min-height: 38px;

    padding:
        0
        10px;

    color:
        rgba(
            255,
            255,
            255,
            .78
        );

    border-radius: 8px;

    font-size: 11px;
    font-weight: 750;

    transition:
        color .18s ease,
        background .18s ease;
}


body.vorik-blog-page .vorik-nav-link:hover,
body.vorik-blog-page .vorik-nav-link:focus-visible {
    color: #ffffff;

    background:
        rgba(
            255,
            255,
            255,
            .07
        );
}


body.vorik-blog-page .vorik-nav-link[aria-current="page"] {
    color: #ffc928;
}


/* ------------------------------------------------------------
   Header controls
   ------------------------------------------------------------ */

body.vorik-blog-page .vorik-language-switcher {
    display: inline-flex;

    align-items: center;

    gap: 3px;

    padding: 3px;

    background:
        rgba(
            255,
            255,
            255,
            .07
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );

    border-radius: 999px;
}


body.vorik-blog-page .vorik-language-link {
    display: grid;

    place-items: center;

    min-width: 28px;
    height: 27px;

    padding:
        0
        6px;

    color:
        rgba(
            255,
            255,
            255,
            .68
        );

    border-radius: 999px;

    font-size: 9px;
    font-weight: 900;
}


body.vorik-blog-page .vorik-language-link:hover {
    color: #ffffff;
}


body.vorik-blog-page .vorik-language-link.is-active {
    color: #071b33;
    background: #ffc928;
}


body.vorik-blog-page .vorik-header .vorik-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 37px;

    padding:
        0
        13px;

    color: #071b33;
    background: #ffc928;

    border: 0;
    border-radius: 9px;

    font-size: 10px;
    font-weight: 900;
}


/* ============================================================
   MOBILE MENU BUTTON
   ============================================================ */

body.vorik-blog-page .vorik-mobile-menu-button {
    display: none;

    align-items: center;
    justify-content: center;

    width: 39px;
    height: 39px;

    padding: 0;

    color: #ffffff;

    background:
        rgba(
            255,
            255,
            255,
            .08
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .12
        );

    border-radius: 10px;

    cursor: pointer;
}


body.vorik-blog-page .vorik-mobile-menu-button svg {
    width: 19px;
    height: 19px;
}


/* ============================================================
   MOBILE DRAWER
   ============================================================ */

body.vorik-blog-page .vorik-mobile-drawer-overlay {
    position: fixed;

    inset: 0;

    z-index: 998;

    visibility: hidden;

    opacity: 0;

    background:
        rgba(
            4,
            18,
            35,
            .62
        );

    backdrop-filter: blur(3px);

    transition:
        opacity .22s ease,
        visibility .22s ease;
}


body.vorik-blog-page
.vorik-mobile-drawer-overlay.is-open {
    visibility: visible;
    opacity: 1;
}


body.vorik-blog-page .vorik-mobile-drawer {
    position: fixed;

    top: 0;
    right: 0;
    bottom: 0;

    z-index: 999;

    width:
        min(
            360px,
            calc(100vw - 34px)
        );

    padding: 20px;

    overflow-y: auto;

    color: #0b2748;
    background: #ffffff;

    box-shadow:
        -22px
        0
        55px
        rgba(
            3,
            19,
            38,
            .22
        );

    transform:
        translateX(105%);

    transition:
        transform .25s ease;
}


body.vorik-blog-page
.vorik-mobile-drawer.is-open {
    transform: translateX(0);
}


body.vorik-blog-page
.vorik-mobile-drawer-header {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding-bottom: 18px;

    border-bottom:
        1px solid
        #e5ebf2;
}


body.vorik-blog-page
.vorik-mobile-drawer-brand {
    display: flex;

    align-items: center;

    gap: 9px;

    color: #0b2748;

    font-weight: 900;
}


body.vorik-blog-page
.vorik-mobile-drawer-brand-mark {
    display: grid;

    place-items: center;

    width: 31px;
    height: 31px;

    color: #071b33;
    background: #ffc928;

    border-radius: 9px;
}


body.vorik-blog-page
.vorik-mobile-drawer-close {
    display: grid;

    place-items: center;

    width: 38px;
    height: 38px;

    padding: 0;

    color: #0b2748;
    background: #f1f5f9;

    border: 0;
    border-radius: 10px;

    cursor: pointer;
}


body.vorik-blog-page
.vorik-mobile-drawer-nav {
    display: grid;

    gap: 4px;

    margin-top: 20px;
}


body.vorik-blog-page
.vorik-mobile-drawer-nav a {
    display: flex;

    align-items: center;

    gap: 11px;

    min-height: 46px;

    padding:
        0
        12px;

    color: #29415f;

    border-radius: 10px;

    font-size: 13px;
    font-weight: 750;
}


body.vorik-blog-page
.vorik-mobile-drawer-nav a:hover {
    color: #0b2748;
    background: #f3f6fa;
}


body.vorik-blog-page
.vorik-mobile-drawer-nav-icon {
    display: grid;

    place-items: center;

    width: 27px;
    height: 27px;

    color: #1f6feb;
}


body.vorik-blog-page
.vorik-mobile-drawer-nav-icon svg {
    width: 17px;
    height: 17px;
}


body.vorik-blog-page
.vorik-mobile-drawer-primary {
    display: grid;

    gap: 8px;

    margin-top: 20px;

    padding-top: 18px;

    border-top:
        1px solid
        #e5ebf2;
}


body.vorik-blog-page
.vorik-mobile-drawer-primary a {
    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding:
        0
        14px;

    color: #071b33;
    background: #ffc928;

    border-radius: 10px;

    font-size: 12px;
    font-weight: 900;
}


body.vorik-blog-page
.vorik-mobile-drawer-help {
    margin-top: 18px;

    padding: 15px;

    color: #52677f;
    background: #f4f7fa;

    border-radius: 12px;

    font-size: 11px;
    line-height: 1.55;
}


/* ============================================================
   MOBILE ACTIVITY NAVIGATION
   ============================================================ */

body.vorik-blog-page
.vorik-mobile-activity-nav {
    display: none;
}


/* ============================================================
   SHARED FOOTER - JOURNAL PRESENTATION
   ============================================================ */

body.vorik-blog-page .vorik-footer {
    position: relative;

    overflow: hidden;

    padding:
        64px
        0
        25px;

    color:
        rgba(
            255,
            255,
            255,
            .72
        );

    background: #061a31;
}


body.vorik-blog-page
.vorik-footer-grid {
    display: grid;

    grid-template-columns:
        minmax(
            240px,
            1.6fr
        )
        repeat(
            3,
            minmax(
                120px,
                1fr
            )
        );

    gap:
        44px;
}


body.vorik-blog-page
.vorik-footer .vorik-brand {
    color: #ffffff;
}


body.vorik-blog-page
.vorik-footer .vorik-brand-mark {
    color: #071b33;
    background: #ffc928;
}


body.vorik-blog-page
.vorik-footer .vorik-brand-tagline {
    color:
        rgba(
            255,
            255,
            255,
            .5
        );
}


body.vorik-blog-page
.vorik-footer-summary {
    max-width: 280px;

    margin:
        17px
        0
        0;

    color:
        rgba(
            255,
            255,
            255,
            .58
        );

    font-size: 11px;
    line-height: 1.65;
}


body.vorik-blog-page
.vorik-footer-heading {
    margin:
        3px
        0
        13px;

    color: #ffffff;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .06em;

    text-transform: uppercase;
}


body.vorik-blog-page
.vorik-footer-links {
    display: grid;

    gap: 9px;

    margin: 0;
    padding: 0;

    list-style: none;
}


body.vorik-blog-page
.vorik-footer-links a {
    color:
        rgba(
            255,
            255,
            255,
            .61
        );

    font-size: 11px;

    transition:
        color .15s ease;
}


body.vorik-blog-page
.vorik-footer-links a:hover {
    color: #ffc928;
}


body.vorik-blog-page
.vorik-footer-bottom {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 45px;

    padding-top: 20px;

    color:
        rgba(
            255,
            255,
            255,
            .43
        );

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            .09
        );

    font-size: 9px;
}


/*
 * Protect footer icons from unbounded SVG dimensions.
 */

body.vorik-blog-page
.vorik-footer svg {
    width: 18px;
    height: 18px;
}


body.vorik-blog-page
.vorik-footer
.vorik-brand-mark svg {
    width: 19px;
    height: 19px;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (
    max-width: 960px
) {

    body.vorik-blog-page
    .vorik-nav {
        display: none;
    }


    body.vorik-blog-page
    .vorik-mobile-menu-button {
        display: inline-flex;
    }


    body.vorik-blog-page
    .vorik-footer-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (
    max-width: 640px
) {

    body.vorik-blog-page
    .vorik-container {
        width:
            calc(
                100% - 28px
            );
    }


    body.vorik-blog-page
    .vorik-header-inner {
        min-height: 61px;

        gap: 10px;
    }


    body.vorik-blog-page
    .vorik-brand-tagline {
        display: none;
    }


    body.vorik-blog-page
    .vorik-header
    .vorik-language-switcher {
        margin-left: auto;
    }


    body.vorik-blog-page
    .vorik-footer {
        padding:
            48px
            0
            90px;
    }


    body.vorik-blog-page
    .vorik-footer-grid {
        grid-template-columns:
            1fr;

        gap: 30px;
    }


    body.vorik-blog-page
    .vorik-footer-summary {
        max-width: 100%;
    }


    body.vorik-blog-page
    .vorik-footer-bottom {
        align-items: flex-start;
        flex-direction: column;

        margin-top: 35px;
    }


    body.vorik-blog-page
    .vorik-mobile-activity-nav {
        position: fixed;

        right: 10px;
        bottom:
            calc(
                10px
                + env(
                    safe-area-inset-bottom,
                    0px
                )
            );
        left: 10px;

        z-index: 900;

        display: grid;

        grid-template-columns:
            repeat(
                4,
                minmax(
                    0,
                    1fr
                )
            );

        min-height: 59px;

        padding: 5px;

        background:
            rgba(
                7,
                27,
                51,
                .96
            );

        border:
            1px solid
            rgba(
                255,
                255,
                255,
                .09
            );

        border-radius: 16px;

        box-shadow:
            0
            15px
            38px
            rgba(
                3,
                18,
                36,
                .28
            );

        backdrop-filter:
            blur(14px);
    }


    body.vorik-blog-page
    .vorik-mobile-activity-nav a {
        display: flex;

        align-items: center;
        justify-content: center;

        flex-direction: column;

        gap: 3px;

        min-width: 0;

        padding: 5px 2px;

        color:
            rgba(
                255,
                255,
                255,
                .67
            );

        border-radius: 11px;

        font-size: 8px;
        font-weight: 750;
    }


    body.vorik-blog-page
    .vorik-mobile-activity-nav
    a[aria-current="page"] {
        color: #ffc928;

        background:
            rgba(
                255,
                201,
                40,
                .09
            );
    }


    body.vorik-blog-page
    .vorik-mobile-activity-nav svg {
        width: 19px;
        height: 19px;
    }

}


/* ============================================================
   SMALL MOBILE
   ============================================================ */

@media (
    max-width: 390px
) {

    body.vorik-blog-page
    .vorik-brand-name {
        font-size: 11px;
    }


    body.vorik-blog-page
    .vorik-language-link {
        min-width: 25px;

        padding:
            0
            4px;
    }

}



/* ============================================================
   VORIK JOURNAL PREMIUM POLISH V2

   Journal only.
   Improves:
   - Header readability
   - Footer readability
   - Editorial grid balance
   - Desktop visual rhythm
   ============================================================ */


/* ============================================================
   HEADER — MORE PRESENCE
   ============================================================ */

body.vorik-blog-page
.vorik-header-inner {
    min-height: 76px;
}


body.vorik-blog-page
.vorik-brand {
    gap: 11px;
}


body.vorik-blog-page
.vorik-brand-mark {
    width: 36px;
    height: 36px;

    flex-basis: 36px;

    border-radius: 10px;
}


body.vorik-blog-page
.vorik-brand-name {
    font-size: 15px;
    line-height: 1.05;

    letter-spacing: .1em;
}


body.vorik-blog-page
.vorik-brand-tagline {
    margin-top: 2px;

    font-size: 9.5px;
    line-height: 1.25;
}


body.vorik-blog-page
.vorik-nav {
    gap: 7px;
}


body.vorik-blog-page
.vorik-nav-link {
    min-height: 42px;

    padding:
        0
        12px;

    font-size: 12.5px;
    line-height: 1;

    font-weight: 750;
}


body.vorik-blog-page
.vorik-language-link {
    min-width: 31px;
    height: 30px;

    font-size: 10px;
}


body.vorik-blog-page
.vorik-user-toggle {
    min-height: 40px;
}


body.vorik-blog-page
.vorik-user-name {
    font-size: 12px;
}


/* ============================================================
   HEADER — ACTIVE BLOG LINK
   ============================================================ */

body.vorik-blog-page
.vorik-nav-link[href="/guides"] {
    color: #ffc928;
}


body.vorik-blog-page
.vorik-nav-link[href="/guides"]::after {
    content: "";

    position: absolute;

    right: 12px;
    bottom: 6px;
    left: 12px;

    height: 2px;

    background: #ffc928;

    border-radius: 999px;
}


/* ============================================================
   JOURNAL INTRO — SMALL REFINEMENT
   ============================================================ */

body.vorik-blog-page
.vorik-journal-intro {
    padding-top:
        clamp(
            62px,
            7vw,
            104px
        );
}


body.vorik-blog-page
.vorik-journal-intro__top {
    padding-bottom: 20px;
}


body.vorik-blog-page
.vorik-journal-edition {
    font-size: 12.5px;
}


body.vorik-blog-page
.vorik-journal-intro__aside p {
    font-size: 16.5px;
}


/* ============================================================
   LATEST GUIDES — REMOVE EMPTY HALF-COLUMN
   ============================================================ */

/*
 * When the final card lands alone on the left,
 * turn it into another editorial horizontal card.
 */

body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even) {
    grid-column: 1 / -1;

    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(320px, 1.05fr);
}


body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even)
.vorik-journal-card__media {
    min-height: 340px;

    aspect-ratio: auto;
}


body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even)
.vorik-journal-card__content {
    padding:
        clamp(
            28px,
            4vw,
            44px
        );
}


body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even)
h3 {
    max-width: 580px;

    font-size:
        clamp(
            28px,
            3.3vw,
            41px
        );
}


/* ============================================================
   ROUTES — SLIGHTLY MORE READABLE
   ============================================================ */

body.vorik-blog-page
.vorik-journal-routes__list strong {
    font-size: 20px;
}


body.vorik-blog-page
.vorik-journal-routes__list span {
    font-size: 11px;
}


/* ============================================================
   FOOTER — PREMIUM READABILITY
   ============================================================ */

body.vorik-blog-page
.vorik-footer {
    padding:
        72px
        0
        30px;
}


body.vorik-blog-page
.vorik-footer-grid {
    gap:
        48px;
}


body.vorik-blog-page
.vorik-footer
.vorik-brand-name {
    font-size: 15px;
}


body.vorik-blog-page
.vorik-footer
.vorik-brand-tagline {
    display: block;

    font-size: 9.5px;
}


body.vorik-blog-page
.vorik-footer-summary {
    max-width: 320px;

    margin-top: 19px;

    font-size: 12.5px;
    line-height: 1.7;
}


body.vorik-blog-page
.vorik-footer-heading {
    margin-bottom: 16px;

    font-size: 12px;
    line-height: 1.2;

    letter-spacing: .07em;
}


body.vorik-blog-page
.vorik-footer-links {
    gap: 11px;
}


body.vorik-blog-page
.vorik-footer-links a {
    font-size: 12.5px;
    line-height: 1.4;
}


body.vorik-blog-page
.vorik-footer-bottom {
    margin-top: 52px;

    padding-top: 22px;

    font-size: 10.5px;
    line-height: 1.4;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (
    max-width: 900px
) {

    body.vorik-blog-page
    .vorik-journal-grid
    > .vorik-journal-card:last-child:nth-child(even) {
        display: block;

        grid-column: auto;
    }


    body.vorik-blog-page
    .vorik-journal-grid
    > .vorik-journal-card:last-child:nth-child(even)
    .vorik-journal-card__media {
        min-height: auto;

        aspect-ratio: 16 / 9;
    }


    body.vorik-blog-page
    .vorik-footer-grid {
        gap:
            38px
            50px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (
    max-width: 640px
) {

    body.vorik-blog-page
    .vorik-header-inner {
        min-height: 66px;
    }


    body.vorik-blog-page
    .vorik-brand-mark {
        width: 34px;
        height: 34px;

        flex-basis: 34px;
    }


    body.vorik-blog-page
    .vorik-brand-name {
        font-size: 13px;
    }


    body.vorik-blog-page
    .vorik-footer {
        padding:
            54px
            0
            94px;
    }


    body.vorik-blog-page
    .vorik-footer-heading {
        font-size: 12px;
    }


    body.vorik-blog-page
    .vorik-footer-links a {
        font-size: 13px;
    }


    body.vorik-blog-page
    .vorik-footer-summary {
        font-size: 13px;
    }


    body.vorik-blog-page
    .vorik-footer-bottom {
        font-size: 11px;
    }

}



/* ============================================================
   VORIK JOURNAL — PREMIUM EDITORIAL V3
   Compact imagery / higher editorial density
   ============================================================ */


/* ------------------------------------------------------------
   Global rhythm
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-intro {
    padding:
        64px
        0
        44px;
}


body.vorik-blog-page
.vorik-journal-intro h1 {
    max-width: 720px;

    font-size:
        clamp(
            46px,
            5.7vw,
            72px
        );

    line-height: .96;
}


body.vorik-blog-page
.vorik-journal-intro__grid {
    gap: 80px;

    padding-top: 36px;
}


/* ------------------------------------------------------------
   Featured story — no oversized photography
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-feature {
    padding-bottom: 58px;
}


body.vorik-blog-page
.vorik-journal-lead {
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(340px, .92fr);

    min-height: 0;

    border-radius: 22px;
}


body.vorik-blog-page
.vorik-journal-lead__media {
    min-height: 0;
    height: 390px;
}


body.vorik-blog-page
.vorik-journal-lead__content {
    padding:
        36px
        40px;
}


body.vorik-blog-page
.vorik-journal-lead h2 {
    font-size:
        clamp(
            29px,
            3vw,
            40px
        );

    line-height: 1.06;
}


body.vorik-blog-page
.vorik-journal-lead__content > p {
    max-width: 470px;

    font-size: 13.5px;
    line-height: 1.65;
}


body.vorik-blog-page
.vorik-journal-lead__footer {
    margin-top: 24px;
}


/* ------------------------------------------------------------
   Latest section
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-latest {
    padding:
        64px
        0
        72px;
}


body.vorik-blog-page
.vorik-journal-section-heading {
    margin-bottom: 24px;
}


body.vorik-blog-page
.vorik-journal-section-heading h2 {
    font-size:
        clamp(
            31px,
            3.6vw,
            44px
        );
}


/* ------------------------------------------------------------
   Grid/List toolbar
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-viewbar {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 20px;

    padding:
        13px
        0;

    border-top:
        1px solid
        var(--journal-border);

    border-bottom:
        1px solid
        var(--journal-border);
}


body.vorik-blog-page
.vorik-journal-viewbar__label {
    color:
        var(--journal-muted);

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .11em;

    text-transform: uppercase;
}


body.vorik-blog-page
.vorik-journal-view-switch {
    display: inline-flex;

    gap: 4px;

    padding: 3px;

    background: #e9eef5;

    border-radius: 10px;
}


body.vorik-blog-page
.vorik-journal-view-switch button {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    min-height: 32px;

    padding:
        0
        11px;

    color: #657892;
    background: transparent;

    border: 0;
    border-radius: 8px;

    cursor: pointer;

    font-size: 10px;
    font-weight: 850;
}


body.vorik-blog-page
.vorik-journal-view-switch button.is-active {
    color:
        var(--journal-navy);

    background: #fff;

    box-shadow:
        0 2px 7px
        rgba(11,39,72,.08);
}


/* ============================================================
   GRID MODE — DEFAULT
   ============================================================ */

body.vorik-blog-page
.vorik-journal-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap: 20px;
}


body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card,
body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card--primary,
body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even) {
    display: block;

    grid-column: auto;

    border-radius: 18px;
}


body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card__media,
body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card--primary
.vorik-journal-card__media,
body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even)
.vorik-journal-card__media {
    width: 100%;

    min-height: 0;

    aspect-ratio:
        16 / 10;

    border-radius:
        0;
}


body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card__content,
body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card--primary
.vorik-journal-card__content,
body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even)
.vorik-journal-card__content {
    padding: 19px;
}


body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card h3,
body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card--primary h3,
body.vorik-blog-page
.vorik-journal-grid
> .vorik-journal-card:last-child:nth-child(even)
h3 {
    max-width: none;

    font-size:
        clamp(
            19px,
            1.75vw,
            24px
        );

    line-height: 1.13;
}


body.vorik-blog-page
.vorik-journal-grid
.vorik-journal-card__content > p {
    -webkit-line-clamp: 2;

    font-size: 12px;
    line-height: 1.58;
}


/* ============================================================
   LIST MODE
   ============================================================ */

body.vorik-blog-page
.vorik-journal-grid.is-list {
    display: grid;

    grid-template-columns: 1fr;

    gap: 12px;
}


body.vorik-blog-page
.vorik-journal-grid.is-list
.vorik-journal-card {
    display: grid;

    grid-template-columns:
        270px
        minmax(
            0,
            1fr
        );

    min-height: 185px;

    overflow: hidden;

    border-radius: 16px;
}


body.vorik-blog-page
.vorik-journal-grid.is-list
.vorik-journal-card__media {
    height: 100%;

    min-height: 185px;

    aspect-ratio: auto;
}


body.vorik-blog-page
.vorik-journal-grid.is-list
.vorik-journal-card__content {
    padding:
        22px
        26px;
}


body.vorik-blog-page
.vorik-journal-grid.is-list
.vorik-journal-card h3 {
    max-width: 660px;

    font-size:
        clamp(
            20px,
            2vw,
            27px
        );
}


body.vorik-blog-page
.vorik-journal-grid.is-list
.vorik-journal-card__content > p {
    max-width: 720px;

    -webkit-line-clamp: 2;
}


/* ------------------------------------------------------------
   Image refinement
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-card__media img {
    filter:
        saturate(.93)
        contrast(.97);

    transform:
        scale(1.001);
}


body.vorik-blog-page
.vorik-journal-card:hover
.vorik-journal-card__media img {
    transform:
        scale(1.018);
}


/* ------------------------------------------------------------
   Cards should feel editorial, not e-commerce
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-card {
    border:
        1px solid
        rgba(
            11,
            39,
            72,
            .085
        );

    box-shadow:
        0
        5px
        19px
        rgba(
            11,
            39,
            72,
            .045
        );
}


body.vorik-blog-page
.vorik-journal-card:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0
        14px
        36px
        rgba(
            11,
            39,
            72,
            .085
        );
}


/* ------------------------------------------------------------
   Routes section compact
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-routes {
    padding:
        64px
        0;
}


body.vorik-blog-page
.vorik-journal-routes__list > div {
    padding:
        16px
        0;
}


/* ------------------------------------------------------------
   Premium CTA less massive
   ------------------------------------------------------------ */

body.vorik-blog-page
.vorik-journal-cta {
    padding-bottom: 68px;
}


body.vorik-blog-page
.vorik-journal-cta__inner {
    padding:
        36px
        42px;

    border-radius: 20px;
}


body.vorik-blog-page
.vorik-journal-cta__inner h2 {
    max-width: 610px;

    font-size:
        clamp(
            28px,
            3vw,
            38px
        );
}


/* ============================================================
   TABLET
   ============================================================ */

@media (
    max-width: 920px
) {

    body.vorik-blog-page
    .vorik-journal-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }


    body.vorik-blog-page
    .vorik-journal-lead {
        grid-template-columns:
            1fr;
    }


    body.vorik-blog-page
    .vorik-journal-lead__media {
        height: 340px;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (
    max-width: 640px
) {

    body.vorik-blog-page
    .vorik-journal-intro {
        padding:
            39px
            0
            32px;
    }


    body.vorik-blog-page
    .vorik-journal-intro h1 {
        font-size:
            clamp(
                39px,
                12.5vw,
                53px
            );
    }


    body.vorik-blog-page
    .vorik-journal-lead__media {
        height: 245px;
    }


    body.vorik-blog-page
    .vorik-journal-lead__content {
        padding:
            23px
            20px;
    }


    body.vorik-blog-page
    .vorik-journal-grid {
        grid-template-columns:
            1fr;
    }


    body.vorik-blog-page
    .vorik-journal-viewbar {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    body.vorik-blog-page
    .vorik-journal-grid.is-list
    .vorik-journal-card {
        grid-template-columns:
            112px
            minmax(
                0,
                1fr
            );

        min-height: 118px;
    }


    body.vorik-blog-page
    .vorik-journal-grid.is-list
    .vorik-journal-card__media {
        min-height: 118px;
    }


    body.vorik-blog-page
    .vorik-journal-grid.is-list
    .vorik-journal-card__content {
        padding:
            13px
            14px;
    }


    body.vorik-blog-page
    .vorik-journal-grid.is-list
    .vorik-journal-card h3 {
        font-size: 16px;
    }


    body.vorik-blog-page
    .vorik-journal-grid.is-list
    .vorik-journal-card__content > p {
        display: none;
    }

}



/* ============================================================
   VORIK RELATED GUIDES V2
   Editorial relationship cues
   ============================================================ */

body.vorik-blog-page
.vorik-related-context {
    display: flex;

    align-items: center;
    justify-content: space-between;

    flex-wrap: wrap;

    gap:
        7px
        12px;

    margin-bottom: 12px;
}


body.vorik-blog-page
.vorik-related-context__reason {
    display: inline-flex;

    align-items: center;

    min-height: 25px;

    padding:
        0
        9px;

    color: #174a84;

    background:
        rgba(
            47,
            121,
            232,
            .08
        );

    border:
        1px solid
        rgba(
            47,
            121,
            232,
            .13
        );

    border-radius: 999px;

    font-size: 9px;
    font-weight: 850;

    line-height: 1;

    letter-spacing: .025em;
}


body.vorik-blog-page
.vorik-related-context__route {
    display: inline-flex;

    align-items: center;

    gap: 5px;

    color:
        var(
            --journal-muted,
            #708198
        );

    font-size: 9.5px;
    font-weight: 700;

    white-space: nowrap;
}


body.vorik-blog-page
.vorik-related-context__route
span {
    color:
        var(
            --journal-blue,
            #2f79e8
        );

    font-weight: 900;
}


body.vorik-blog-page
.vorik-article-related
.vorik-journal-card {
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


body.vorik-blog-page
.vorik-article-related
.vorik-journal-card:hover {
    border-color:
        rgba(
            47,
            121,
            232,
            .2
        );
}


@media (
    max-width: 640px
) {

    body.vorik-blog-page
    .vorik-related-context {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}