:root {
      --orange:  #F97316;
      --navy:    #1a3c6e;
      --green:   #16A34A;
      --saffron: #FF9933;
      --flag-g:  #138808;
      --border:  #E5E7EB;
      --muted:   #6B7280;
    }
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Segoe UI', system-ui, sans-serif; background: #fff; color: #111827; margin: 0; }
.container{
      max-width: 1001px !important;
    }
    /* {% if is_preview %}
    body::before {
      content: "⚠️ PREVIEW MODE — Not Published";
      display: block;
      background: #FEF3C7;
      color: #92400E;
      text-align: center;
      padding: .6rem;
      font-weight: 700;
      font-size: .85rem;
      border-bottom: 2px solid #FCD34D;
    }
    {% endif %} */

    /* ── HEADER ── */
    .site-header {
      background: #fff;
      border-bottom: 1px solid var(--border);
      position: sticky; top: 0; z-index: 200;
      padding: .65rem 0;
      box-shadow: 0 1px 6px rgba(0,0,0,.07);
    }
    .brand-logo { display:flex; align-items:center; gap:8px; text-decoration:none; }
    .brand-flag { display:flex; flex-direction:column; gap:2px; width:24px; }
    .brand-flag span { height:3px; border-radius:2px; display:block; }
    .brand-flag .f1 { background:var(--saffron); }
    .brand-flag .f2 { background:#fff; border:1px solid #ddd; }
    .brand-flag .f3 { background:var(--flag-g); }
    .brand-name { font-size:1rem; font-weight:800; color:#111827; }
    .brand-name span { color:rgb(23,162,184); }
    .site-nav { display:flex; align-items:center; gap:.1rem; }
    .site-nav a {
      color:#374151; text-decoration:none;
      padding:.38rem .75rem; font-size:.85rem; font-weight:500;
      border-radius:6px; transition:color .15s, background .15s; white-space:nowrap;
    }
    .site-nav a:hover { color:rgb(23,162,184); background:#E8F7FA; }
    .site-nav a.nav-active, .site-nav a.active { color:rgb(23,162,184); font-weight:700; }

    /* Search box in header (matches home page) */
    .nav-search { display:flex; align-items:center; background:#F3F4F6; border-radius:8px; padding:.3rem .75rem; gap:6px; min-width:180px; }
    .nav-search input { border:none; background:transparent; outline:none; font-size:.82rem; color:#374151; width:100%; }
    .nav-search .bi { color:var(--muted); font-size:.85rem; }

    /* ── ARTICLE HERO ── */
  .article-hero {
    color: #000;
    padding: 3rem 0;
}



    .article-hero .hero-eyebrow {
      display:inline-flex; align-items:center; gap:6px;
      background:rgba(255,255,255,.1); border:1px solid #888;
      border-radius:20px; color:#888;
      font-size:.72rem; font-weight:700; padding:.2rem .75rem;
      text-transform:uppercase; letter-spacing:.05em; margin-bottom:1rem;
    }
    .article-hero h1 { font-size:clamp(1.5rem,3.5vw,2.4rem); font-weight:900; margin-bottom:.75rem; }
    .article-hero .meta {
      display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
      font-size:.85rem; color:#888;
    }
    .article-hero .meta i { color:#888; }

    /* ── FEATURED IMAGE ── */
    .featured-img-wrap { margin-top:-2rem; }
    .featured-img-wrap img {
      width:100%; border-radius:14px;
      box-shadow:0 8px 32px rgba(0,0,0,.15);
      max-height:460px; object-fit:contain;
    }

    /* ── ARTICLE BODY ── */
    .article-content { font-size:1.025rem; line-height:1.8; color:#1F2937; }
    .article-content h1,.article-content h2,.article-content h3,
    .article-content h4,.article-content h5,.article-content h6 {
      font-weight:800; color:var(--navy); margin-top:2rem; margin-bottom:.75rem; line-height:1.3;
    }
    .article-content h2 { font-size:1.5rem; }
    .article-content h3 { font-size:1.2rem; }
    .article-content p { margin-bottom:1.25rem; }
    .article-content img { max-width:100%; border-radius:10px; margin:1rem 0; }
    .article-content a { color:rgb(23,162,184); }
    .article-content a:hover { color:var(--navy); }
    .article-content ul,.article-content ol { padding-left:1.5rem; margin-bottom:1.25rem; }
    .article-content li { margin-bottom:.4rem; }
    .article-content blockquote {
      border-left:4px solid rgb(23,162,184);
      background:#FFF7ED; border-radius:0 10px 10px 0;
      padding:1rem 1.25rem; margin:1.5rem 0;
      color:#92400E; font-style:italic;
    }
    .article-content table { width:100%; border-collapse:collapse; margin-bottom:1.25rem; }
    .article-content table th { background:#F3F4F6; font-weight:700; }
    .article-content table th,.article-content table td {
      border:1px solid var(--border); padding:.6rem .85rem;
    }
    .article-content pre {
      background:#F3F4F6; border-radius:8px; padding:1rem;
      overflow-x:auto; font-size:.85rem;
    }

    /* ── RELATED LINKS ── */
    .related-links-box {
      background:#FFF7ED; border-left:4px solid rgb(23,162,184);
      border-radius:0 12px 12px 0; padding:1.25rem 1.5rem; margin-top:2.5rem;
    }
    .related-links-box h4 { font-weight:800; color:var(--navy); font-size:1rem; margin-bottom:.75rem; }
    .related-links-box ul { list-style:none; padding:0; margin:0; }
    .related-links-box li { margin-bottom:.4rem; }
    .related-links-box a {
      color:rgb(23,162,184); text-decoration:none; font-size:.9rem; font-weight:500;
      display:inline-flex; align-items:center; gap:5px;
    }
    .related-links-box a:hover { color:var(--navy); }

    /* ── TRENDING SIDEBAR ── */
    .trending-sidebar {
      background: #F9FAFB;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 1.25rem;
      position: sticky;
      top: 80px;
      margin-top: 2.5rem;
    }
    .trending-sidebar-title {
      font-weight: 800;
      font-size: .82rem;
      text-transform: uppercase;
      letter-spacing: .05em;
      color: var(--navy);
      margin-bottom: 1rem;
      padding-bottom: .6rem;
      border-bottom: 2px solid rgb(23,162,184);
    }
    .trending-sidebar-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .trending-sidebar-list li {
      border-bottom: 1px solid var(--border);
    }
    .trending-sidebar-list li:last-child { border-bottom: none; }
    .trending-sidebar-list li a {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: .6rem 0;
      color: #374151;
      font-size: .83rem;
      text-decoration: none;
      line-height: 1.4;
      transition: color .15s;
    }
    .trending-sidebar-list li a:hover { color: rgb(23,162,184); }
    .trending-num {
      flex-shrink: 0;
      width: 20px;
      height: 20px;
      background: rgb(23,162,184);
      color: #fff;
      border-radius: 50%;
      font-size: .68rem;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1px;
    }

    /* ── RELATED ARTICLES ── */
    .related-articles-section {
      margin-top: 3.5rem;
      padding-top: 2rem;
      border-top: 2px solid var(--border);
    }
    .related-articles-title {
      font-size: 1.4rem;
      font-weight: 800;
    }
    .related-article-card {
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid var(--border);
      transition: box-shadow .2s, transform .2s;
      height: 100%;
    }
    .related-article-card:hover {
      box-shadow: 0 6px 24px rgba(0,0,0,.1);
      transform: translateY(-3px);
    }
    .related-article-img {
      width: 100%;
      height: 160px;
      object-fit: cover;
      display: block;
    }
    .related-article-placeholder {
      width: 100%;
      height: 160px;
      background: #F3F4F6;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 2rem;
      color: #D1D5DB;
    }
    .related-article-body {
      padding: 1rem;
    }
    .related-article-cat {
      font-size: .7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .07em;
      color: rgb(23,162,184);
      margin-bottom: .4rem;
    }
    .related-article-title {
      font-weight: 700;
      font-size: .95rem;
      color: #111827;
      margin-bottom: .4rem;
      line-height: 1.4;
    }
    .related-article-desc {
      font-size: .8rem;
      color: var(--muted);
      line-height: 1.5;
    }

    /* ── SIDEBAR ── */
    .toc-box {
      background:#F9FAFB; border:1px solid var(--border);
      border-radius:12px; padding:1.25rem; margin-bottom:1.5rem;
    }
    .toc-box h6 { font-weight:800; font-size:.82rem; text-transform:uppercase;
      letter-spacing:.05em; color:var(--navy); margin-bottom:.75rem; }
    .toc-box ul { list-style:none; padding:0; margin:0; }
    .toc-box li { border-bottom:1px solid var(--border); }
    .toc-box li:last-child { border-bottom:none; }
    .toc-box li a {
      display:block; padding:.45rem 0; color:#374151;
      font-size:.82rem; text-decoration:none; transition:color .15s;
    }
    .toc-box li a:hover { color:rgb(23,162,184); }

    .author-box {
      background:#fff; border:1px solid var(--border);
      border-radius:12px; padding:1.25rem; text-align:center;
    }
    .author-box .avatar {
      width:56px; height:56px; border-radius:50%;
      background:var(--navy); color:rgb(23,162,184);
      display:flex; align-items:center; justify-content:center;
      font-size:1.4rem; font-weight:800; margin:0 auto .75rem;
    }
    .author-box .author-name { font-weight:700; font-size:.9rem; color:var(--navy); }
    .author-box .author-date { font-size:.78rem; color:var(--muted); }

    /* ── FOOTER ── */
    .site-footer {
      background:#111827; color:rgba(255,255,255,.55);
      padding:3rem 0 1.5rem; font-size:.875rem; margin-top:5rem;
    }
    .site-footer .footer-brand { color:#fff; font-weight:800; font-size:1.05rem; margin-bottom:.4rem; }
    .site-footer h6 { color:#fff; font-weight:700; font-size:.82rem; text-transform:uppercase;
      letter-spacing:.04em; margin-bottom:.85rem; }
    .site-footer ul { list-style:none; padding:0; margin:0; }
    .site-footer li { margin-bottom:.4rem; }
    .site-footer a { color:rgba(255,255,255,.45); text-decoration:none; font-size:.82rem; }
    .site-footer a:hover { color:rgb(23,162,184); }
    .site-footer hr { border-color:rgba(255,255,255,.08); margin:2rem 0 1.25rem; }
    .site-footer .footer-bottom { font-size:.78rem; color:rgba(255,255,255,.3); }



/* ── AD BANNER ── */
    .ad-banner { background: #F3F4F6; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); text-align: center; padding: 1.5rem 1rem; min-height: 90px; display: flex; align-items: center; justify-content: center;width:100%; }
    .ad-banner span { font-size: .7rem; color: #9CA3AF; letter-spacing: .1em; text-transform: uppercase; border: 1.5px dashed #D1D5DB; border-radius: 6px; padding: .4rem 1.2rem; }
.ad-banner-gutterspace{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  height: 600px;
  width: 120px;
  z-index: 100;          /* below sticky header (200) so it never blocks the navbar */
}
.ad-banner-gutterspace-left{
  left: 0;
}
.ad-banner-gutterspace-right{
  right: 0;
}
/* Only show the side-gutter ads when the viewport is wide enough that they
   sit OUTSIDE the 1001px content container (1001 + 2×120 ≈ 1240px). Below
   that they would overlap the header/content and swallow nav clicks. */
@media (max-width: 1240px){
  .ad-banner-gutterspace{ display: none; }
}



.additional-links-table-mob{
    display: none !important;
  }
  .calling-number{
    display: block !important;
  }
  .calling-number-partition{
    display: none !important;
  }
  .bottom-menu {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
.bt-menu {
    float: left;
    padding: 0 0 11px 5px;
    margin: 0;
    width: 100%;
}
.bt-text-menu {
    float: left;
    padding: 0;
    margin: 0;
}
.bt-hd-text {
    padding: 0;
    margin: 0;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    color: #87C3FF;
}
.bt-hd-text a {
    padding: 0;
    margin: 0;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 800;
    color: #000 !important;
    text-decoration: none;
}
.bt-menu1 {
    float: left;
    padding: 10px 10px 0 0;
    margin: 0;
}
.bt-text-menu li a {
    padding: 0;
    margin: 0;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    line-height: 18px;
}
.bt-text-menu li {
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 12px;
    color: #000;
    line-height: 18px;
}
.bt-text-menu ul {
    padding: 0;
    margin: 0;
}
  .bottom-menu-bg {
    float: left;
    padding: 0;
    margin: 10px 0 0;
    width: 100%;
    background: #DEE5EA;
    text-align: left;
}
.mob-link-wrapper .additional-links-table-mob td{
  color:#000 !important;
}
  @media screen and (max-width:1024px){
.main-links-container{
  flex-direction: column !important;
      align-items: flex-start !important;
      margin: 0 auto !important;
      padding: 30px 20px !important;
}
 .additional-links-table-mob{
    display: block !important;
  }
  .additional-links-table-mob a{
    color: #000 !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
  }
.links-container{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  row-gap: 5% !important;
  padding: 0 0 0 13px !important;
  box-sizing: border-box;
      margin-top: 4vmin !important;
}
.link-col{
  padding: 0 !important;
  width: 100% !important;
}
.table_hide{
  display: block !important;
  overflow-x: hidden;
}
.additional-links{
flex-direction: column !important;
display: none !important;
}
.add-link{
  width: 100% !important;
  text-align: center !important;
}
.add-link ul{
  justify-content: center !important;
}
.add-link ul .link-partition{
margin: 0 3% !important;
}
.additional-links-table-mob {
  display: block;
		font-size: 12px;
		font-family: 'Josefin Sans', sans-serif !important;
          
            color:#000 !important;
            border: none !important;
            overflow-x: none !important;
	} 
	.additional-links-table-mob tr {
		background-color: #006aba !important;
	}
  .additional-links-table-mob .left-links {
		text-align: right !important;
	}
  .additional-links-table-mob .right-links {
		text-align: left !important;
	}
	.additional-links-table-mob th {
		color: #000;
		font-weight: bold;
	}
  .mob-link-wrapper{
    margin: 0 auto !important;
  }
  .logo-wrapper{
    width: 100% !important;
  }
  .full-container-links{
    margin-bottom: 20% !important;
  }}

  @media(max-width:767.98px){
    .site-nav{
      flex-direction: column;
      align-items: flex-start;
      gap: .1rem;
      padding: .5rem 0;
    }
  }