.articles-container{margin:100px auto 160px!important;padding:0 42px}@media screen and (max-width: 768px){.articles-container{padding:0 20px}}.articles-container .thumbnail{border-radius:10px;overflow:hidden;height:230px;max-height:230px}.articles-container .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.articles-container .top-title{color:#778;text-align:center;font-size:15px;font-weight:500;line-height:110%;text-transform:uppercase;margin-bottom:12px}.articles-container .title{color:#2e2e48;text-align:center;font-size:44px;font-weight:600;line-height:54px;margin-bottom:48px}.articles-container .more{width:100%;margin-top:60px;display:flex;justify-content:center}.articles-container .more a{display:flex;width:220px;padding:16px 68px;justify-content:center;align-items:center;gap:10px;border-radius:100px;border:1px solid #4446e9;color:#4446e9;text-align:center;font-size:16px;font-weight:700;line-height:16px;text-decoration:none}.articles-container .articles-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:41px 17px;width:100%}@media screen and (max-width: 1024px){.articles-container .articles-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 520px){.articles-container .articles-grid{grid-template-columns:1fr}}.articles-container .articles-grid__item{display:flex}.articles-container .articles-grid__item .content{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:10px;background:#fff;box-shadow:0 36px 234px #3335b008,0 13.867px 74.533px #3335b00a}.articles-container .articles-grid__item .content .title{color:#2e2e48;font-size:20px;font-weight:600;line-height:normal;text-align:left;margin:20px;flex-grow:2}.articles-container .articles-grid__item .content .publication-date{color:#fff;text-align:center;font-size:11px;font-weight:600;padding:5px 8px;border-radius:12px;background:#fe7062;position:absolute;top:215px;left:20px}.articles-container .articles-grid__item .content .text{color:#778;font-size:14px;font-weight:400;line-height:normal;text-align:left;margin:0 20px 24px}.blog-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 24px 0 18px;
    color: #6a7390;
    font-size: 14px;
    line-height: 1.5;
    justify-content: center;
}.blog-breadcrumbs a {
    color: #4446e9;
    text-decoration: none;
}.blog-breadcrumbs a:hover {
    text-decoration: underline;
}.blog-breadcrumbs__separator {
    color: #a9b2c8;
}.blog-index__header {
    margin-bottom: 28px;
}.blog-seo-text {
    max-width: 920px;
    margin-top: 16px;
    color: #4f5870;
    font-size: 16px;
    line-height: 1.7;
}.blog-seo-text--bottom {
    margin-top: 36px;
}.blog-card .thumbnail img,
.post-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}.blog-card .publication-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}.blog-pagination {
    margin: 34px 0 8px;
}.blog-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}.blog-pagination .page-numbers a,
.blog-pagination .page-numbers span,
.navigation.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #dde4f4;
    border-radius: 8px;
    background: #fff;
    color: #2e2e48;
    text-decoration: none;
}.blog-pagination .page-numbers .current,
.navigation.pagination .page-numbers.current {
    border-color: #4446e9;
    background: #4446e9;
    color: #fff;
}.blog-related {
    margin-top: 42px;
}.blog-related h2 {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1.25;
}@media (max-width: 767px){.blog-breadcrumbs {
        margin-top: 16px;
        font-size: 13px;
    }.blog-seo-text {
        font-size: 15px;
    }.blog-related h2 {
        font-size: 24px;
    }}.blog-index,
