.modern-blog-details-page{
    --ar-navy:#14418B;
    --ar-navy-dark:#0C2F6B;
    --ar-green:#55A447;
    --ar-green-dark:#3F8A34;
    --ar-bg:#F1F3F7;
    --ar-text:#5F6B7E;
    --ar-muted:#8A94A6;
    /* feeds the existing inline style on the "Event Media" heading */
    --theme-dark:#14418B;
    --theme-gold:#55A447;
    --ar-radius:16px;
    --ar-shadow:0 10px 30px rgba(20,65,139,.10);
    background:var(--ar-bg);
    border-top:4px solid var(--ar-navy);
    border-bottom:4px solid var(--ar-green);
    padding:70px 0;
}

/* ---------- Main article card ---------- */
.blog-details-wrapper{
    box-shadow:var(--ar-shadow);
    border:1px solid #E9EDF4;
    border-radius:var(--ar-radius);
}

/* ---------- Hero slider (blur bg + contained photo, like homepage) ---------- */
.blog-hero-image-box{border-radius:14px;overflow:hidden;}
.blogImageSwiper{border-radius:14px;overflow:hidden;}
.modern-blur-slide{
    position:relative;height:480px;padding:16px;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;background:var(--ar-navy-dark);
}
.slide-blur-bg{
    position:absolute;inset:-40px;
    background-size:cover;background-position:center;
    filter:blur(24px) brightness(.9);transform:scale(1.05);
}
.main-contained-img{
    position:relative;z-index:1;
    max-width:100%;max-height:100%;width:auto;height:auto;
    object-fit:contain;border-radius:12px;
    box-shadow:0 12px 30px rgba(12,47,107,.30);
}

