.about-page{ background:#faf6ec; font-family:'Noto Sans', 'Noto Sans Devanagari', sans-serif; color:#2b2420; }
    .about-page h1, .about-page h2, .about-page h3{ font-family:'Merriweather', 'Noto Sans Devanagari', serif; }

    /* ---------- Banner ---------- */
    .about-banner{
      position:relative;
      height:300px;
       background: linear-gradient(120deg, rgb(110 18 32 / 0%), rgb(174 67 86 / 62%)), url(img/bannersub.png) center / cover no-repeat;

      background-color:#8f1b1e;
    }
    /* Replace assets/images/about-banner.jpg with the real photo when ready;
       the gradient alone is a graceful fallback if the file isn't there yet. */
    .about-banner::after{
      content:"";
      position:absolute; inset:0;
      background-image:radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px);
      background-size:18px 18px;
      opacity:.5;
    }

    /* ---------- Title + breadcrumb strip ---------- */
    .about-title-strip{
      background:#fff;
      border-bottom:3px solid #8f1b1e;
      box-shadow:0 2px 6px rgba(0,0,0,.06);
    }
    .about-title-strip .inner{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:.5rem;
      padding:1.1rem 13px;
    }
    .about-page-title{
      margin:0;
      font-size:1.9rem;
      font-weight:700;
      color:#8f1b1e;
    }
    .about-breadcrumb{
      bs-breadcrumb-divider:'\203A'; 
      margin:0;
      font-size:.95rem;
    }
    .about-breadcrumb a{
      color:#6b6259;
      text-decoration:none;
    }
    .about-breadcrumb a:hover{ color:#8f1b1e; text-decoration:underline; }
    .about-breadcrumb .breadcrumb-item.active{ color:#8f1b1e; font-weight:600; }
    .about-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color:#8f1b1e; font-weight:700; }

    /* ---------- Content section ---------- */
    .about-content-section{ padding:2.75rem 0 3.5rem; }

    /* Left sidebar menu */
    .about-sidebar{
      position:sticky;
      top:20px; /* if you have a fixed/sticky header, set this to (header height + 20px) */
    }
    .about-sidebar ul{ margin:0; padding:0; list-style:none; }
    .about-sidebar li{ margin-bottom:3px; }
    .about-sidebar a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.5rem;
      padding:.85rem 1.1rem;
      background:#8f1b1e;
      color:#fff;
      font-weight:600;
      font-size:.95rem;
      text-decoration:none;
      border-left:4px solid transparent;
      transition:background-color .15s ease, border-color .15s ease, padding-left .15s ease;
    }
    .about-sidebar a i{ font-size:.75rem; opacity:.85; }
    .about-sidebar a:hover,
    .about-sidebar a:focus-visible{
      background:#8f1b1e;
      border-left-color:#8f1b1e;
      padding-left:1.4rem;
      color:#fff;
    }
    .about-sidebar a.active{
      background:#8f1b1e;
      border-left-color:#8f1b1e;
    }

    /* Right content card */
    .about-content-box{
      background:#fff;
      border:1px solid #e8dfcd;
      border-radius:4px;
      padding:2rem 2.25rem;
      box-shadow:0 2px 10px rgba(0,0,0,.04);
    }
    .about-content-box h2{
      position:relative;
      font-size:1.5rem;
      font-weight:700;
      color:#8f1b1e;
      margin-bottom:1.4rem;
      padding-bottom:.6rem;
    }
    .about-content-box h2::after{
      content:"";
      position:absolute; left:0; bottom:0;
      width:56px; height:3px;
      background:#8f1b1e;
    }
    .about-content-box p{
      color:#2b2420;
      line-height:1.75;
      margin-bottom:1.1rem;
    }
    .about-content-box p:last-of-type{ margin-bottom:1.5rem; }

    .read-more-link{
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      color:#8f1b1e;
      font-weight:700;
      font-size:.95rem;
      text-decoration:none;
    }
    .read-more-link:hover{ color:#8f1b1e; text-decoration:underline; }

    @media (max-width:991.98px){
      .about-banner{ height:200px; }
      .about-page-title{ font-size:1.5rem; }
      .about-content-box{ padding:1.5rem; }
    }
    /*Mission */

    .mission-page .visual-col{
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      padding:20px 10px;
    }

    /* Left panel: mission icon illustration */
    .mission-page .mission-icon-panel{
      width:190px;
      height:190px;
      border-radius:50%;
      background:#f4f4f4;
      border:1px solid #e6e6e6;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:16px;
    }
    .mission-page .mission-icon-panel i{
      font-size:64px;
      color:#8a1f1f;
    }
    .mission-page .visual-caption{
      color:#666;
      font-size:0.92rem;
      max-width:280px;
    }

    /* Right panel: mandates wheel */
    .mission-page .mandate-wheel{
      position:relative;
      width:100%;
      max-width:360px;
      aspect-ratio:1/1;
      margin:0 auto;
    }
    .mission-page .mandate-hub{
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      width:34%;
      height:34%;
      border-radius:50%;
      background:#8a1f1f;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:0.85rem;
      line-height:1.15;
      padding:6px;
      box-shadow:0 0 0 6px #fff, 0 0 0 7px #eee;
      z-index:2;
    }
    .mission-page .mandate-node{
      position:absolute;
      transform:translate(-50%,-50%);
      width:23%;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      z-index:1;
    }
    .mission-page .mandate-node .node-circle{
      width:100%;
      aspect-ratio:1/1;
      border-radius:50%;
      background:#fff;
      border:2px dashed #c9a34e;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:6px;
    }
    /* commented bcz google font icons are used in span 
    .mission-page .mandate-node .node-circle i{*/
    /*  font-size:1.1rem;*/
    /*  color:#8a1f1f;*/
    /*}*/
    .mission-page .mandate-node .node-circle span {
    font-size: 1.9rem !important;
    color: #8a1f1f;
}
    .mission-page .mandate-node .node-label{
      font-size:0.68rem;
      line-height:1.15;
      color:#444;
      font-weight:600;
    }
    /* 8 nodes positioned around the hub at 45¡Æ increments */
    .mission-page .mandate-node.n1{ left:50%;   top:12.5%; }
    .mission-page .mandate-node.n2{ left:76.5%; top:23.5%; }
    .mission-page .mandate-node.n3{ left:87.5%; top:50%;   }
    .mission-page .mandate-node.n4{ left:76.5%; top:76.5%; }
    .mission-page .mandate-node.n5{ left:50%;   top:87.5%; }
    .mission-page .mandate-node.n6{ left:23.5%; top:76.5%; }
    .mission-page .mandate-node.n7{ left:12.5%; top:50%;   }
    .mission-page .mandate-node.n8{ left:23.5%; top:23.5%; }

    /* Full-width content row */
    .mission-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:32px;
      margin-bottom:14px;
      padding-bottom:8px;
      border-bottom:2px solid #eee;
    }
    .mission-page .visual-col h3.section-heading{
      margin-top:0;
      align-self:stretch;
    }
    .mission-page .mandate-list{
      padding-left:0;
      list-style:none;
    }
    .mission-page .mandate-list li{
      position:relative;
      padding:6px 0 6px 26px;
    }
    .mission-page .mandate-list li::before{
      content:"\f105"; /* fa-chevron-right */
      font-family:"Font Awesome 6 Free";
      font-weight:900;
      color:#8a1f1f;
      position:absolute;
      left:4px;
      top:8px;
      font-size:0.85rem;
    }

    @media (max-width:767px){
      .mission-page .mandate-node .node-label{ font-size:0.6rem; }
    }
  
    /*Infrastructure*/
        .about-content-box h3{
      font-size:0.9rem;
      font-weight:700;
      color:#8f1b1e;
      padding-bottom:10px;
    }

    /* Image + content split block */
    .infra-media{
      width:100%;
      height:260px;
      object-fit:cover;
      border-radius:4px;
      border:1px solid #e8dfcd;
    }
/*Contact Us*/
    .contact-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:28px;
      margin-bottom:14px;
      padding-bottom:8px;
      border-bottom:2px solid #eee;
    }
    .contact-page h3.section-heading:first-child{
      margin-top:0;
    }
    .contact-page .info-card{
      display:flex;
      gap:14px;
      align-items:flex-start;
      padding:14px 16px;
      background:#f8f8f8;
      border:1px solid #eee;
      border-radius:6px;
      margin-bottom:14px;
    }
    .contact-page .info-card i{
      font-size:20px;
      color:#8a1f1f;
      margin-top:2px;
      flex-shrink:0;
    }
    .contact-page .info-card .info-title{
      font-weight:700;
      margin-bottom:2px;
    }
    .contact-page .info-card address{
      margin-bottom:4px;
    }
    .contact-page .icon-row{
      display:flex;
      gap:12px;
      padding:10px 0;
      border-bottom:1px dashed #e6e6e6;
    }
    .contact-page .icon-row:last-child{
      border-bottom:none;
    }
    .contact-page .icon-row .icon{
      width:22px;
      text-align:center;
      margin-top:3px;
      flex-shrink:0;
       color:#8a1f1f;
    }
    .contact-page .icon-row .label{
      font-weight:600;
      display:block;
    }
    .contact-page .social-links a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:38px;
      height:38px;
      border-radius:50%;
       background:#8a1f1f;
      color:#fff !important;
    
      margin-right:8px;
      text-decoration:none;
    }
    .contact-page .social-links a:hover{
        background:#f1f1f1;
     color:#8a1f1f!important;
     border:1px solid #8a1f1f;
    }
    .contact-page .hours-table td{
      padding:6px 4px;
    }
    .contact-page .hours-table td:first-child{
      font-weight:600;
      width:55%;
    }
    .contact-page .form-box{
      background:#f8f8f8;
      border:1px solid #eee;
      border-radius:6px;
      padding:20px;
    }
    .contact-page .form-box label{
      font-weight:600;
      font-size:0.92rem;
    }
    .contact-page .map-wrapper{
      border:1px solid #eee;
      border-radius:6px;
      overflow:hidden;
    }
    .contact-page .map-wrapper iframe{
      width:100%;
      height:360px;
      border:0;
      display:block;
    }
    
    /*Director General*/
        .dg-profile-page .profile-header{
      display:flex;
      gap:24px;
      align-items:flex-start;
      flex-wrap:wrap;
      padding-bottom:24px;
      margin-bottom:24px;
      border-bottom:1px solid #e2e2e2;
    }
    .dg-profile-page .profile-avatar{
      width:120px;
      height:120px;
      border-radius:50%;
      background:#f1f1f1;
      border:3px solid #ffffff;
      box-shadow:0 0 0 1px #e2e2e2;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      overflow:hidden;
    }
    .dg-profile-page .profile-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .dg-profile-page .profile-avatar i{
      font-size:52px;
      color:#b7b7b7;
    }
    .dg-profile-page .profile-name{
      font-family:'Merriweather', serif;
      font-weight:700;
      margin-bottom:4px;
    }
    .dg-profile-page .profile-role{
      font-weight:600;
      margin-bottom:2px;
    }
    .dg-profile-page .profile-org{
      color:#666;
      margin-bottom:10px;
    }
    .dg-profile-page .profile-actions .btn{
      margin-right:8px;
      margin-bottom:8px;
    }
    .dg-profile-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:36px;
      margin-bottom:16px;
      padding-bottom:8px;
      border-bottom:2px solid #eee;
    }
    .dg-profile-page .detail-row{
      display:flex;
      flex-wrap:wrap;
      padding:8px 0;
      border-bottom:1px dashed #e6e6e6;
    }
    .dg-profile-page .detail-row:last-child{
      border-bottom:none;
    }
    .dg-profile-page .detail-label{
      width:220px;
      max-width:100%;
      font-weight:600;
      color:#444;
    }
    .dg-profile-page .detail-value{
      flex:1;
      min-width:220px;
      color:#333;
    }
    .dg-profile-page table.profile-table{
      font-size:0.95rem;
    }
    .dg-profile-page table.profile-table th{
      white-space:nowrap;
      background:#f7f7f7;
    }
    /*training & skill development*/
      .training-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:8px;
      margin-bottom:14px;
      padding-bottom:8px;
      border-bottom:2px solid #eee;
    }
    .training-page .visual-col{
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      padding:16px 10px;
    }
    .training-page .icon-panel{
      width:100%;
      border-radius:50%;
      background:#f4f4f4;
      border:1px solid #e6e6e6;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:16px;
    }
    .training-page .icon-panel img{
        width:100%;
        height:100%;
      max-width:190px;
      max-height:280px;
      object-fit:cover;
    }
 
    .training-page .content-row{
      margin-bottom:36px;
    }
    .training-page .content-row p{
      margin-bottom:0;
    }
