/* =====================================================
   PSIX INVEST — ARTICLE PAGE ONLY
===================================================== */

.psix-article-page{
    min-height:600px;
    background:#f7f9fc;
}


/* =====================================================
   ARTICLE HEADER
===================================================== */

.psix-article-hero{
    padding:62px 24px 58px;

    background:#ffffff;

    border-bottom:
        1px solid #edf0f5;
}


.psix-article-header-container{
    width:100%;
    max-width:1100px;

    margin:0 auto;
}


.psix-article-breadcrumbs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:9px;

    margin-bottom:30px;

    color:#8a95aa;

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


.psix-article-breadcrumbs a{
    color:#667085;
}


.psix-article-breadcrumbs a:hover{
    color:#2867ed;
}


.psix-article-category{
    display:inline-flex;

    margin-bottom:20px;

    padding:8px 14px;

    border-radius:999px;

    background:
        rgba(40,103,237,.09);

    color:#2867ed;

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

    letter-spacing:.08em;

    text-transform:uppercase;
}


.psix-article-hero h1{
    max-width:1050px;

    margin:0 0 24px;

    color:#101828;

    font-size:58px;
    line-height:1.08;

    letter-spacing:-1.8px;

    font-weight:900;
}


.psix-article-lead{
    max-width:880px;

    margin:0;

    color:#667085;

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


.psix-article-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:22px;

    margin-top:34px;
}


.psix-article-meta-item{
    display:flex;
    flex-direction:column;

    gap:4px;
}


.psix-article-meta-label{
    color:#98a2b3;

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

    text-transform:uppercase;

    letter-spacing:.05em;
}


.psix-article-meta-item strong{
    color:#344054;

    font-size:14px;
}


.psix-article-meta-divider{
    width:1px;
    height:34px;

    background:#e4e8ef;
}


/* =====================================================
   COVER
===================================================== */

.psix-article-cover-section{
    padding:38px 24px 0;
}


.psix-article-cover-container{
    width:100%;
    max-width:1380px;

    margin:0 auto;
}


.psix-article-cover{
    width:100%;

    overflow:hidden;

    border-radius:30px;

    background:#e8eef7;

    box-shadow:
        0 20px 55px rgba(15,23,42,.10);
}


.psix-article-cover img{
    display:block;

    width:100%;
    height:auto;

    object-fit:contain;
    object-position:center;
}


/* =====================================================
   MAIN LAYOUT
===================================================== */

.psix-article-main{
    padding:48px 24px 72px;
}


.psix-article-layout{
    width:100%;
    max-width:1280px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,880px)
        300px;

    gap:42px;

    align-items:start;

    justify-content:center;
}


/* =====================================================
   ARTICLE CONTENT
===================================================== */

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


.psix-article-text{
    padding:52px 58px;

    border:
        1px solid #e7ebf2;

    border-radius:28px;

    background:#ffffff;

    box-shadow:
        0 12px 36px rgba(15,23,42,.055);

    color:#344054;

    font-size:18px;
    line-height:1.82;
}


.psix-article-text > *:first-child{
    margin-top:0;
}


.psix-article-text > *:last-child{
    margin-bottom:0;
}


/* PARAGRAPHS */

.psix-article-text p{
    margin:
        0 0 26px;
}


/* HEADINGS */

.psix-article-text h2{
    margin:
        54px 0 22px;

    color:#101828;

    font-size:34px;
    line-height:1.22;

    letter-spacing:-.5px;

    font-weight:900;
}


.psix-article-text h3{
    margin:
        40px 0 18px;

    color:#101828;

    font-size:26px;
    line-height:1.3;

    font-weight:850;
}


.psix-article-text h4{
    margin:
        34px 0 16px;

    color:#101828;

    font-size:21px;
}


/* LINKS */

.psix-article-text a{
    color:#2867ed;

    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:3px;
}


/* STRONG */

.psix-article-text strong{
    color:#111827;

    font-weight:800;
}


/* LISTS */

.psix-article-text ul,
.psix-article-text ol{
    margin:
        0 0 28px;

    padding-left:28px;
}


.psix-article-text li{
    margin-bottom:10px;

    padding-left:5px;
}


/* QUOTE */

