/* ── HERO IMAGE ── */
    .hero-img-wrap { border-radius: 14px; overflow: hidden; margin-bottom: 28px; }
    .hero-img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

    /* ── ARTICLE META ── */
    .article-eyebrow { font-size: 12px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--blue-m); font-weight: 600; margin-bottom: 10px; display: block; }
    .article-title { font-size: 30px; font-weight: 700; color: var(--navy); line-height: 1.25; letter-spacing: -.4px; margin-bottom: 14px; }
    .article-meta { font-size: 16px; color: var(--muted); margin-bottom: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
    .article-meta a { color: var(--blue); font-weight: 500; }
    .meta-sep { opacity: .4; }
    .meta-badge { background: var(--blue-l); color: var(--blue-m); border: 0.5px solid var(--blue-b); border-radius: 20px; padding: 2px 10px; font-size: 12px; font-weight: 500; }

    /* ── SHARE ROW ── */
    .share-row { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; flex-wrap: wrap; }
    .btn-like { display: flex; align-items: center; gap: 7px; background: var(--gray); border: 0.5px solid var(--border); padding: 8px 16px; border-radius: 999px; font-size: 14px; color: var(--navy); transition: var(--tr); }
    .btn-like:hover { background: var(--blue-l); border-color: var(--blue-b); }

    /* ── ARTICLE BODY ── */
    /*.article-body { font-size: 17px; color: #000; line-height: 1.82; }*/
    .article-body h2 { font-size: 32px; font-weight: 500; color: #000; margin-top: 34px; margin-bottom: 12px; line-height: 1.3; }
    .article-body h3 { font-size: 19px; font-weight: 600; color: var(--navy); margin-top: 26px; margin-bottom: 10px; }
    .article-body p { margin-bottom: 16px; }
    .article-body a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
    .article-body ul { padding-left: 20px; margin-bottom: 16px; }
    .article-body ul li { margin-bottom: 7px; line-height: 1.65; }
    .article-body strong { color: var(--navy); font-weight: 600; }


    /* ── FAQ ── */
    .faq-section { margin-top: 40px; }
    .faq-title { font-size: 27px; font-weight: 700; color: var(--navy); margin-bottom: 22px; }
    .faq-item { border: 0.5px solid var(--border); border-radius: 10px; overflow: hidden; margin-bottom: 10px; }
    .faq-q { width: 100%; background: #fff; border: none; padding: 16px 20px; font-size: 24px!important; font-weight: 600; color: #000; cursor: pointer; display: flex; justify-content: space-between; align-items: center; text-align: left; font-family: var(--font); transition: background var(--tr); }
    .faq-q:hover { background: var(--gray); }
    .faq-toggle { font-size: 25px; color: var(--blue); flex-shrink: 0; line-height: 1; margin-left: 14px; }
    .faq-a { display: none; padding: 0 20px 16px; font-size: 16px; color: #000; line-height: 1.7; }
    .faq-a.open { display: block; }
    .faq-item.active .faq-toggle { transform: rotate(45deg); }
    .faq-toggle { transition: transform .25s ease; }

    /* ── RELATED BLOGS ── */
    .related-section { border-top: 0.5px solid var(--border); margin-top: 40px; padding-top: 28px; }
    .related-title { font-size: 21px; font-weight: 700; color: var(--navy); margin-bottom: 20px; }
    .blog-card { border: 0.5px solid var(--border); border-radius: 12px; overflow: hidden; transition: border-color var(--tr), box-shadow var(--tr); height: 100%; }
    .blog-card:hover { border-color: var(--blue-b); box-shadow: 0 4px 20px rgba(15,123,194,.08); }
    .blog-card-img { height: 140px; background: var(--gray); overflow: hidden; }
    .blog-card-img img { width: 100%; height: 100%; object-fit: cover; }
    .blog-card-body { padding: 16px; }
    .blog-card-tag { font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--blue-m); margin-bottom: 7px; }
    .blog-card-title { font-size: 17px; font-weight: 700; color: var(--navy); line-height: 1.45; margin-bottom: 6px; }
    .blog-card-meta { font-size: 13px; color: var(--muted); }

    /* ── SIDEBAR ── */
    .sidebar-sticky { position: sticky; top: 100px; }
    .sb-card { border: 0.5px solid var(--border); border-radius: 14px; padding: 20px; margin-bottom: 16px; background: #fff; }
    .sb-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 16px; }

.urgent-sidebar{
    background:#031f3d;
    border-radius:24px;
}

.crisis-btn-blog{
    background:#b52a2d;
    color:#fff;
    border-radius:18px;
    border:none;
    font-size:16px;
}

.crisis-btn-blog:hover{
    background:#9f2427;
    color:#fff;
}
/* CONSULT BOX */

.consult-box{
    border:1px solid #e8edf3;
    border-radius:24px;
    padding:26px;
    background:#fff;
    margin-bottom:18px;
}

.consult-title{
    font-size:20px;
    line-height:1.3;
    font-weight:700;
    color:#0f172a;
    margin-bottom:22px;
}

.custom-input,
.custom-select{
    height:56px;
    border:1px solid #e7ebf0;
    border-radius:14px;
    font-size:16px;
    color:#64748b;
    padding:0 18px;
    box-shadow:none !important;
    margin-bottom:12px;
}

.custom-input::placeholder{
    color:#9ca3af;
}

.custom-select{
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:16px;
}

.btn-consult{
    width:100%;
    height:52px;
    border:none;
    border-radius:12px;
    background:#08213f;
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin-bottom:14px;
}

.consult-note{
    text-align:center;
    color:#64748b;
    font-size:14px;
    margin-bottom:16px;
}

.phone-box{
    background:#f6f8fb;
    border-radius:14px;
    padding:18px;
}

.phone-box h5{
    font-size:15px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:4px;
}

.phone-box span{
    font-size:13px;
    color:#64748b;
}


    /* treatment links */
    .tx-link { display: block; padding: 11px 0; border-bottom: 0.5px solid var(--border); font-size: 16px; color: #000; transition: color var(--tr); }
    .tx-link:hover { color: var(--blue); }
    .tx-link:last-child { border-bottom: none; }

    /* ── ARTICLE DIVIDER ── */
    .art-divider { height: 0.5px; background: var(--border); border: none; margin: 32px 0; }

    @media (max-width: 991.98px) {
      .emergency-bar { display: none; }
      .sidebar-sticky { position: static; top: auto; }
    }
    @media (max-width: 767.98px) {
      .hero-img-wrap { border-radius: 10px; }
      .cta-banner { flex-direction: column; text-align: center; }
      .cta-banner-btn { width: 100%; justify-content: center; }
       .article-body h2 { font-size: 27px;}
    }