/* Custom swiper arrows */
.custom-arrow{
    position:absolute;top:50%;transform:translateY(-50%);z-index:5;
    width:44px;height:44px;border-radius:50%;
    background:var(--ar-navy);color:var(--ar-navy);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;box-shadow:0 6px 16px rgba(12,47,107,.28);
    transition:all .3s ease;font-size:.85rem;
}
.custom-arrow-prev{left:16px;}
.custom-arrow-next{right:16px;}
.custom-arrow:hover{background:var(--ar-green);color:#fff;}

/* Category pill (same green pill as events list cards) */
.category-pill{
    position:absolute;top:18px;left:18px;z-index:6;
    background:var(--ar-green);color:#fff;
    font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
    padding:7px 16px;border-radius:30px;
    box-shadow:0 4px 12px rgba(63,138,52,.4);
}

/* ---------- Thumbnail slider ---------- */
.blogThumbsSwiper{padding:4px 2px;}
.blogThumbsSwiper .swiper-slide{
    width:120px;height:80px;border-radius:10px;overflow:hidden;
    cursor:pointer;opacity:.55;border:3px solid transparent;transition:all .3s ease;
}
.blogThumbsSwiper .swiper-slide-thumb-active{
    opacity:1;border-color:var(--ar-green);
    box-shadow:0 6px 14px rgba(85,164,71,.3);
}
.thumb-blog-img{width:100%;height:100%;object-fit:cover;}
.object-fit-cover{object-fit:cover;}

/* ---------- Meta row ---------- */
.blog-meta-row{
    background:var(--ar-bg);border:1px solid #E3E7EF;
    border-radius:12px;padding:12px 20px;
}
.meta-item{display:inline-flex;align-items:center;gap:8px;color:var(--ar-text);font-size:.88rem;font-weight:500;}
.meta-icon{color:var(--ar-green);font-size:1rem;}
.meta-divider{color:#C6CDD8 !important;}

/* ---------- Title & text ---------- */
.blog-main-title{
    font-family:var(--font-3);color:var(--ar-navy);
    font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.3;
    position:relative;padding-bottom:16px;
}
.blog-main-title::after{
    content:"";position:absolute;left:0;bottom:0;
    width:70px;height:3px;border-radius:2px;background:var(--ar-green);
}
.blog-lead-text{
    color:var(--ar-text);line-height:1.8;
    border-left:4px solid var(--ar-green);padding-left:18px;
}

/* ---------- Videos ---------- */
.video-thumbnail-wrapper{
    position:relative;display:block;border-radius:12px;overflow:hidden;
    box-shadow:0 8px 20px rgba(20,65,139,.12);
}
.video-thumbnail-wrapper img,
.video-thumbnail-wrapper video{width:100%;height:220px;object-fit:cover;transition:transform .5s ease;}
.video-thumbnail-wrapper:hover img{transform:scale(1.05);}
.play-button-overlay{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
    width:56px;height:56px;border-radius:50%;
    background:var(--ar-green);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:1.05rem;
    box-shadow:0 8px 20px rgba(63,138,52,.45);transition:all .3s ease;
}
.video-thumbnail-wrapper:hover .play-button-overlay{
    background:var(--ar-navy);transform:translate(-50%,-50%) scale(1.08);
}
.video-title-text{margin-top:12px;color:var(--ar-navy);font-weight:600;font-size:.92rem;}

/* ---------- CMS body content ---------- */
.blog-html-content{color:var(--ar-text);line-height:1.85;font-size:.95rem;}
.blog-html-content h1,.blog-html-content h2,.blog-html-content h3,
.blog-html-content h4,.blog-html-content h5,.blog-html-content h6{
    font-family:var(--font-3);color:var(--ar-navy);
    font-weight:700;margin:1.4em 0 .6em;
}
.blog-html-content p{margin-bottom:1rem;}
.blog-html-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px rgba(20,65,139,.12);}
.blog-html-content blockquote{
    border-left:4px solid var(--ar-green);background:var(--ar-bg);
    padding:16px 20px;border-radius:0 10px 10px 0;
    color:var(--ar-navy);font-weight:500;
}
.blog-html-content a{color:var(--ar-green-dark);}
.blog-html-content ul li::marker{color:var(--ar-green);}

/* ---------- Sidebar widgets ---------- */
.sidebar-widget{
    border-radius:var(--ar-radius);box-shadow:var(--ar-shadow);
    border:1px solid #E9EDF4;
}
.widget-title{
    font-family:var(--font-3);color:var(--ar-navy);position:relative;
}
.widget-title::after{
    content:"";position:absolute;left:0;bottom:0;
    width:50px;height:3px;border-radius:2px;background:var(--ar-green);
}
.category-item{border-bottom:1px dashed #E3E7EF;}
.category-item:last-child{border-bottom:0;}
.category-link{padding:12px 10px;border-radius:10px;color:var(--ar-text);font-weight:500;transition:all .3s ease;}
.category-link .category-icon{color:var(--ar-green);transition:transform .3s ease;}
.category-link:hover{background:var(--ar-bg);color:var(--ar-navy);}
.category-link:hover .category-icon{transform:translateX(4px);}
.thumbnail-link{border-radius:12px;overflow:hidden;display:block;}
.sidebar-thumb{border-radius:12px;transition:transform .4s ease;}
.thumbnail-link:hover .sidebar-thumb{transform:scale(1.06);}
.post-title a{color:var(--ar-navy);transition:color .3s ease;}
.post-title a:hover{color:var(--ar-green);}
.stylized-date span{color:var(--ar-muted);font-size:.78rem;font-weight:500;}
.stylized-date i{color:var(--ar-green);margin-right:4px;}

/* ---------- Video modal ---------- */
#videoModal .modal-content{
    border-radius:16px;overflow:hidden;border:0;
    box-shadow:0 30px 60px rgba(12,47,107,.35);
}
#videoModal .modal-header{background:var(--ar-navy);border:0;}
#videoModal .modal-title{color:#fff;font-family:var(--font-3);font-weight:700;}
#videoModal .btn-close{filter:invert(1);}
#videoModalBody iframe,
#videoModalBody video{width:100%;height:auto;aspect-ratio:16/9;display:block;}

/* ---------- Responsive ---------- */
@media (max-width:991.98px){
    .modern-blur-slide{height:400px;}
    .modern-sidebar{position:relative !important;top:0 !important;}
    .sidebar-side{margin-top:10px;}
}
@media (max-width:767.98px){
    .modern-blur-slide{height:320px;}
    .custom-arrow{width:38px;height:38px;}
}
@media (max-width:575.98px){
    .modern-blog-details-page{padding:50px 0;}
    .modern-blur-slide{height:250px;padding:10px;}
    .category-pill{top:12px;left:12px;padding:6px 13px;}
    .blog-meta-row{padding:10px 14px;gap:10px !important;}
    .meta-divider{display:none;}
    .blogThumbsSwiper .swiper-slide{width:96px;height:64px;}
    .video-thumbnail-wrapper img,
    .video-thumbnail-wrapper video{height:180px;}
}