.tbs-pagebar {
     background: #DEEBF7;
     /* requested color */
     margin-top: 120px;
     margin-bottom: 30px;

     @media (max-width: 1255px) {
         margin-top: 100px;
     }
	 
	 @media (max-width: 1200px) {
         margin-top: 125px;
     }
	
 }

 .tbs-pagebar__inner {
     max-width: 1240px;
     margin: 0 auto;
     padding: 15px 0;
     /* generous vertical space like the image */
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
     width: 100%;

     @media (max-width: 1280px) {
         padding:15px 20px;
     }

     @media (max-width: 992px) {
         flex-direction: column-reverse;
         padding: 15px 20px;
     }
 }

 /* Title (left) */
 .tbs-pagebar__title {
     margin: 0;
     font-size: 28px;
     line-height: 1.2;
     font-weight: 600;
     color: #1F2937;
     /* near-black for good contrast */
     letter-spacing: 1px;
     max-width: 60%;

     @media (max-width: 992px) {
         width: 100%;
         max-width: 100%;
     }

     @media (max-width:640px) {
         max-width: 100%;
     }
 }

 /* Breadcrumbs (right) */
 .tbs-breadcrumb {

     /* font-size: 14px; */
     li {
         font-size: 12px;
         line-height: 20px;
         margin-bottom: 0;
     }


     @media (max-width: 991px) {
         width: 100%;
     }

     @media (max-width: 992px) {
         margin-bottom: 10px;
     }
 }

 .tbs-breadcrumb__list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     align-items: center;
     color: #6B7280;
     /* muted gray for non-current crumbs */

     @media (max-width: 992px) {
         gap: 3x;
     }
 }

 .tbs-breadcrumb__item {
     display: inline-flex;
     align-items: center;
     /* gap: 8px; */
 }

 .tbs-breadcrumb__item+.tbs-breadcrumb__item::before {
     content: "/";
     color: #9CA3AF;
     /* light separator */
     margin-right: 8px;

     @media (max-width: 768px) {
         margin-right: 3px;
     }
 }

 .tbs-breadcrumb a {
     color: #6B7280;
     text-decoration: none;
 }

 .tbs-breadcrumb a:hover,
 .tbs-breadcrumb a:focus {
     color: #374151;
     text-decoration: underline;
 }

 .tbs-breadcrumb__current {
     color: #111827;
     /* darker, like bold in the screenshot */
     font-weight: 600;
 }

 /* Responsive stacking on small screens */
 @media (max-width: 640px) {
     .tbs-pagebar__inner {
         align-items: flex-start;
         gap: 10px;
     }

     .tbs-pagebar__title {
         font-size: 22px;
         line-height: 28px;
     }
 }