.unp-pro-posts,.unp-pro-posts *{box-sizing:border-box}
.unp-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:30px}
.unp-pro-list{display:flex;flex-direction:column;row-gap:30px}
.unp-pro-item{min-width:0}
.unp-pro-card{width:100%;height:100%;background:#fff;overflow:hidden}
.unp-pro-equal .unp-pro-item,.unp-pro-equal .unp-pro-card{height:100%}
.unp-pro-hover .unp-pro-card{transition:transform .2s ease,box-shadow .2s ease}
.unp-pro-hover .unp-pro-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.unp-pro-image{display:block;position:relative;width:100%;overflow:hidden;background:#eef1f5;text-decoration:none}
.unp-pro-image img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;object-fit:cover!important}
.unp-pro-ratio-original img{height:auto!important;object-fit:initial!important}
.unp-pro-ratio-1-1{aspect-ratio:1/1}.unp-pro-ratio-4-3{aspect-ratio:4/3}.unp-pro-ratio-3-2{aspect-ratio:3/2}.unp-pro-ratio-16-10{aspect-ratio:16/10}.unp-pro-ratio-16-9{aspect-ratio:16/9}
.unp-pro-body{padding:18px 0 0;min-width:0}
.unp-pro-side-row{display:flex;align-items:flex-start;gap:20px}
.unp-pro-side-row .unp-pro-body{flex:1;padding:0;min-width:0}
.unp-pro-side-image{flex:0 0 34%;width:34%}
.unp-pro-meta{font-size:13px;line-height:1.4;margin-bottom:8px;color:#e08a00}
.unp-pro-title{margin:0 0 10px;font-size:22px;line-height:1.3;font-weight:700}
.unp-pro-title a{color:inherit;text-decoration:none}
.unp-pro-excerpt{font-size:15px;line-height:1.65;color:#626773}
.unp-pro-readmore{display:inline-block;margin-top:12px;font-weight:600;text-decoration:none}
.unp-pro-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:35px;gap:6px}
.unp-pro-pagination a,.unp-pro-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:7px 12px;border:1px solid #d9dee7;background:#fff;color:#123f91;text-decoration:none}
.unp-pro-pagination .current{background:#08255c;color:#fff;border-color:#08255c}
.unp-pro-pagination .dots{background:transparent;border-color:transparent}
.unp-pro-notice{padding:15px;border:1px solid #e5e7eb;background:#f8fafc;color:#475569}
@media(max-width:1024px){.unp-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.unp-pro-grid{grid-template-columns:1fr}.unp-pro-side-row{display:block}.unp-pro-side-image{width:100%;margin-bottom:18px}.unp-pro-side-row .unp-pro-body{padding:0}}


/* UNP Single News */
.unp-single-news,.unp-single-news *{box-sizing:border-box}
.unp-single-layout{display:flex;align-items:flex-start;gap:36px}
.unp-single-main{flex:0 0 68%;max-width:68%;min-width:0}
.unp-single-sidebar{flex:0 0 32%;max-width:32%;min-width:0}
.unp-single-title{margin:0 0 22px;color:#263b53;font-size:36px;line-height:1.25;font-weight:700}
.unp-single-meta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px;color:#10a89a;font-size:14px;line-height:1.5}
.unp-single-meta span{display:inline-flex;align-items:center;gap:5px}
.unp-single-featured{width:100%;margin:0 0 28px;overflow:hidden}
.unp-single-featured img{display:block;width:100%;height:auto}
.unp-single-content{color:#334155;font-size:17px;line-height:1.8}
.unp-single-content p{margin:0 0 1.25em}
.unp-single-content img{max-width:100%;height:auto}
.unp-single-content a{color:#1749a0}
.unp-single-sidebar-title{margin:0 0 24px;padding:0 0 12px;border-bottom:1px solid #243d8f;color:#243d8f;font-size:28px;line-height:1.25;font-weight:700}
.unp-single-related-list{display:flex;flex-direction:column;gap:30px}
.unp-single-related-item{display:flex;align-items:flex-start;gap:18px}
.unp-single-related-thumb{display:block;flex:0 0 180px;width:180px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#eef2f7}
.unp-single-related-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.unp-single-related-body{flex:1;min-width:0}
.unp-single-related-title{margin:0 0 8px;font-size:17px;line-height:1.45;font-weight:600}
.unp-single-related-title a{color:#1749a0;text-decoration:none}
.unp-single-related-title a:hover{text-decoration:underline}
.unp-single-related-date{font-size:13px;color:#d48a00}
.unp-single-related-empty,.unp-single-notice{padding:15px;border:1px solid #e5e7eb;background:#f8fafc;color:#475569}
@media(max-width:1024px){.unp-single-title{font-size:31px}.unp-single-related-thumb{flex-basis:140px;width:140px}}
@media(max-width:767px){
 .unp-single-stack-mobile .unp-single-layout{display:block}
 .unp-single-stack-mobile .unp-single-main,.unp-single-stack-mobile .unp-single-sidebar{width:100%;max-width:none;flex-basis:auto}
 .unp-single-stack-mobile .unp-single-sidebar{margin-top:45px}
 .unp-single-title{font-size:27px}
 .unp-single-content{font-size:16px}
 .unp-single-related-thumb{flex-basis:120px;width:120px}
}

/* UNP SINGLE NEWS PRO 3.2 */
.unp-single-news{--unp-blue:#173f87;--unp-gold:#d69a25;--unp-text:#243b53;--unp-muted:#718096}
.unp-single-news .unp-single-layout{max-width:1180px;margin:0 auto;padding:10px 20px 70px;align-items:flex-start}
.unp-single-news .unp-single-main{min-width:0}
.unp-single-news .unp-single-sidebar{min-width:0}
.unp-single-news .unp-single-title{font-size:44px;line-height:1.16;letter-spacing:-.025em;color:var(--unp-text);font-weight:800;margin:0 0 14px}
.unp-single-news .unp-single-meta{display:flex;flex-wrap:wrap;gap:15px;color:#0a9d91;font-size:13px;font-weight:600;margin-bottom:20px}
.unp-single-news .unp-single-meta span{display:inline-flex;align-items:center;gap:5px}
.unp-single-news .unp-single-featured{position:relative;margin:0 0 32px;border-radius:12px;overflow:hidden;background:#eef2f6}
.unp-single-news .unp-single-featured img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.unp-single-news .unp-single-content{color:#33465a;font-size:17px;line-height:1.9}
.unp-single-news .unp-single-content p{margin:0 0 1.25em}
.unp-single-news .unp-single-content h2,.unp-single-news .unp-single-content h3{color:#183a61;line-height:1.35}
.unp-single-news .unp-single-content img{max-width:100%;height:auto;border-radius:8px}
.unp-single-news .unp-single-sidebar-title{font-size:27px;font-weight:800;color:var(--unp-blue);padding-bottom:12px;border-bottom:2px solid var(--unp-blue);margin:0 0 22px}
.unp-single-news .unp-single-related-list{gap:24px}
.unp-single-news .unp-single-related-item{gap:14px}
.unp-single-news .unp-single-related-thumb{flex:0 0 150px;width:150px;height:88px;border-radius:7px}
.unp-single-news .unp-single-related-title{font-size:15px;line-height:1.45}
.unp-single-news .unp-single-related-date{color:var(--unp-gold);font-size:11px;font-weight:700;text-transform:uppercase}
@media(max-width:900px){
 .unp-single-news .unp-single-layout{gap:28px}
 .unp-single-news .unp-single-title{font-size:36px}
 .unp-single-news .unp-single-related-thumb{flex-basis:115px;width:115px;height:72px}
}
@media(max-width:767px){
 .unp-single-news .unp-single-layout{display:block;padding:10px 15px 45px}
 .unp-single-news .unp-single-main,.unp-single-news .unp-single-sidebar{width:100%;max-width:none;flex-basis:auto}
 .unp-single-news .unp-single-sidebar{margin-top:45px}
 .unp-single-news .unp-single-title{font-size:30px}
 .unp-single-news .unp-single-content{font-size:16px;line-height:1.8}
 .unp-single-news .unp-single-related-thumb{flex-basis:110px;width:110px;height:68px}
}


/* ==========================================================
   UNP SINGLE NEWS 3.3 — Editorial layout matching reference
   ========================================================== */
.unp-single-news-33{
    width:100%;
    color:#152a3f;
}
.unp-single-news-33 .unp-single-layout{
    width:100%;
    max-width:1490px;
    margin:0 auto;
    padding:0;
    display:grid;
    grid-template-columns:minmax(0,64%) minmax(0,36%);
    gap:38px;
    align-items:start;
}
.unp-single-news-33 .unp-single-main{
    width:auto;
    max-width:none;
    min-width:0;
}
.unp-single-news-33 .unp-single-sidebar{
    width:auto;
    max-width:none;
    min-width:0;
    padding-top:0;
}
.unp-single-news-33 .unp-single-title{
    margin:0 0 18px;
    color:#102a43;
    font-size:25px;
    line-height:1.24;
    letter-spacing:0;
    font-weight:750;
}
.unp-single-news-33 .unp-single-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin:0 0 20px;
    color:#08a596;
    font-size:13px;
    line-height:1.4;
    font-weight:500;
}
.unp-single-news-33 .unp-single-meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
}
.unp-single-news-33 .unp-single-meta span:first-child{
    color:#111;
}
.unp-single-news-33 .unp-single-featured{
    width:100%;
    margin:0 0 22px;
    border-radius:0;
    overflow:hidden;
    background:#eef1f4;
}
.unp-single-news-33 .unp-single-featured img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:initial;
}
.unp-single-news-33 .unp-single-content{
    color:#102a43;
    font-size:15px;
    line-height:1.75;
}
.unp-single-news-33 .unp-single-content p{
    margin:0 0 1.15em;
}
.unp-single-news-33 .unp-single-content p:first-child{
    margin-top:0;
}
.unp-single-news-33 .unp-single-sidebar-title{
    margin:0 0 25px;
    padding:0 0 10px;
    border-bottom:1px solid #222;
    color:#243d8f;
    font-size:27px;
    line-height:1.2;
    font-weight:800;
}
.unp-single-news-33 .unp-single-related-list{
    display:flex;
    flex-direction:column;
    gap:30px;
}
.unp-single-news-33 .unp-single-related-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) 172px;
    gap:18px;
    align-items:start;
}
.unp-single-news-33 .unp-single-related-body{
    min-width:0;
    order:1;
}
.unp-single-news-33 .unp-single-related-thumb{
    order:2;
    display:block;
    width:172px;
    height:120px;
    flex:none;
    aspect-ratio:auto;
    overflow:hidden;
    border-radius:8px;
    background:#eef2f7;
}
.unp-single-news-33 .unp-single-related-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.unp-single-news-33 .unp-single-related-title{
    margin:0 0 10px;
    color:#164da3;
    font-size:15px;
    line-height:1.42;
    font-weight:500;
}
.unp-single-news-33 .unp-single-related-title a{
    color:#164da3;
    text-decoration:none;
}
.unp-single-news-33 .unp-single-related-title a:hover{
    color:#0d377b;
}
.unp-single-news-33 .unp-single-related-date{
    color:#d68b00;
    font-size:13px;
    line-height:1.3;
    font-weight:600;
}
.unp-single-news-33 .unp-single-related-empty{
    color:#64748b;
    font-size:14px;
}
@media(max-width:1200px){
    .unp-single-news-33 .unp-single-layout{
        grid-template-columns:minmax(0,63%) minmax(0,37%);
        gap:28px;
    }
    .unp-single-news-33 .unp-single-related-item{
        grid-template-columns:minmax(0,1fr) 145px;
    }
    .unp-single-news-33 .unp-single-related-thumb{
        width:145px;
        height:100px;
    }
}
@media(max-width:900px){
    .unp-single-news-33 .unp-single-layout{
        grid-template-columns:minmax(0,1fr) 330px;
        gap:25px;
    }
    .unp-single-news-33 .unp-single-title{font-size:23px}
    .unp-single-news-33 .unp-single-related-item{
        grid-template-columns:minmax(0,1fr) 120px;
        gap:12px;
    }
    .unp-single-news-33 .unp-single-related-thumb{
        width:120px;
        height:84px;
    }
}
@media(max-width:767px){
    .unp-single-news-33 .unp-single-layout{
        display:block;
        padding:0;
    }
    .unp-single-news-33 .unp-single-sidebar{
        margin-top:42px;
    }
    .unp-single-news-33 .unp-single-title{
        font-size:25px;
    }
    .unp-single-news-33 .unp-single-content{
        font-size:16px;
        line-height:1.8;
    }
    .unp-single-news-33 .unp-single-related-item{
        grid-template-columns:minmax(0,1fr) 130px;
    }
    .unp-single-news-33 .unp-single-related-thumb{
        width:130px;
        height:90px;
    }
}

/* UNP 3.4 FORCE SINGLE — replaces theme single-post content */
.unp-force-single{width:100%;background:#fff}
.unp-force-single__inner{max-width:1490px;margin:0 auto;padding:50px 20px 70px}
.unp-force-single__grid{display:grid;grid-template-columns:minmax(0,64%) minmax(0,36%);gap:38px;align-items:start}
.unp-force-single__main{min-width:0}
.unp-force-single__title{margin:0 0 16px;color:#102a43;font-size:28px;line-height:1.28;font-weight:750}
.unp-force-single__meta{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 20px;color:#08a596;font-size:13px}
.unp-force-single__date{color:#111}
.unp-force-single__featured{margin:0 0 22px;padding:0;line-height:0;overflow:hidden}
.unp-force-single__featured img{display:block;width:100%;height:auto;margin:0}
.unp-force-single__content{font-size:15.5px;line-height:1.8;color:#102a43}
.unp-force-single__content p{margin:0 0 1.15em}
.unp-force-single__content img{max-width:100%;height:auto}
.unp-force-single__sidebar h2{margin:0 0 25px;padding:0 0 10px;border-bottom:1px solid #222;color:#243d8f;font-size:27px;line-height:1.2;font-weight:800}
.unp-force-related{display:flex;flex-direction:column;gap:30px}
.unp-force-related__item{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:18px;align-items:start}
.unp-force-related__text h3{margin:0 0 10px;font-size:15px;line-height:1.42;font-weight:500}
.unp-force-related__text h3 a{color:#164da3;text-decoration:none}
.unp-force-related__text time{color:#d68b00;font-size:13px;font-weight:600}
.unp-force-related__thumb{display:block;width:172px;height:120px;overflow:hidden;border-radius:8px}
.unp-force-related__thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.unp-force-empty{color:#64748b}
@media(max-width:900px){
 .unp-force-single__grid{grid-template-columns:minmax(0,1fr) 320px;gap:25px}
 .unp-force-related__item{grid-template-columns:minmax(0,1fr) 120px}
 .unp-force-related__thumb{width:120px;height:84px}
}
@media(max-width:767px){
 .unp-force-single__inner{padding:30px 15px 50px}
 .unp-force-single__grid{display:block}
 .unp-force-single__sidebar{margin-top:45px}
 .unp-force-single__title{font-size:25px}
 .unp-force-related__item{grid-template-columns:minmax(0,1fr) 130px}
 .unp-force-related__thumb{width:130px;height:90px}
}

/* ==========================================================
   UNP 3.4.1 — SINGLE POST HEADER COLLISION FIX
   Only active on the plugin's forced single-post template.
   ========================================================== */
body.unp-force-single-editorial .unp-force-single{
    position:relative;
    z-index:1;
    clear:both;
    /* Reserve the space occupied by transparent/overlay headers. */
    margin-top:clamp(95px, 8vw, 125px);
}

/* Keep the theme header above the article. Do not alter header
   styling globally; this selector is limited to single posts. */
body.unp-force-single-editorial header,
body.unp-force-single-editorial .site-header,
body.unp-force-single-editorial #masthead,
body.unp-force-single-editorial .ct-header,
body.unp-force-single-editorial .ct-header-main{
    z-index:100;
}

/* Prevent Elementor/theme wrappers from creating a negative overlap. */
body.unp-force-single-editorial .elementor-location-single,
body.unp-force-single-editorial .elementor-location-single > .elementor,
body.unp-force-single-editorial .site-main,
body.unp-force-single-editorial main{
    position:relative;
    z-index:1;
}

@media (max-width:767px){
    body.unp-force-single-editorial .unp-force-single{
        margin-top:72px;
    }
}


/* ==========================================================
   UNP 3.4.1 — SINGLE POST HEADER COLLISION FIX
   Only active on the plugin's forced single-post template.
   ========================================================== */
body.unp-force-single-editorial .unp-force-single{
    position:relative;
    z-index:1;
    clear:both;
    margin-top:clamp(95px, 8vw, 125px);
}
body.unp-force-single-editorial header,
body.unp-force-single-editorial .site-header,
body.unp-force-single-editorial #masthead,
body.unp-force-single-editorial .ct-header,
body.unp-force-single-editorial .ct-header-main{
    z-index:100;
}
body.unp-force-single-editorial .elementor-location-single,
body.unp-force-single-editorial .elementor-location-single > .elementor,
body.unp-force-single-editorial .site-main,
body.unp-force-single-editorial main{
    position:relative;
    z-index:1;
}
@media (max-width:767px){
    body.unp-force-single-editorial .unp-force-single{margin-top:72px;}
}

/* ==========================================================
   UNP 3.4.3 — MATCH THE ACTIVE THEME HEADER
   The reference page uses the theme's normal coloured header.
   On Blocksy, Single Post may activate Transparent Header.
   For this forced template only, switch that state back to
   the same main-row background/text treatment as the theme.
   ========================================================== */
body.unp-force-single-editorial .unp-force-single{
    position:relative;
    z-index:1;
    clear:both;
    margin-top:0;
    background:transparent;
}

/* Reserve the header's visual height when the theme's transparent
   header is positioned over the first content section. */
body.unp-force-single-editorial .unp-force-single__inner{
    max-width:var(--theme-container-width, 1200px);
    margin-left:auto;
    margin-right:auto;
    padding-left:var(--theme-container-padding, 20px);
    padding-right:var(--theme-container-padding, 20px);
    padding-top:clamp(150px, 11vw, 180px);
    padding-bottom:70px;
}

/* Blocksy main/middle header row: use the same teal visual as
   the regular theme header shown on normal pages. */
body.unp-force-single-editorial .ct-header [data-row="middle"][data-transparent-row="yes"],
body.unp-force-single-editorial .ct-header .ct-header-main[data-transparent-row="yes"],
body.unp-force-single-editorial .ct-header [data-row="middle"]{
    background-color:var(--theme-palette-color-1, #16a995) !important;
    background-image:none !important;
}

/* Main header text/icons follow the regular header's light state. */
body.unp-force-single-editorial .ct-header [data-row="middle"] .ct-menu-link,
body.unp-force-single-editorial .ct-header [data-row="middle"] .ct-icon,
body.unp-force-single-editorial .ct-header [data-row="middle"] .ct-header-text,
body.unp-force-single-editorial .ct-header [data-row="middle"] .ct-contact-info,
body.unp-force-single-editorial .ct-header [data-row="middle"] .ct-language-switcher,
body.unp-force-single-editorial .ct-header [data-row="middle"] a,
body.unp-force-single-editorial .ct-header [data-row="middle"] button{
    color:#fff !important;
}
body.unp-force-single-editorial .ct-header [data-row="middle"] svg{
    fill:currentColor !important;
}

/* Keep the dark top bar untouched. */
body.unp-force-single-editorial .ct-header [data-row="top"]{
    background:inherit;
}

/* Do not impose a new font/layout on the article; inherit theme. */
body.unp-force-single-editorial .unp-force-single__title,
body.unp-force-single-editorial .unp-force-single__content,
body.unp-force-single-editorial .unp-force-single__sidebar h2,
body.unp-force-single-editorial .unp-force-related__text h3{
    font-family:inherit;
}

@media(max-width:767px){
    body.unp-force-single-editorial .unp-force-single__inner{
        padding-top:110px;
        padding-left:15px;
        padding-right:15px;
        padding-bottom:45px;
    }
}

/* 3.4.4 — More related news CTA */
.unp-single-more-wrap{
    display:flex;
    justify-content:center;
    margin:28px 0 0;
}
.unp-single-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:9px 18px;
    border:1px solid #d69a25;
    border-radius:6px;
    background:#fff;
    color:#c97800;
    text-decoration:none!important;
    font-size:14px;
    line-height:1.2;
    font-weight:600;
    box-shadow:0 3px 10px rgba(20,40,60,.12);
    transition:all .2s ease;
}
.unp-single-more-btn span{font-size:16px;line-height:1}
.unp-single-more-btn:hover{
    background:#d69a25;
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 5px 14px rgba(20,40,60,.16);
}
.unp-force-more-wrap{
    display:flex;
    justify-content:center;
    margin:28px 0 0;
}
.unp-force-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:9px 18px;
    border:1px solid #d69a25;
    border-radius:6px;
    background:#fff;
    color:#c97800;
    text-decoration:none!important;
    font-size:14px;
    line-height:1.2;
    font-weight:600;
    box-shadow:0 3px 10px rgba(20,40,60,.12);
}
.unp-force-more-btn:hover{background:#d69a25;color:#fff!important}


/* ==========================================================
   UNP NATIVE SINGLE 3.4.5
   Actual single Post + CPT artikel.
   Only .unp-native-single is controlled here.
   Theme header/topbar/footer are intentionally untouched.
   ========================================================== */

body.unp-force-single-editorial .unp-native-single,
.unp-native-single,
.unp-native-single * {
    box-sizing: border-box;
}

.unp-native-single {
    width: 100%;
    margin: 0;
    padding: 54px 20px 70px;
    clear: both;
    background: #fff;
}

.unp-native-single__inner {
    width: min(1400px, 100%);
    max-width: 1400px;
    margin: 0 auto;
}

.unp-native-single__grid {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 450px;
    column-gap: 36px;
    align-items: start;
}

.unp-native-single__main {
    min-width: 0;
    width: 100%;
}

.unp-native-single__title {
    display: block;
    width: 100%;
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #102a43 !important;
    font-family: inherit !important;
    font-size: 25px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.unp-native-single__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin: 0 0 20px;
    padding: 0;
    color: #09a497;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
}

.unp-native-single__meta > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.unp-native-single__meta-date {
    color: #111;
}

.unp-native-single__featured {
    display: block;
    width: 100%;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: #eef1f4;
}

.unp-native-single__featured img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: initial !important;
}

.unp-native-single__caption {
    margin: 5px 8px 0;
    color: #31557c;
    font-size: 12px;
    line-height: 1.45;
}

.unp-native-single__content {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #33465a;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.78;
}

.unp-native-single__content > *:first-child {
    margin-top: 0 !important;
}

.unp-native-single__content p {
    margin: 0 0 1.15em;
}

.unp-native-single__content h2 {
    margin: 32px 0 15px;
    color: #102a43;
    font-size: 28px;
    line-height: 1.3;
}

.unp-native-single__content h3 {
    margin: 28px 0 13px;
    color: #102a43;
    font-size: 23px;
    line-height: 1.3;
}

.unp-native-single__content h4 {
    margin: 24px 0 12px;
    color: #102a43;
    font-size: 20px;
    line-height: 1.3;
}

.unp-native-single__content img,
.unp-native-single__content video,
.unp-native-single__content iframe {
    max-width: 100%;
    height: auto;
}

.unp-native-single__content a {
    color: #174da3;
}

.unp-native-single__sidebar {
    min-width: 0;
    width: 100%;
}

.unp-native-single__sidebar-title {
    display: block;
    margin: 0 0 24px !important;
    padding: 0 0 11px !important;
    border: 0;
    border-bottom: 1px solid #222 !important;
    color: #243d8f !important;
    font-family: inherit !important;
    font-size: 27px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}

.unp-native-single__related {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.unp-native-single__related-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 172px;
    gap: 18px;
    align-items: start;
    width: 100%;
    margin: 0;
    padding: 0;
}

.unp-native-single__related-body {
    min-width: 0;
}

.unp-native-single__related-title {
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #164da3 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
    font-weight: 500 !important;
}

.unp-native-single__related-title a {
    color: #164da3 !important;
    text-decoration: none !important;
}

.unp-native-single__related-title a:hover {
    color: #0d377b !important;
}

.unp-native-single__related-date {
    display: block;
    color: #d68b00;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
}

.unp-native-single__related-thumb {
    display: block;
    width: 172px;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
    background: #eef2f7;
}

.unp-native-single__related-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
}

.unp-native-single__empty {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.unp-native-single__more-wrap {
    margin-top: 26px;
}

.unp-native-single__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 18px;
    border: 1px solid #e79a19;
    border-radius: 6px;
    color: #c87800 !important;
    background: #fff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: none !important;
    transition: .18s ease;
}

.unp-native-single__more:hover {
    color: #fff !important;
    background: #e79a19;
}

/* Neutralize only the common theme single-content spacing around our native block.
   No header, menu, footer, logo or topbar selectors are touched. */
body.unp-force-single-editorial .site-main,
body.unp-force-single-editorial #main-container,
body.unp-force-single-editorial .content-area {
    min-width: 0;
}

@media (max-width: 1200px) {
    .unp-native-single__grid {
        grid-template-columns: minmax(0, 1fr) 400px;
        column-gap: 30px;
    }

    .unp-native-single__related-item {
        grid-template-columns: minmax(0, 1fr) 145px;
    }

    .unp-native-single__related-thumb {
        width: 145px;
        height: 100px;
    }
}

@media (max-width: 900px) {
    .unp-native-single {
        padding: 40px 18px 60px;
    }

    .unp-native-single__grid {
        grid-template-columns: minmax(0, 1fr) 330px;
        column-gap: 25px;
    }

    .unp-native-single__title {
        font-size: 23px !important;
    }

    .unp-native-single__related-item {
        grid-template-columns: minmax(0, 1fr) 120px;
        gap: 12px;
    }

    .unp-native-single__related-thumb {
        width: 120px;
        height: 84px;
    }
}

@media (max-width: 767px) {
    .unp-native-single {
        padding: 35px 15px 50px;
    }

    .unp-native-single__grid {
        display: block;
    }

    .unp-native-single__sidebar {
        margin-top: 45px;
    }

    .unp-native-single__title {
        font-size: 25px !important;
    }

    .unp-native-single__content {
        font-size: 16px;
        line-height: 1.8;
    }

    .unp-native-single__related-item {
        grid-template-columns: minmax(0, 1fr) 110px;
        gap: 12px;
    }

    .unp-native-single__related-thumb {
        width: 110px;
        height: 75px;
    }
}



/* ==========================================================
   UNP 3.4.7 — UNIFIED SINGLE LAYOUT
   Single Post and CPT artikel use exactly the same content CSS.
   Only the sidebar query/label changes by post type.
   Blocksy header/footer remain native.
   ========================================================== */

/* Blocksy can enable Transparent Header only on normal Posts.
   Put the header back into normal document flow for our native
   single pages so the title can never slide underneath it.
   This does not redesign the header. */
body.unp-native-single-active header.ct-header,
body.unp-native-single-active .ct-header,
body.unp-native-single-active #header,
body.unp-native-single-active .site-header {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    z-index: 100 !important;
}

/* Keep every Blocksy header row in normal flow. */
body.unp-native-single-active .ct-header [data-row="top"],
body.unp-native-single-active .ct-header [data-row="middle"],
body.unp-native-single-active .ct-header [data-row="bottom"],
body.unp-native-single-active .ct-header-main {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
}

/* Do not change the theme colors/fonts/menu. */
body.unp-native-single-active .ct-header [data-row="middle"] {
    background-image: none;
}

/* Same 1400px native content layout for Post + Artikel. */
body.unp-native-single-active .unp-native-single {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 54px 20px 70px;
    clear: both;
    background: #fff;
}

body.unp-native-single-active .unp-native-single__inner {
    width: min(1400px, 100%);
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* Prevent theme single-content wrappers from changing our width. */
body.unp-native-single-active .unp-native-single__grid,
body.unp-native-single-active .unp-native-single__main,
body.unp-native-single-active .unp-native-single__sidebar {
    box-sizing: border-box;
}

@media (max-width: 767px) {
    body.unp-native-single-active .unp-native-single {
        padding: 35px 15px 50px;
    }
}

/* If Blocksy's transparent-header state is expressed on body, the
   native header is still kept in flow by the selectors above. */
body.unp-native-single-post .ct-header,
body.unp-native-single-artikel .ct-header {
    margin-bottom: 0 !important;
}


/* ==========================================================
   UNP 3.4.8 — BLOCKSY SINGLE POST HEADER HARD FIX
   Use the same single layout as CPT artikel. The normal Post
   page was still inheriting Blocksy Transparent Header/absolute
   middle-row positioning, causing the title to sit underneath
   the logo/menu.
   ========================================================== */

/* Disable Blocksy transparent/absolute positioning ONLY on the
   native single pages. Header styling, colors and menu remain
   untouched. */
body.unp-native-single-active .ct-header[data-transparent],
body.unp-native-single-active .ct-header[data-transparent="yes"],
body.unp-native-single-active .ct-header[data-transparent="true"] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    inset: auto !important;
}

/* Blocksy header rows/containers that can be positioned over content. */
body.unp-native-single-active .ct-header > *,
body.unp-native-single-active .ct-header [data-row],
body.unp-native-single-active .ct-header .ct-header-main,
body.unp-native-single-active .ct-header .ct-header-main-container,
body.unp-native-single-active .ct-header .ct-header-middle,
body.unp-native-single-active .ct-header .ct-header-middle-row,
body.unp-native-single-active .ct-header .ct-header-container,
body.unp-native-single-active .ct-header .ct-header-top,
body.unp-native-single-active .ct-header .ct-header-top-row,
body.unp-native-single-active .ct-header .ct-header-bottom,
body.unp-native-single-active .ct-header .ct-header-bottom-row {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    inset: auto !important;
}

/* Do not let the single content pull upward into the header. */
body.unp-native-single-active .unp-native-single {
    margin-top: 0 !important;
    transform: none !important;
}

/* Extra protection for the normal Post only: if the theme still
   reserves the transparent header as an overlay, add the height
   of the visible middle header without changing Artikel layout. */
body.unp-native-single-post .unp-native-single {
    padding-top: 54px !important;
}

/* Never allow Blocksy's single-entry title/hero wrapper to overlap
   our native title if it is still present in the DOM. */
body.unp-native-single-active .entry-header,
body.unp-native-single-active .hero-section,
body.unp-native-single-active .ct-page-title {
    position: relative !important;
    z-index: 0 !important;
}
body.unp-native-single-active .unp-native-single {
    position: relative !important;
    z-index: 2 !important;
}

/* Unified width/columns: match the working Artikel screenshot. */
body.unp-native-single-active .unp-native-single__grid {
    grid-template-columns: minmax(0, 1fr) 450px !important;
    column-gap: 36px !important;
}

@media (max-width: 1200px) {
    body.unp-native-single-active .unp-native-single__grid {
        grid-template-columns: minmax(0, 1fr) 400px !important;
        column-gap: 30px !important;
    }
}
@media (max-width: 900px) {
    body.unp-native-single-active .unp-native-single__grid {
        grid-template-columns: minmax(0, 1fr) 330px !important;
        column-gap: 25px !important;
    }
}
@media (max-width: 767px) {
    body.unp-native-single-active .unp-native-single__grid {
        display: block !important;
    }
}