/*RTI*/
    .rti-page .about-sidebar li.active > a{
      color:#8a1f1f;
      font-weight:700;
      background:#fff;
    }
    .rti-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:28px;
      margin-bottom:14px;
      padding-bottom:8px;
      border-bottom:2px solid #eee;
    }
    .rti-page .rti-feature-img{
      float:right;
      width:280px;
      max-width:100%;
      aspect-ratio:4/3;
      margin:0 0 18px 24px;
      border-radius:10px;
      overflow:hidden;
      /* placeholder pattern — replace with a real <img> (e.g. the
         RTI Act notice / institute photo) when one is available */
      background:repeating-linear-gradient(135deg,#fdf0f0,#fdf0f0 10px,#fff6f6 10px,#fff6f6 20px);
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .rti-page .rti-feature-img img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
    }
    .rti-page .rti-feature-img i{
      font-size:2.6rem;
      color:#e6b8b8;
    }
    .rti-page .rti-text{
      color:#444;
      font-size:0.95rem;
      line-height:1.8;
      margin-bottom:16px;
    }
    .rti-page .fee-box{
      background:#fdf0f0;
      border-left:4px solid #8a1f1f;
      border-radius:8px;
      padding:20px 22px;
      margin:18px 0;
    }
    .rti-page .fee-box h4{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1rem;
      color:#8a1f1f;
      display:flex;
      align-items:center;
      gap:8px;
      margin-bottom:12px;
    }
    .rti-page .fee-box ul{
      margin:0 0 12px;
      padding-left:20px;
      color:#444;
      font-size:0.93rem;
      line-height:1.85;
    }
    .rti-page .fee-box ul li strong{
      color:#222;
    }
    .rti-page .fee-box p{
      margin:0;
      color:#444;
      font-size:0.93rem;
      line-height:1.8;
    }
    .rti-page .fee-amount{
      display:inline-block;
      background:#8a1f1f;
      color:#fff;
      font-weight:700;
      padding:2px 12px;
      border-radius:6px;
      font-size:0.92rem;
    }
    .rti-page .rti-clearfix{
      clear:both;
    }
    
    /*resource center*/
      
    .regional-centres-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:8px;
      margin-bottom:14px;
      padding-bottom:8px;
      border-bottom:2px solid #eee;
    }
    .regional-centres-page h4.centre-name{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1rem;
      margin-bottom:10px;
    }
    .regional-centres-page .photo-banner{
      width:100%;
      aspect-ratio:21/6;
      background:#f4f4f4;
      border:1px solid #e6e6e6;
      border-radius:6px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-top:8px;
      margin-bottom:32px;
    }
    .regional-centres-page .photo-banner i{
      font-size:48px;
      color:#8a1f1f;
    }
    .regional-centres-page .photo-banner .banner-caption{
      color:#666;
      font-size:0.9rem;
    }
    @media (max-width:576px){
      .regional-centres-page .photo-banner{ aspect-ratio:4/3; }
    }
    /*library*/
     .library-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:8px;
      margin-bottom:14px;
      padding-bottom:8px;
      border-bottom:2px solid #eee;
    }
    .library-page .photo-banner{
      width:100%;
      aspect-ratio:21/6;
      background:#f4f4f4;
      border:1px solid #e6e6e6;
      border-radius:6px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
      margin-top:8px;
    }
    .library-page .photo-banner i{
      font-size:48px;
      color:#8a1f1f;
    }
    .library-page .photo-banner .banner-caption{
      color:#666;
      font-size:0.9rem;
    }
    @media (max-width:576px){
      .library-page .photo-banner{ aspect-ratio:4/3; }
    }
  /*Division Conservation*/
  .conservation-division-page h3.section-heading {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 1.15rem;
    margin-top: 32px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #8a1f1f;
    color: #8a1f1f;
  }

  .conservation-division-page .lead-intro {
    font-size: 1rem;
    line-height: 1.7;
    color: #000;
  }

  /* ---- Stat strip (two centres) ---- */
   .stat-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 20px 0 8px;
  }

  .stat-card {
    flex: 1 1 200px;
    background: #fff;
    border: 1px solid #8a1f1f;
    border-radius: 6px;
    padding: 18px 16px;
    text-align: center;
  }

   .stat-card .stat-number {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 1.15rem;
    color: #8a1f1f;
    line-height: 1.3;
  }

   .stat-card .stat-label {
    font-size: 0.8rem;
    color: #000;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
  }

  /* ---- Division list ---- */
  .conservation-division-page .project-log {
    border: 1px solid #8a1f1f;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    margin-top: 24px;
  }

  .conservation-division-page .project-row {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 16px;
    border-bottom: 1px solid #8a1f1f;
  }

  .conservation-division-page .project-row:last-child {
    border-bottom: none;
  }

  .conservation-division-page .project-num {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #8a1f1f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 0.8rem;
    margin-top: 2px;
  }

  .conservation-division-page .project-text {
    color: #000;
    line-height: 1.55;
    font-size: 0.95rem;
    padding-top: 4px;
  }

  .conservation-division-page .project-text .division-name {
    font-weight: 700;
    color: #8a1f1f;
  }

  .conservation-division-page .project-text .current-project {
    display: block;
    font-size: 0.85rem;
    margin-top: 4px;
    color: #000;
  }

  .conservation-division-page .status-tag {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #8a1f1f;
    border: 1px solid #8a1f1f;
    border-radius: 20px;
    padding: 2px 10px;
    margin-top: 6px;
  }

  @media (max-width:767px) {
    .conservation-division-page .stat-card .stat-number {
      font-size: 1rem;
    }

    .conservation-division-page .project-text {
      font-size: 0.9rem;
    }
  }