.psix-article-text blockquote{
    margin:
        34px 0;

    padding:
        24px 28px;

    border-left:
        4px solid #2867ed;

    border-radius:
        0 18px 18px 0;

    background:#f4f7ff;

    color:#344054;

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


.psix-article-text blockquote p:last-child{
    margin-bottom:0;
}


/* ARTICLE IMAGES */

.psix-article-text figure{
    margin:
        36px 0;
}


.psix-article-text img{
    max-width:100%;
    height:auto;

    border-radius:20px;
}


.psix-article-text figcaption{
    margin-top:10px;

    color:#98a2b3;

    font-size:13px;

    text-align:center;
}


/* SEPARATOR */

.psix-article-text hr{
    height:1px;

    margin:
        42px 0;

    border:0;

    background:#e8ecf2;
}


/* TABLE */

.psix-article-text table{
    width:100%;

    margin:
        30px 0;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:14px;

    font-size:15px;
}


.psix-article-text th,
.psix-article-text td{
    padding:14px 16px;

    border:
        1px solid #e4e8ef;

    text-align:left;
}


.psix-article-text th{
    background:#f4f7fb;

    color:#101828;
}


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

.psix-article-telegram{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:30px;

    margin-top:30px;

    padding:32px 34px;

    border-radius:26px;

    background:
        linear-gradient(
            135deg,
            #101828 0%,
            #182843 100%
        );

    box-shadow:
        0 14px 38px rgba(15,23,42,.12);
}


.psix-article-telegram-kicker{
    margin-bottom:8px;

    color:#70a6ff;

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

    letter-spacing:.11em;
}


.psix-article-telegram h2{
    margin:0 0 8px;

    color:#ffffff;

    font-size:27px;
    line-height:1.2;
}


.psix-article-telegram p{
    max-width:560px;

    margin:0;

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

    font-size:14px;
    line-height:1.6;
}


.psix-article-telegram > a{
    flex-shrink:0;

    min-height:48px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 23px;

    border-radius:999px;

    background:#2867ed;

    color:#ffffff;

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

    white-space:nowrap;

    transition:
        transform .2s ease,
        background .2s ease;
}


.psix-article-telegram > a:hover{
    transform:translateY(-2px);

    background:#1854d8;
}


/* =====================================================
   SIDEBAR
===================================================== */

.psix-article-sidebar{
    position:sticky;

    top:110px;

    display:flex;
    flex-direction:column;

    gap:22px;
}


.psix-article-sidebar-card{
    padding:25px;

    border:
        1px solid #e7ebf2;

    border-radius:23px;

    background:#ffffff;

    box-shadow:
        0 10px 30px rgba(15,23,42,.045);
}


.psix-article-sidebar-kicker{
    margin-bottom:9px;

    color:#2867ed;

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

    letter-spacing:.10em;
}


.psix-article-sidebar-card h3{
    margin:0 0 18px;

    color:#101828;

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


.psix-article-sidebar-info{
    display:flex;
    flex-direction:column;
}


.psix-article-sidebar-info > div{
    display:flex;
    flex-direction:column;

    gap:4px;

    padding:14px 0;

    border-bottom:
        1px solid #edf0f5;
}


.psix-article-sidebar-info > div:first-child{
    padding-top:0;
}


.psix-article-sidebar-info > div:last-child{
    padding-bottom:0;

    border-bottom:0;
}


.psix-article-sidebar-info span{
    color:#98a2b3;

    font-size:12px;
}


.psix-article-sidebar-info strong{
    color:#344054;

    font-size:14px;
}


.psix-article-sidebar-dark{
    background:
        linear-gradient(
            145deg,
            #101828,
            #18243a
        );
}


.psix-article-sidebar-dark
.psix-article-sidebar-kicker{
    color:#70a6ff;
}


.psix-article-sidebar-dark h3{
    color:#ffffff;
}


.psix-article-sidebar-dark p{
    margin:
        0 0 20px;

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

    font-size:14px;
    line-height:1.6;
}


.psix-article-sidebar-dark a{
    min-height:46px;

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

    border-radius:999px;

    background:#2867ed;

    color:#ffffff;

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


/* =====================================================
   RELATED
===================================================== */

.psix-related{
    padding:
        70px 24px 90px;

    background:#ffffff;

    border-top:
        1px solid #edf0f5;
}


.psix-related-container{
    width:100%;
    max-width:1280px;

    margin:0 auto;
}


.psix-related-header{
    margin-bottom:30px;
}


.psix-related-kicker{
    margin-bottom:9px;

    color:#2867ed;

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

    letter-spacing:.10em;
}


.psix-related-header h2{
    margin:0;

    color:#101828;

    font-size:40px;
    line-height:1.1;

    letter-spacing:-1px;
}


.psix-related-grid{
    display:grid;

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

    gap:26px;
}


.psix-related-card{
    overflow:hidden;

    border:
        1px solid #e7ebf2;

    border-radius:23px;

    background:#ffffff;

    box-shadow:
        0 10px 30px rgba(15,23,42,.05);

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


.psix-related-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 20px 45px rgba(15,23,42,.10);
}


.psix-related-image{
    display:block;

    height:220px;

    overflow:hidden;

    background:#e8eef7;
}


.psix-related-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .4s ease;
}


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


.psix-related-placeholder{
    width:100%;
    height:100%;

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

    color:#ffffff;

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

    background:
        linear-gradient(
            135deg,
            #2867ed,
            #7555d9
        );
}


.psix-related-body{
    padding:23px;
}


.psix-related-date{
    margin-bottom:10px;

    color:#98a2b3;

    font-size:12px;
}


.psix-related-body h3{
    margin:0 0 12px;

    color:#101828;

    font-size:21px;
    line-height:1.28;
}


.psix-related-body h3 a:hover{
    color:#2867ed;
}


.psix-related-body p{
    margin:0 0 18px;

    color:#667085;

    font-size:14px;
    line-height:1.6;
}


.psix-related-read{
    color:#2867ed;

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


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

@media(max-width:1050px){

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

        max-width:880px;
    }


    .psix-article-sidebar{
        position:static;

        display:grid;

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

}


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

@media(max-width:760px){

    .psix-article-hero{
        padding:
            42px 18px 38px;
    }


    .psix-article-hero h1{
        font-size:38px;

        letter-spacing:-1px;
    }


    .psix-article-lead{
        font-size:17px;
    }


    .psix-article-meta{
        gap:15px;
    }


    .psix-article-meta-divider{
        display:none;
    }


    .psix-article-meta-item{
        width:
            calc(50% - 8px);
    }


    .psix-article-cover-section{
        padding:
            20px 12px 0;
    }


    .psix-article-cover{
        border-radius:20px;
    }


    .psix-article-main{
        padding:
            26px 14px 55px;
    }


    .psix-article-text{
        padding:
            30px 24px;

        border-radius:22px;

        font-size:16px;
        line-height:1.75;
    }


    .psix-article-text h2{
        margin-top:42px;

        font-size:28px;
    }


    .psix-article-text h3{
        font-size:23px;
    }


    .psix-article-telegram{
        align-items:flex-start;

        flex-direction:column;

        padding:28px 25px;
    }


    .psix-article-telegram > a{
        width:100%;
    }


    .psix-article-sidebar{
        grid-template-columns:1fr;
    }


    .psix-related{
        padding:
            55px 18px 70px;
    }


    .psix-related-header h2{
        font-size:34px;
    }


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


    .psix-related-image{
        height:230px;
    }


    /* =================================================
       MOBILE TABLES
       Таблица сохраняет читаемую ширину и прокручивается
       горизонтально вместо сжатия колонок.
    ================================================= */

    .psix-article-text table{
        display:block;

        width:100%;
        min-width:0;

        margin:
            24px 0;

        overflow-x:auto;
        overflow-y:hidden;

        border-collapse:separate;
        border-spacing:0;

        border:
            1px solid #e4e8ef;

        border-radius:14px;

        background:#ffffff;

        font-size:14px;

        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }


    .psix-article-text table thead,
    .psix-article-text table tbody{
        display:table;

        width:100%;

        min-width:680px;

        table-layout:auto;
    }


    .psix-article-text th,
    .psix-article-text td{
        min-width:140px;

        padding:
            12px
            14px;

        vertical-align:top;

        white-space:normal;
        overflow-wrap:break-word;

        line-height:1.45;
    }


    .psix-article-text th:first-child,
    .psix-article-text td:first-child{
        min-width:170px;
    }


    .psix-article-text th{
        font-size:13px;
        line-height:1.4;
    }

}