.blog-single-main {
    background: #f6f8fc;
    color: #20233a;
}.blog-index__hero {
    padding: 58px 0 42px;
    border-bottom: 1px solid #e4e9f4;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 248, 252, 0.98) 100%),
        url("../images/front/article-2.png") center right / 520px auto no-repeat;
}.blog-index__hero .container {
    max-width: 1360px;
    padding-left: 32px;
    padding-right: 32px;
}.blog-index .blog-breadcrumbs,
.blog-single-main .blog-breadcrumbs {
    margin-top: 0;
}.blog-index__header {
    max-width: 980px;
    margin: 0;
}.blog-index__header .top-title {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 12px;
    border: 1px solid #dce4f4;
    border-radius: 8px;
    background: #ffffff;
    color: #46506a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}.blog-index__header .title {
    max-width: 920px;
    margin: 18px 0 0;
    color: #20233a;
    font-size: 48px;
    line-height: 1.12;
    font-weight: 700;
}.blog-index__lead {
    max-width: 760px;
    margin: 18px 0 0;
    color: #59627a;
    font-size: 18px;
    line-height: 1.65;
}.blog-index__content {
    max-width: 1360px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 42px;
    padding-bottom: 64px;
}.blog-index__grid,
.blog-related .articles-grid,
.archive .site-main .articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}.blog-card {
    min-width: 0;
}.blog-card .content {
    height: 100%;
    overflow: hidden;
    border: 1px solid #e0e6f2;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(32, 35, 58, 0.08);
}.blog-card .thumbnail {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #e8edf6;
}.blog-card .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}.blog-card .thumbnail:hover img {
    transform: scale(1.035);
}.blog-card .publication-date {
    margin: -19px 18px 0;
    position: relative;
    z-index: 1;
    width: fit-content;
    max-width: calc(100% - 36px);
    padding: 8px 12px;
    border-radius: 8px;
    background: #eb695f;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(235, 105, 95, 0.24);
}.blog-card .publication-date span {
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.42);
}.blog-card .title {
    display: block;
    margin: 18px 18px 0;
    color: #20233a;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
    text-decoration: none;
}.blog-card .title:hover {
    color: #4446e9;
}.blog-card .text {
    margin: 10px 18px 22px;
    color: #5f6880;
    font-size: 15px;
    line-height: 1.6;
}.blog-single-main {
    padding: 42px 0 72px;
}.blog-article {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
}.blog-article .entry-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1040px;
    margin: 0 auto 38px;
    padding: 36px 48px 42px;
    border: 1px solid #e0e6f2;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.78)),
        radial-gradient(circle at 50% 0%, rgba(68, 70, 233, 0.12), transparent 42%);
    box-shadow: 0 18px 48px rgba(32, 35, 58, 0.08);
    text-align: center;
    position: relative;
    overflow: hidden;
}.blog-article .entry-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 220px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, #4446e9, #72c9ff);
    pointer-events: none;
}.blog-article .entry-meta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 24px;
    padding: 6px 8px;
    border: 1px solid #e2e8f5;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #5d667d;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 10px 24px rgba(32, 35, 58, 0.06);
    position: relative;
    z-index: 1;
    white-space: nowrap;
}.blog-article.page-header .entry-meta,
.blog-article .page-header .entry-meta,
.blog-article .entry-header.page-header .entry-meta {
    width: auto;
    margin-top: 0;
}.blog-article .entry-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    white-space: nowrap;
}.blog-article .entry-meta__label {
    background: #4446e9;
    color: #ffffff;
    text-transform: uppercase;
}.blog-article .entry-meta__divider {
    width: 4px;
    min-height: 4px !important;
    height: 4px;
    padding: 0 !important;
    background: #c7d0e2;
}.blog-article .entry-meta__read-time {
    background: rgba(68, 70, 233, 0.08);
    color: #4446e9;
    text-transform: uppercase;
}.blog-article .posted-on {
    background: transparent;
    color: #20233a;
}.blog-article .entry-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 1;
}.blog-article .entry-heading:after {
    content: "";
    width: 74px;
    height: 4px;
    margin-top: 24px;
    border-radius: 999px;
    background: linear-gradient(90deg, #4446e9, #72c9ff);
}.blog-article .entry-title {
    max-width: 1040px;
    margin: 0;
    color: #20233a;
    font-size: 54px;
    line-height: 1.06;
    font-weight: 700;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
}.blog-article .entry-subtitle,
.blog-article .entry-kicker {
    max-width: 840px;
    margin: 16px auto 0;
    color: #59627a;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}.blog-article .post-thumbnail {
    max-width: 1220px;
    margin: 0 auto 34px;
    overflow: hidden;
    border-radius: 8px;
    background: #e8edf6;
    box-shadow: 0 18px 42px rgba(32, 35, 58, 0.12);
}.blog-article .post-thumbnail img {
    width: 100%;
    max-height: 620px;
    object-fit: cover;
}.blog-article .entry-content {
    display: block;
    max-width: 1080px;
    margin: 0 auto;
    padding: 48px 58px;
    border: 1px solid #e0e6f2;
    border-radius: 8px;
    background: #ffffff;
    color: #2f3448;
    font-size: 18px;
    line-height: 1.8;
    box-shadow: 0 14px 34px rgba(32, 35, 58, 0.07);
}.blog-article .entry-content > * {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
}.blog-article .entry-content p {
    margin: 0 0 20px;
}.blog-article .entry-content h2,
.blog-article .entry-content h3,
.blog-article .entry-content h4 {
    width: 100% !important;
    margin: 42px 0 16px !important;
    color: #20233a;
    line-height: 1.25;
    font-weight: 700;
}.blog-article .entry-content h2 {
    font-size: 30px;
}.blog-article .entry-content h3 {
    font-size: 24px;
}.blog-article .entry-content h4 {
    font-size: 20px;
}.blog-article .entry-content ul,
.blog-article .entry-content ol {
    display: grid;
    gap: 10px;
    margin: 18px 0 24px !important;
    padding-left: 24px;
}.blog-article .entry-content ul {
    list-style: disc;
}.blog-article .entry-content ol {
    list-style: decimal;
}.blog-article .entry-content li {
    padding-left: 4px;
}.blog-article .entry-content blockquote {
    margin: 34px 0 !important;
    padding: 26px 30px;
    border-left: 4px solid #4446e9;
    border-radius: 8px;
    background: #f3f6fd;
    color: #20233a;
    font-size: 20px;
    line-height: 1.6;
}.blog-article .entry-content img {
    max-width: 100%;
    height: auto;
    margin: 34px 0 !important;
    border-radius: 8px;
}.blog-related {
    max-width: 1360px;
    padding-left: 32px;
    padding-right: 32px;
    margin: 56px auto 0;
}.blog-related h2 {
    color: #20233a;
    font-weight: 700;
}@media (max-width: 1024px){.blog-index__hero {
        padding: 46px 0 36px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(246, 248, 252, 1) 100%),
            url("../images/front/article-2.png") center right / 420px auto no-repeat;
    }.blog-index__header .title,
    .blog-article .entry-title {
        font-size: 40px;
    }.blog-index__grid,
    .blog-related .articles-grid,
    .archive .site-main .articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }}@media (max-width: 767px){.blog-index__hero {
        padding: 28px 0 30px;
        background: #f6f8fc;
    }.blog-index__content {
        padding-top: 28px;
        padding-bottom: 42px;
    }.blog-index__header .title,
    .blog-article .entry-title {
        font-size: 30px;
        line-height: 1.18;
    }.blog-index__lead {
        font-size: 16px;
    }.blog-index__grid,
    .blog-related .articles-grid,
    .archive .site-main .articles-grid {
        grid-template-columns: 1fr;
    }.blog-card .title {
        font-size: 19px;
    }.blog-card .publication-date {
        flex-wrap: wrap;
        line-height: 1.2;
    }.blog-single-main {
        padding: 24px 0 46px;
    }.blog-article {
        padding: 0 16px;
    }.blog-article .entry-header {
        align-items: flex-start;
        padding: 22px 18px 26px;
        text-align: left;
    }.blog-article .entry-header:before {
        left: 18px;
        width: 92px;
        transform: none;
    }.blog-article .entry-meta {
        justify-content: flex-start;
        border-radius: 8px;
        gap: 5px;
        padding: 6px;
        margin-bottom: 18px;
        max-width: 100%;
    }.blog-article .entry-meta span {
        min-height: 28px;
        padding: 0 7px;
        font-size: 11px;
    }.blog-article .entry-meta__divider {
        display: inline-flex !important;
        width: 3px;
        min-height: 3px !important;
        height: 3px;
        padding: 0 !important;
    }.blog-article .entry-heading {
        align-items: flex-start;
    }.blog-article .entry-heading:after {
        width: 58px;
        height: 3px;
        margin-top: 18px;
    }.blog-article .entry-subtitle,
    .blog-article .entry-kicker {
        font-size: 17px;
    }.blog-article .post-thumbnail {
        margin-bottom: 22px;
    }.blog-article .entry-content {
        padding: 26px 18px;
        font-size: 16px;
        line-height: 1.72;
    }.blog-article .entry-content h2 {
        font-size: 24px;
    }.blog-article .entry-content h3 {
        font-size: 21px;
    }.blog-entry-footer,
    .blog-related {
        max-width: none;
    }}
/* Accessibility contrast overrides */
.blog-breadcrumbs{color:#4b556f}.blog-breadcrumbs__current,.blog-breadcrumbs__separator{color:#5f6880}.blog-breadcrumbs a{color:#2436c7}.blog-breadcrumbs a:hover,.blog-breadcrumbs a:focus-visible{color:#1b2a98}.blog-card .publication-date{background:#c84f45;box-shadow:0 8px 18px rgba(200,79,69,.24)}.blog-card .publication-date,.blog-card .publication-date span{color:#fff}.blog-article .entry-content a,.blog-article .entry-content a[style*="color:#1e90ff"],.blog-article .entry-content a[style*="color: #1e90ff"]{color:#005fcc!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.16em}.blog-article .entry-content a:hover,.blog-article .entry-content a:focus-visible{color:#00449a!important}.blog-article .entry-content mark.has-inline-color.has-vivid-green-cyan-color,.blog-article .entry-content .has-inline-color.has-vivid-green-cyan-color{color:#0d6b57!important;background-color:rgba(13,107,87,.12)!important;padding:0 .1em;border-radius:.18em}