/*CONSERVATION NEED*/
    .conservation-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.15rem;
      margin-top:32px;
      margin-bottom:14px;
      padding-bottom:8px;
      border-bottom:2px solid #8a1f1f;
      color:#8a1f1f;
    }
    .conservation-page .lead-intro{
      font-size:1rem;
      line-height:1.7;
      color:#000;
    }

    /* ---- Stat strip ---- */
    .conservation-page .stat-strip{
      display:flex;
      flex-wrap:wrap;
      gap:16px;
      margin:20px 0 8px;
    }
    .conservation-page .stat-card{
      flex:1 1 200px;
      background:#fff;
      border:2px solid #8a1f1f;
      border-radius:6px;
      padding:18px 16px;
      text-align:center;
    }
    .conservation-page .stat-card .stat-number{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.8rem;
      color:#8a1f1f;
      line-height:1.1;
    }
    .conservation-page .stat-card .stat-label{
      font-size:0.8rem;
      color:#8a1f1f;
      margin-top:6px;
      text-transform:uppercase;
      letter-spacing:0.03em;
    }

    /* ---- Achievements accordion ---- */
    .conservation-page .accordion-item{
      border:1px solid #99999;
      border-radius:6px !important;
      overflow:hidden;
      margin-bottom:10px;
    }
    .conservation-page .accordion-button{
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:0.98rem;
      color:#8a1f1f;
      background:#fff;
    }
    .conservation-page .accordion-button i.cat-icon{
      color:#8a1f1f;
      width:28px;
      text-align:center;
      margin-right:10px;
      font-size:1rem;
    }
    .conservation-page .accordion-button:not(.collapsed){
      background:#8a1f1f;
      color:#fff;
      box-shadow:none;
    }
    .conservation-page .accordion-button:not(.collapsed) i.cat-icon{
      color:#fff;
    }
    .conservation-page .accordion-button:focus{
      box-shadow:none;
      outline:2px solid #8a1f1f;
      outline-offset:-2px;
    }
    .conservation-page .accordion-button::after{
      filter:invert(14%) sepia(75%) saturate(2000%) hue-rotate(340deg) brightness(70%);
    }
    .conservation-page .accordion-button:not(.collapsed)::after{
      filter:brightness(0) invert(1);
    }
    .conservation-page .achievement-list{
      list-style:none;
      padding-left:0;
      margin-bottom:0;
    }
    .conservation-page .achievement-list li{
      position:relative;
      padding:7px 0 7px 26px;
      line-height:1.55;
    }
    .conservation-page .achievement-list li::before{
      content:"\f105"; /* fa-chevron-right */
      font-family:"Font Awesome 6 Free";
      font-weight:900;
      color:#8a1f1f;
      position:absolute;
      left:4px;
      top:9px;
      font-size:0.8rem;
    }

    /* ---- Stakeholders grid ---- */
    .conservation-page .stakeholder-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
      gap:14px;
      margin-top:8px;
    }
    .conservation-page .stakeholder-card{
      border:1px solid #8a1f1f;
      border-radius:8px;
      padding:16px 10px;
      text-align:center;
      background:#fff;
      transition:background-color .15s ease, transform .15s ease;
    }
    .conservation-page .stakeholder-card:hover{
      background:#8a1f1f;
      transform:translateY(-2px);
    }
    .conservation-page .stakeholder-card .node-circle{
      width:52px;
      height:52px;
      border-radius:50%;
      background:#fff;
      border:2px solid #8a1f1f;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0 auto 10px;
      transition:background-color .15s ease, border-color .15s ease;
    }
    .conservation-page .stakeholder-card .node-circle i{
      font-size:1.15rem;
      color:#8a1f1f;
      transition:color .15s ease;
    }
    .conservation-page .stakeholder-card .node-label{
      font-size:0.82rem;
      font-weight:600;
      color:#8a1f1f;
      line-height:1.3;
      transition:color .15s ease;
    }
    .conservation-page .stakeholder-card:hover .node-circle{
      background:#8a1f1f;
      border-color:#fff;
    }
    .conservation-page .stakeholder-card:hover .node-circle i{
      color:#fff;
    }
    .conservation-page .stakeholder-card:hover .node-label{
      color:#fff;
    }

    /* ---- Team cards ---- */
    .conservation-page .team-card{
      border:1px solid #8a1f1f;
      border-radius:8px;
      padding:20px 16px;
      text-align:center;
      height:100%;
      background:#fff;
    }
    .conservation-page .team-avatar{
      width:64px;
      height:64px;
      border-radius:50%;
      background:#8a1f1f;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0 auto 12px;
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:1.1rem;
    }
    .conservation-page .team-name{
      font-family:'Merriweather', serif;
      font-weight:700;
      color:#8a1f1f;
      font-size:1rem;
      margin-bottom:2px;
    }
    .conservation-page .team-qual{
      display:inline-block;
      font-size:0.72rem;
      color:#8a1f1f;
      background:#fff;
      border:2px solid #8a1f1f;
      border-radius:20px;
      padding:2px 10px;
      margin-bottom:10px;
    }
    .conservation-page .team-spec{
      font-size:0.85rem;
      color:#000;
      line-height:1.5;
    }

    @media (max-width:767px){
      .conservation-page .stat-card .stat-number{ font-size:1.5rem; }
      .conservation-page .accordion-button{ font-size:0.9rem; }
    }
    /*Need for research*/
    .about-content-box .focus-area-list{
      list-style:none;
      margin:0 0 1rem 0;
      padding:0;
    }
    .about-content-box .focus-area-list li{
      position:relative;
      display:flex;
      align-items:flex-start;
      gap:12px;
      padding:10px 0;
    }
    .about-content-box .focus-area-list li i{
      flex-shrink:0;
      width:28px;
      height:28px;
      border-radius:50%;
      border:1px solid #8a1f1f;
      color:#8a1f1f;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:12px;
      margin-top:2px;
    }
