.blog-detail-page{
    --bdm-ink:#11231d;
    --bdm-muted:#66766f;
    --bdm-green:#123f32;
    --bdm-mint:#9de4d2;
    --bdm-line:#dfe7e2;
    background:#f4f7f4;
}

.blog-detail-page .bd-hero{
    min-height:680px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    background:#09291f;
}
.blog-detail-page .bd-hero-img{
    transform:scale(1.03);
    filter:saturate(.82) contrast(1.06);
}
.blog-detail-page .bd-hero-overlay{
    background:
        linear-gradient(90deg,rgba(5,26,20,.9) 0%,rgba(7,35,27,.7) 48%,rgba(7,35,27,.18) 100%),
        linear-gradient(0deg,rgba(4,22,17,.72),transparent 56%);
}
.blog-detail-page .bd-hero-inner{
    width:min(1320px,calc(100% - 48px));
    max-width:none;
    padding:116px 0 66px;
}
.blog-detail-page .bd-breadcrumb{
    width:max-content;
    max-width:100%;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.blog-detail-page .bd-breadcrumb-current{
    max-width:340px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.blog-detail-page .bd-hero-badge-row{margin-top:30px}
.blog-detail-page .bd-category-badge,
.blog-detail-page .bd-tag-pill{
    border-radius:999px;
    padding:8px 13px;
    font-weight:750;
}
.blog-detail-page .bd-category-badge{
    color:#08271f;
    background:var(--bdm-mint);
}
.blog-detail-page .bd-tag-pill{
    border:1px solid rgba(255,255,255,.18);
    color:#f8fffc;
    background:rgba(6,30,23,.62);
    backdrop-filter:blur(10px);
}
.blog-detail-page .bd-hero-title{
    max-width:940px;
    margin-top:22px;
    font-size:clamp(48px,6vw,82px);
    line-height:1.01;
    letter-spacing:-.055em;
    text-wrap:balance;
}
.blog-detail-page .bd-hero-subtitle{
    max-width:790px;
    margin-top:22px;
    color:rgba(235,246,241,.8);
    font-size:19px;
    line-height:1.7;
}
.blog-detail-page .bd-hero-meta{
    width:max-content;
    max-width:100%;
    margin-top:32px;
    padding:12px 16px 12px 12px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:18px;
    background:rgba(255,255,255,.08);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.blog-detail-page .bd-author-avatar{
    width:46px;
    height:46px;
    border:2px solid rgba(157,228,210,.7);
}
.blog-detail-page .bd-author-avatar--text{
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#08271f;
    background:var(--bdm-mint);
    font-weight:850;
}
.blog-detail-page .bd-layout{
    width:min(1320px,calc(100% - 48px));
    max-width:none;
    grid-template-columns:minmax(0,1fr) 380px;
    gap:36px;
    padding:70px 0 100px;
    background:transparent;
}
.blog-detail-page .bd-main{min-width:0}
.blog-detail-page .bd-article{
    position:relative;
    padding:clamp(32px,5vw,68px);
    border:1px solid rgba(18,63,50,.1);
    border-radius:28px;
    background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%);
    box-shadow:0 24px 70px rgba(24,51,42,.08);
}
.blog-detail-page .bd-article::before{
    content:"";
    position:absolute;
    top:0;
    left:64px;
    right:64px;
    height:3px;
    border-radius:0 0 8px 8px;
    background:linear-gradient(90deg,var(--bdm-green),#63ceb4);
}
.blog-detail-page .bd-article-body{
    max-width:790px;
    margin:auto;
}
.blog-detail-page .bd-article-kicker{
    max-width:790px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin:0 auto 26px;
}
.blog-detail-page .bd-article-kicker span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:7px 12px;
    border:1px solid #d7ebe3;
    border-radius:999px;
    color:#123f32;
    background:#eef8f4;
    font-size:12px;
    font-weight:850;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.blog-detail-page .bd-article-body p{
    color:#52635c;
    font-size:18px;
    line-height:1.9;
    margin:0 0 24px;
}
.blog-detail-page .bd-article-body ul,
.blog-detail-page .bd-article-body ol{
    max-width:790px;
    margin:22px auto;
    color:#52635c;
    font-size:18px;
    line-height:1.85;
}
.blog-detail-page .bd-article-body li{margin:8px 0}
.blog-detail-page .bd-article-body strong{color:#183a2f}
.blog-detail-page .bd-article-body p:first-child{
    color:#263b33;
    font-size:21px;
    line-height:1.8;
}
.blog-detail-page .bd-article-body p:first-child::first-letter{
    float:left;
    margin:9px 10px 0 0;
    color:var(--bdm-green);
    font:800 64px/.72 var(--font-primary);
}
.blog-detail-page .bd-article-body > h1:first-child{
    display:none;
}
.blog-detail-page .bd-article-body h2{
    position:relative;
    margin:64px 0 22px;
    color:var(--bdm-ink);
    font-size:clamp(34px,4vw,48px);
    line-height:1.1;
    letter-spacing:-.04em;
}
.blog-detail-page .bd-article-body h3{
    position:relative;
    margin:58px 0 20px;
    padding-left:20px;
    color:var(--bdm-ink);
    font-size:clamp(27px,3vw,36px);
    line-height:1.2;
    letter-spacing:-.035em;
}
.blog-detail-page .bd-article-body h3::before{
    content:"";
    position:absolute;
    inset:5px auto 4px 0;
    width:5px;
    border-radius:5px;
    background:linear-gradient(#1b5a47,#8bdcc8);
}
.blog-detail-page .bd-article-body h4{
    display:inline-flex;
    align-items:center;
    margin:28px 0 14px;
    padding:8px 13px;
    border:1px solid #d7ebe3;
    border-radius:999px;
    color:#123f32;
    background:#eef8f4;
    font-size:14px;
    font-weight:850;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.blog-detail-page .bd-article-body ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:22px 0 34px;
    padding:0;
    list-style:none;
}
.blog-detail-page .bd-article-body ul li{
    position:relative;
    min-height:54px;
    margin:0;
    padding:15px 16px 15px 44px;
    border:1px solid #dbe9e3;
    border-radius:16px;
    color:#263b33;
    background:#f8fcfa;
    font-size:16px;
    font-weight:650;
    line-height:1.45;
}
.blog-detail-page .bd-article-body ul li::before{
    content:"\F26A";
    position:absolute;
    left:15px;
    top:17px;
    color:#1b7a60;
    font-family:"bootstrap-icons";
    font-size:16px;
}
.blog-detail-page .bd-feature-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:26px 0 34px;
    padding:0;
    list-style:none;
}
.blog-detail-page .bd-feature-list li{
    position:relative;
    min-height:54px;
    margin:0;
    padding:15px 16px 15px 44px;
    border:1px solid #dbe9e3;
    border-radius:16px;
    color:#263b33;
    background:#f8fcfa;
    font-size:16px;
    font-weight:650;
    line-height:1.45;
}
.blog-detail-page .bd-feature-list li::before{
    content:"\F26A";
    position:absolute;
    left:15px;
    top:17px;
    color:#1b7a60;
    font-family:"bootstrap-icons";
    font-size:16px;
}
.blog-detail-page .bd-share-row{
    max-width:790px;
    margin:50px auto 0;
    padding:20px 0 0;
    border-top:1px solid var(--bdm-line);
}
.blog-detail-page .bd-article-tags{
    max-width:790px;
    margin:42px auto 0;
    padding:22px;
    border:1px solid rgba(18,63,50,.1);
    border-radius:20px;
    background:#f6faf8;
}
.blog-detail-page .bd-article-tags-label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:14px;
    color:var(--bdm-green);
    font-size:12px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.blog-detail-page .bd-article-tags-list{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}
.blog-detail-page .bd-article-tag{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 13px;
    border:1px solid #cde5dc;
    border-radius:999px;
    color:#123f32;
    background:#fff;
    font-size:13px;
    font-weight:750;
    text-decoration:none;
}
.blog-detail-page .bd-article-tag:hover{
    color:#08271f;
    background:var(--bdm-mint);
    border-color:var(--bdm-mint);
}
.blog-detail-page .bd-share-btn{
    border-radius:999px;
    box-shadow:none;
}
.blog-detail-page .bd-overview,
.blog-detail-page .bd-faq,
.blog-detail-page .bd-recent{
    margin-top:72px;
}
.blog-detail-page .bd-section-eyebrow{
    color:var(--bdm-green);
    border:1px solid #d8e9e2;
    border-radius:999px;
    background:#eaf4ef;
}
.blog-detail-page .bd-section-heading{
    color:var(--bdm-ink);
    font-size:clamp(34px,4vw,50px);
    line-height:1.08;
    letter-spacing:-.045em;
}
.blog-detail-page .bd-overview-grid{
    gap:14px;
}
.blog-detail-page .bd-overview-card{
    min-height:130px;
    padding:22px;
    border:1px solid rgba(18,63,50,.1);
    border-radius:20px;
    background:rgba(255,255,255,.82);
    box-shadow:0 14px 35px rgba(22,61,48,.05);
    backdrop-filter:blur(12px);
}
.blog-detail-page .bd-overview-card:hover{
    transform:translateY(-5px);
    border-color:#a9d6c8;
    box-shadow:0 20px 45px rgba(22,61,48,.1);
}
.blog-detail-page .bd-overview-icon-wrap{
    border-radius:14px;
    color:var(--bdm-green);
    background:linear-gradient(145deg,#dcf1e9,#f2f8f5);
}
.blog-detail-page .bd-faq-list{
    display:grid;
    gap:12px;
}
.blog-detail-page .bd-faq-item{
    overflow:hidden;
    border:1px solid rgba(18,63,50,.1);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 30px rgba(23,57,46,.045);
}
.blog-detail-page .bd-faq-question{padding:23px 24px}
.blog-detail-page .bd-faq-item.active{
    border-color:#afd7ca;
    box-shadow:0 16px 38px rgba(20,74,57,.08);
}
.blog-detail-page .bd-faq-icon{
    border-radius:50%;
    color:var(--bdm-green);
    background:#e7f3ee;
}
.blog-detail-page .bd-recent-grid{gap:18px}
.blog-detail-page .bd-recent-card{
    overflow:hidden;
    border:1px solid rgba(18,63,50,.1);
    border-radius:22px;
    background:#fff;
    box-shadow:0 16px 45px rgba(21,55,44,.07);
}
.blog-detail-page .bd-recent-card:hover{
    transform:translateY(-7px);
    box-shadow:0 24px 60px rgba(21,55,44,.12);
}
.blog-detail-page .bd-recent-thumb{height:220px}
.blog-detail-page .bd-recent-badge{border-radius:999px}
.blog-detail-page .bd-recent-body{padding:22px}
.blog-detail-page .bd-recent-btn{
    border-radius:999px;
    background:var(--bdm-green);
}
.blog-detail-page .bd-sidebar{
    position:sticky;
    top:108px;
    align-self:start;
    gap:20px;
}
.blog-detail-page .bd-inquiry-card,
.blog-detail-page .bd-sidebar-card{
    border:1px solid rgba(18,63,50,.11);
    border-radius:24px;
    background:rgba(255,255,255,.9);
    box-shadow:0 20px 55px rgba(22,54,43,.08);
    backdrop-filter:blur(16px);
}
.blog-detail-page .bd-inquiry-card{padding:28px}
.blog-detail-page .bd-inquiry-eyebrow{
    width:max-content;
    border-radius:999px;
    color:var(--bdm-green);
    background:#e8f3ee;
}
.blog-detail-page .bd-inquiry-heading{
    color:var(--bdm-ink);
    font-size:30px;
    letter-spacing:-.035em;
}
.blog-detail-page .bd-form-input,
.blog-detail-page .bd-form-select,
.blog-detail-page .bd-form-textarea{
    border:1px solid #dbe5df;
    border-radius:13px;
    background:#f6f9f7;
}
.blog-detail-page .bd-form-input:focus,
.blog-detail-page .bd-form-select:focus,
.blog-detail-page .bd-form-textarea:focus{
    border-color:#69bba4;
    box-shadow:0 0 0 4px rgba(105,187,164,.12);
    background:#fff;
}
.blog-detail-page .bd-form-submit{
    border-radius:14px;
    color:#fff!important;
    border-color:#123f32!important;
    background:linear-gradient(135deg,#123f32,#1c624d)!important;
    box-shadow:0 14px 28px rgba(18,63,50,.18)!important;
}
.blog-detail-page .bd-sidebar-blog-link{border-radius:13px}
.blog-detail-page .bd-sidebar-blog-item.active .bd-sidebar-blog-link{
    background:#e8f3ee;
}
.blog-detail-page .bd-sidebar-cta{
    border:1px solid rgba(156,230,210,.16);
    border-radius:24px;
    background:
        radial-gradient(circle at 85% 10%,rgba(126,225,199,.22),transparent 35%),
        linear-gradient(145deg,#09291f,#174c3c);
    box-shadow:0 24px 55px rgba(9,41,31,.22);
}
.blog-detail-page .bd-sidebar-cta-btn{
    border-radius:999px;
    color:#0b3025;
    background:#a1e6d4;
}
@media(max-width:1100px){
    .blog-detail-page .bd-layout{
        grid-template-columns:1fr;
    }
    .blog-detail-page .bd-sidebar{
        position:static;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .blog-detail-page .bd-inquiry-card{grid-row:span 2}
}
@media(max-width:768px){
    .blog-detail-page .bd-hero{min-height:620px}
    .blog-detail-page .bd-hero-inner,
    .blog-detail-page .bd-layout{width:min(100% - 30px,1320px)}
    .blog-detail-page .bd-hero-inner{padding:96px 0 42px}
    .blog-detail-page .bd-hero-title{font-size:44px}
    .blog-detail-page .bd-hero-subtitle{font-size:16px}
    .blog-detail-page .bd-hero-meta{
        width:100%;
        align-items:flex-start;
        gap:12px;
    }
    .blog-detail-page .bd-meta-divider{display:none}
    .blog-detail-page .bd-layout{padding:42px 0 70px}
    .blog-detail-page .bd-article{padding:34px 22px;border-radius:22px}
    .blog-detail-page .bd-article::before{left:28px;right:28px}
    .blog-detail-page .bd-article-body p,
    .blog-detail-page .bd-article-body p:first-child{font-size:17px;line-height:1.78}
    .blog-detail-page .bd-article-body ul{grid-template-columns:1fr}
    .blog-detail-page .bd-feature-list{grid-template-columns:1fr}
    .blog-detail-page .bd-sidebar{grid-template-columns:1fr}
    .blog-detail-page .bd-inquiry-card{grid-row:auto}
}
@media(max-width:480px){
    .blog-detail-page .bd-breadcrumb-current{display:none}
    .blog-detail-page .bd-hero-title{font-size:38px}
    .blog-detail-page .bd-author-chip{width:100%}
    .blog-detail-page .bd-hero-meta{border-radius:16px}
    .blog-detail-page .bd-share-row{align-items:flex-start}
    .blog-detail-page .bd-share-btns{width:100%}
    .blog-detail-page .bd-share-btn{flex:1;justify-content:center}
}

/* Sidebar inquiry: split dark header + bright form surface. */
.blog-detail-page .bd-inquiry-card{
    padding:0;
    overflow:hidden;
    border:1px solid #d7e6df;
    border-radius:22px;
    background:#fff;
    box-shadow:0 22px 55px rgba(15,46,37,.12);
}
.blog-detail-page .bd-inquiry-header{
    position:relative;
    overflow:hidden;
    margin:0;
    padding:34px 30px 30px;
    color:#fff;
    background:
        radial-gradient(circle at 92% 4%,rgba(157,228,210,.28),transparent 34%),
        radial-gradient(circle at 84% 105%,rgba(29,119,92,.72),transparent 36%),
        linear-gradient(145deg,#06261d 0%,#124634 58%,#17604a 100%);
}
.blog-detail-page .bd-inquiry-header::after{
    content:"";
    position:absolute;
    right:-35px;
    bottom:-55px;
    width:150px;
    height:150px;
    border:1px solid rgba(166,235,217,.16);
    border-radius:50%;
}
.blog-detail-page .bd-inquiry-header::before{
    content:"";
    position:absolute;
    inset:auto 24px 0 24px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(157,228,210,.42),transparent);
}
.blog-detail-page .bd-inquiry-eyebrow{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:27px;
    padding:0 9px;
    border-radius:999px;
    color:#b2f0df;
    border:1px solid rgba(178,240,223,.24);
    background:rgba(255,255,255,.08);
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.blog-detail-page .bd-inquiry-heading{
    position:relative;
    z-index:1;
    margin:25px 0 0;
    color:#fff;
    font-size:34px;
    line-height:1.05;
    letter-spacing:0;
}
.blog-detail-page .bd-inquiry-sub{
    position:relative;
    z-index:1;
    margin:16px 0 0;
    color:rgba(232,246,240,.76);
    font-size:15px;
    line-height:1.7;
}
.blog-detail-page .bd-inquiry-form{
    gap:18px;
    padding:30px;
    background:linear-gradient(180deg,#fff,#fbfdfc);
}
.blog-detail-page .bd-form-label{
    color:#30453d;
    font-size:13px;
    letter-spacing:.02em;
}
.blog-detail-page .bd-form-input,
.blog-detail-page .bd-form-select{
    min-height:54px;
    color:#18372c;
    border-color:#d7e4de;
    background:#f7fbf9;
    border-radius:14px;
    font-size:15px;
}
.blog-detail-page .bd-form-textarea{
    color:#18372c;
    border-color:#d7e4de;
    background:#f7fbf9;
    border-radius:14px;
    font-size:15px;
}
.blog-detail-page .bd-input-icon,
.blog-detail-page .bd-select-arrow{
    color:#648077;
}
.blog-detail-page .bd-form-input:focus,
.blog-detail-page .bd-form-select:focus,
.blog-detail-page .bd-form-textarea:focus{
    border-color:#1f8a70;
    background:#fff;
    box-shadow:0 0 0 4px rgba(31,138,112,.12);
}
.blog-detail-page .bd-form-select option{
    color:#18372c;
    background:#fff;
}
.blog-detail-page .bd-form-submit{
    min-height:56px;
    border-radius:14px;
    background:linear-gradient(135deg,#123f32,#1f8a70);
    box-shadow:0 16px 34px rgba(18,63,50,.24);
    font-weight:850;
}
.blog-detail-page .bd-form-submit:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 42px rgba(18,63,50,.3);
}

/* All articles: clearer hierarchy and compact interactive rows. */
.blog-detail-page .bd-sidebar-card{
    padding:24px;
}
.blog-detail-page .bd-sidebar-card-title{
    margin:0 0 16px;
    padding-bottom:16px;
    color:#17372c;
    border-bottom:1px solid #e0e9e4;
    font-size:18px;
}
.blog-detail-page .bd-sidebar-card-title i{
    color:#1ea5b7;
}
.blog-detail-page .bd-sidebar-blog-list{
    display:grid;
    gap:8px;
}
.blog-detail-page .bd-sidebar-blog-link{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) 26px;
    gap:11px;
    min-height:68px;
    padding:11px 12px;
    border:1px solid transparent;
    background:transparent;
}
.blog-detail-page .bd-sidebar-blog-link:hover{
    border-color:#d7e7e0;
    background:#f3f8f5;
    transform:translateX(2px);
}
.blog-detail-page .bd-sidebar-blog-item.active .bd-sidebar-blog-link{
    border:1px solid #9fd1c1;
    background:linear-gradient(135deg,#e8f5ef,#f4faf7);
    box-shadow:0 10px 24px rgba(22,86,66,.08);
}
.blog-detail-page .bd-sidebar-blog-badge{
    align-self:center;
    color:#146a57;
    border:1px solid #b7dbd0;
    background:#e8f5ef;
    font-size:10px;
}
.blog-detail-page .bd-sidebar-blog-name{
    align-self:center;
    color:#53665e;
    font-size:12.5px;
    font-weight:650;
    line-height:1.35;
}
.blog-detail-page .bd-sidebar-blog-item.active .bd-sidebar-blog-name,
.blog-detail-page .bd-sidebar-blog-link:hover .bd-sidebar-blog-name{
    color:#17372c;
}
.blog-detail-page .bd-sidebar-blog-arrow{
    align-self:center;
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#5b7b70;
    background:#edf4f0;
}

/* Related articles: restore title visibility and modernize card rhythm. */
.blog-detail-page .bd-recent-grid{
    align-items:stretch;
}
.blog-detail-page .bd-recent-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
}
.blog-detail-page .bd-recent-body{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:22px 22px 24px;
}
.blog-detail-page .bd-recent-meta{
    margin-bottom:17px;
}
.blog-detail-page .bd-recent-date{
    color:#60736b;
}
.blog-detail-page .bd-recent-tag{
    color:#146a57;
    border-color:#c5dfd5;
    background:#eff7f3;
}
.blog-detail-page .bd-recent-title{
    margin:0 0 12px;
    font-size:20px;
    line-height:1.35;
}
.blog-detail-page .bd-recent-title a{
    color:#17352b;
}
.blog-detail-page .bd-recent-title a:hover{
    color:#1a735c;
}
.blog-detail-page .bd-recent-desc{
    display:-webkit-box;
    overflow:hidden;
    margin:0 0 22px;
    color:#62746d;
    line-height:1.65;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.blog-detail-page .bd-recent-btn{
    width:max-content;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    margin-top:auto;
    padding:10px 16px;
    color:#fff!important;
    border-color:#123f32!important;
    background:#123f32!important;
    box-shadow:0 10px 22px rgba(18,63,50,.16)!important;
}
.blog-detail-page a:focus-visible,
.blog-detail-page button:focus-visible,
.mobile-nav-link:focus-visible,
.navbar-toggle:focus-visible{
    outline:3px solid #f2b12d;
    outline-offset:3px;
}
.blog-detail-page .bd-recent-btn:hover{
    color:#09291f!important;
    border-color:#9de4d2!important;
    background:#9de4d2!important;
    transform:translateY(-2px);
}

/* Sidebar CTA: stronger legibility and a softer premium finish. */
.blog-detail-page .bd-sidebar-cta{
    min-height:330px;
    display:grid;
    place-items:center;
    padding:34px 28px;
}
.blog-detail-page .bd-sidebar-cta-content{
    text-align:center;
}
.blog-detail-page .bd-sidebar-cta-icon{
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    margin:0 auto 18px;
    border:1px solid rgba(176,238,221,.2);
    border-radius:18px;
    color:#a7ebd9;
    background:rgba(255,255,255,.08);
}
.blog-detail-page .bd-sidebar-cta-heading{
    color:#fff;
    font-size:27px;
}
.blog-detail-page .bd-sidebar-cta-text{
    max-width:290px;
    margin:14px auto 24px;
    color:rgba(231,245,239,.74);
    line-height:1.7;
}
.blog-detail-page .bd-sidebar-cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    padding:0 22px;
    color:#0c3026!important;
    border-color:#a1e6d4!important;
    background:#a1e6d4!important;
    box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}

@media(max-width:1100px){
    .blog-detail-page .bd-sidebar-cta{min-height:auto}
}
@media(max-width:520px){
    .blog-detail-page .bd-inquiry-header,
    .blog-detail-page .bd-inquiry-form{padding:24px 20px}
    .blog-detail-page .bd-sidebar-card{padding:20px 14px}
}

/* Article overview: premium dark dashboard panel. */
.blog-detail-page .bd-overview{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:clamp(34px,5vw,58px);
    border:1px solid rgba(142,224,202,.16);
    border-radius:30px;
    background:
        radial-gradient(circle at 92% 8%,rgba(85,205,177,.18),transparent 31%),
        radial-gradient(circle at 8% 100%,rgba(64,112,255,.12),transparent 28%),
        linear-gradient(145deg,#081c26,#0b2d28 60%,#0a241f);
    box-shadow:0 28px 75px rgba(8,35,28,.2);
}
.blog-detail-page .bd-overview::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.16;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(135deg,#000,transparent 72%);
}
.blog-detail-page .bd-overview .bd-section-label{
    position:relative;
    margin-bottom:34px;
}
.blog-detail-page .bd-overview .bd-section-eyebrow{
    color:#b0efdf;
    border-color:rgba(176,239,223,.25);
    background:rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.blog-detail-page .bd-overview .bd-section-heading{
    max-width:760px;
    margin-top:9px;
    color:#fff;
    text-shadow:0 8px 28px rgba(0,0,0,.22);
}
.blog-detail-page .bd-overview-grid{
    position:relative;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.blog-detail-page .bd-overview-card{
    position:relative;
    min-height:132px;
    gap:15px;
    padding:21px;
    overflow:hidden;
    border:1px solid rgba(199,242,231,.16);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.055));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 36px rgba(0,0,0,.1);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.blog-detail-page .bd-overview-card::after{
    content:"";
    position:absolute;
    right:-28px;
    bottom:-34px;
    width:90px;
    height:90px;
    border-radius:50%;
    background:rgba(119,222,196,.07);
    transition:transform .35s ease;
}
.blog-detail-page .bd-overview-card:hover{
    transform:translateY(-6px);
    border-color:rgba(157,228,210,.45);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 45px rgba(0,0,0,.18);
}
.blog-detail-page .bd-overview-card:hover::after{
    transform:scale(1.45);
}
.blog-detail-page .bd-overview-icon-wrap{
    width:50px;
    height:50px;
    border:1px solid rgba(161,232,213,.22);
    border-radius:15px;
    color:#9de4d2;
    background:rgba(157,228,210,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
.blog-detail-page .bd-overview-icon-wrap i{
    color:#9de4d2;
    font-size:20px;
}
.blog-detail-page .bd-overview-label{
    color:rgba(202,222,215,.62);
    font-size:10px;
    letter-spacing:.13em;
}
.blog-detail-page .bd-overview-value{
    color:#f5fbf8;
    font-size:15px;
    line-height:1.4;
}
@media(max-width:900px){
    .blog-detail-page .bd-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    .blog-detail-page .bd-overview{padding:30px 18px;border-radius:24px}
    .blog-detail-page .bd-overview-grid{grid-template-columns:1fr}
    .blog-detail-page .bd-overview-card{min-height:105px}
}

/* Article sharing: compact social action panel. */
.blog-detail-page .bd-article{
    padding-bottom:32px;
}
.blog-detail-page .bd-share-row{
    position:relative;
    max-width:790px;
    min-height:78px;
    margin:46px auto 0;
    padding:13px 14px 13px 18px;
    overflow:hidden;
    border:1px solid #d9e8e1;
    border-radius:18px;
    background:
        radial-gradient(circle at 0 50%,rgba(157,228,210,.16),transparent 34%),
        linear-gradient(135deg,#f4faf7,#edf5f1);
    box-shadow:0 14px 34px rgba(26,69,54,.07);
}
.blog-detail-page .bd-share-row::before{
    content:"";
    position:absolute;
    top:0;
    left:22px;
    right:22px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
}
.blog-detail-page .bd-share-label{
    position:relative;
    z-index:1;
    color:#29473c;
    font-size:13px;
    font-weight:750;
}
.blog-detail-page .bd-share-label i{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:#146a57;
    background:#dff1ea;
}
.blog-detail-page .bd-share-btns{
    position:relative;
    z-index:1;
    gap:8px;
}
.blog-detail-page .bd-share-btn{
    min-height:44px;
    padding:0 15px;
    border:0;
    border-radius:12px;
    font:inherit;
    font-size:12px;
    font-weight:750;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(18,47,38,.08)!important;
}
.blog-detail-page .bd-share-btn--linkedin{
    color:#fff!important;
    border-color:#0a66c2!important;
    background:#0a66c2!important;
}
.blog-detail-page .bd-share-btn--linkedin:hover{
    color:#fff!important;
    border-color:#07569f!important;
    background:#07569f!important;
    transform:translateY(-2px);
}
.blog-detail-page .bd-share-btn--x{
    color:#fff!important;
    border-color:#17221e!important;
    background:#17221e!important;
}
.blog-detail-page .bd-share-btn--x:hover{
    color:#fff!important;
    border-color:#2d3b36!important;
    background:#2d3b36!important;
    transform:translateY(-2px);
}
.blog-detail-page .bd-share-btn--copy{
    color:#123f32!important;
    border-color:#b6d9ce!important;
    background:#fff!important;
}
.blog-detail-page .bd-share-btn--copy:hover{
    color:#09291f!important;
    border-color:#8fc8b8!important;
    background:#dff3ec!important;
    transform:translateY(-2px);
}
@media(max-width:680px){
    .blog-detail-page .bd-share-row{
        align-items:stretch;
        padding:16px;
    }
    .blog-detail-page .bd-share-btns{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        width:100%;
    }
    .blog-detail-page .bd-share-btn{
        justify-content:center;
        padding:0 10px;
    }
}
@media(max-width:420px){
    .blog-detail-page .bd-share-btn{
        font-size:0;
    }
    .blog-detail-page .bd-share-btn i{
        font-size:15px;
    }
}

/* FAQ: fix answer spacing and unify the accordion visual language. */
.blog-detail-page .bd-faq{
    position:relative;
    padding:clamp(30px,5vw,54px);
    overflow:hidden;
    border:1px solid rgba(18,63,50,.09);
    border-radius:28px;
    background:
        radial-gradient(circle at 100% 0%,rgba(157,228,210,.18),transparent 28%),
        linear-gradient(145deg,#f7faf8,#eef5f1);
    box-shadow:0 24px 65px rgba(22,58,46,.07);
}
.blog-detail-page .bd-faq .bd-section-label{
    margin-bottom:30px;
}
.blog-detail-page .bd-faq .bd-section-eyebrow{
    color:#176451;
    border-color:#c7e2d8;
    background:#e4f2ec;
}
.blog-detail-page .bd-faq .bd-section-heading{
    max-width:850px;
    color:#132f26;
}
.blog-detail-page .bd-faq-list{
    gap:12px;
}
.blog-detail-page .bd-faq-item,
.blog-detail-page .bd-faq-item:first-child{
    overflow:hidden;
    border:1px solid #dce8e2;
    border-radius:17px;
    background:rgba(255,255,255,.9);
    box-shadow:0 10px 26px rgba(24,66,52,.045);
    transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.blog-detail-page .bd-faq-item:hover{
    border-color:#bad9ce;
}
.blog-detail-page .bd-faq-item.active{
    border-color:#91cbb9;
    background:#fff;
    box-shadow:0 18px 42px rgba(23,83,64,.1);
    transform:translateY(-2px);
}
.blog-detail-page .bd-faq-question{
    min-height:76px;
    padding:20px 22px;
    color:#1c3b31;
    font-size:17px;
    line-height:1.45;
}
.blog-detail-page .bd-faq-question:hover,
.blog-detail-page .bd-faq-item.active .bd-faq-question{
    color:#146650;
}
.blog-detail-page .bd-faq-icon{
    width:38px;
    height:38px;
    border:1px solid #c9e1d8;
    color:#176451;
    background:#eaf4f0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.blog-detail-page .bd-faq-icon i{
    color:#176451;
}
.blog-detail-page .bd-faq-item.active .bd-faq-icon{
    border-color:#176451;
    background:#176451;
    transform:rotate(180deg);
}
.blog-detail-page .bd-faq-item.active .bd-faq-icon i{
    color:#fff;
}
.blog-detail-page .bd-faq-answer{
    border-top:1px solid transparent;
}
.blog-detail-page .bd-faq-item.active .bd-faq-answer{
    max-height:500px;
    border-top-color:#edf2ef;
}
.blog-detail-page .bd-faq-answer p{
    margin:0;
    padding:20px 22px 24px;
    color:#586b64;
    font-size:15px;
    line-height:1.8;
}
@media(max-width:560px){
    .blog-detail-page .bd-faq{padding:28px 16px;border-radius:23px}
    .blog-detail-page .bd-faq-question{padding:17px 16px;font-size:15px}
    .blog-detail-page .bd-faq-answer p{padding:17px 16px 20px;font-size:14px}
    .blog-detail-page .bd-faq-icon{width:34px;height:34px}
}