.focus-area-list .material-symbols-outlined {
    color: #96151e;
}
.division-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.division-name .material-symbols-outlined {
    font-size: 18px;
}

/**RESEARCH DIVISIONS**/
.about-content-box .focus-area-list {
        list-style: none;
        margin: 0 0 1rem 0;
        padding: 0;
    }

    .about-content-box .focus-area-list li {
        position: relative;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 10px 0;
    }

    .about-content-box .focus-area-list li i {
        flex-shrink: 0;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: 1px solid #8a1f1f;
        color: #8a1f1f;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        margin-top: 2px;
    }

    /* ---------- Research division cards ---------- */
    .about-content-box .division-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px 20px;
        margin: 0 0 1.25rem 0;
    }

    .about-content-box .division-card {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        background: #fbf9f2;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: 18px 20px;
    }

    .about-content-box .division-card .division-icon {
        flex-shrink: 0;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        border: 1px solid #8a1f1f;
        color: #8a1f1f;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        background: #fff;
    }

    .about-content-box .division-card h3 {
        font-family: 'Merriweather', serif;
        font-weight: 700;
        font-size: 1rem;
        margin: 2px 0 4px;
        color: #222;
    }

    .about-content-box .division-card p {
        font-size: 0.88rem;
        line-height: 1.5;
        color: #444;
        margin: 0;
    }

    @media (max-width: 767px) {
        .about-content-box .division-grid {
            grid-template-columns: 1fr;
        }
    }

/*ACHIEVEMENTS COMMON PAGE*/
    .achievements-page h3.section-heading{
      font-family:'Merriweather', serif;
      font-weight:700;
      color:#8a1f1f;
      font-size:1.15rem;
      margin-top:36px;
      margin-bottom:14px;
      padding-bottom:10px;
      border-bottom:2px solid #8a1f1f;
    }
    .achievements-page h3.section-heading:first-child{
      margin-top:0;
    }

    .achievements-page .achv-intro,
    .achievements-page .section-note{
      font-size:0.96rem;
      line-height:1.7;
      color:#333;
      margin-bottom:16px;
    }

    /* ---------- Shared table card wrapper ---------- */
     .table-card{
      background:#fff;
      border:1px solid #c7c7c7;
      border-radius:8px;
      overflow:hidden;
    }
   .table-card .table-responsive{
      margin-bottom:0;
    }
     .nrlc-table{
      margin-bottom:0;
    }
     .nrlc-table--wide{
      min-width:640px; /* forces horizontal scroll on narrow screens instead of squashing columns */
    }
    .nrlc-table thead th{
      background:#8a1f1f;
      color:#fff;
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:0.85rem;
      border:none;
      padding:12px 16px;
      white-space:nowrap;
    }
    .nrlc-table tbody td{
      padding:13px 16px;
      vertical-align:middle;
      border-bottom:1px solid #ececec;
      font-size:0.92rem;
      color:#333;
    }
    .nrlc-table tbody tr:last-child td{
      border-bottom:none;
    }
    .nrlc-table tbody tr:hover{
      background:#faf3f3;
    }
   .nrlc-table .col-num{
      width:52px;
      text-align:center;
      white-space:nowrap;
    }
     .num-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:26px;
      height:26px;
      border-radius:50%;
      background:#8a1f1f;
      color:#fff;
      font-family:'Merriweather', serif;
      font-weight:700;
      font-size:0.78rem;
    }
    .nrlc-table .col-title{
      font-family:'Merriweather', serif;
      font-weight:700;
      color:#8a1f1f;
    }
    .nrlc-table .col-link{
      width:44px;
      text-align:center;
    }
    .nrlc-table .col-link a{
      color:#8a1f1f;
    }
    .nrlc-table .col-details{
      color:#555;
    }

    /* ---------- "See also" achievement links ---------- */
    .achievements-page .achv-more{
      margin-top:20px;
    }
    .achievements-page .achv-more .btn{
      background:#8a1f1f;
      border:1px solid #8a1f1f;
      color:#fff;
      font-size:0.88rem;
      padding:8px 16px;
    }
    .achievements-page .achv-more .btn:hover{
      background:#6f1919;
      border-color:#6f1919;
      color:#fff;
    }

    /* ---------- Responsive tweaks ---------- */
    @media (max-width: 767px){
      .achievements-page h3.section-heading{
        font-size:1.05rem;
        margin-top:26px;
      }
      .achievements-page .nrlc-table tbody td,
      .achievements-page .nrlc-table thead th{
        padding:10px 12px;
        font-size:0.85rem;
      }
    }