.tab-btn {position: relative;padding: 14px 40px; font-size: var(--fs-20);font-weight: 500;color: #B9B9B9;background: #e5e5e5;border: none;cursor: pointer;transition: 0.3s ease;border-top-left-radius: 15px;border-top-right-radius: 15px;  }
.tab-btn::before {content:''; width: 20px; height: 115%; position: absolute; bottom: -6px; left: -10px;background: #e5e5e5;border-top-left-radius: 15px; transform: rotate(20deg); transition: 0.3s ease;}
.tab-btn::after {content:''; width: 20px; height: 115%; position: absolute; bottom: -6px; right: -10px;background: #e5e5e5;border-top-right-radius: 15px;transform: rotate(-20deg); transition: 0.3s ease;box-shadow: 2px 0 3px rgba(0,0,0,0.05);z-index: 1;}
.tab-btn.active-tab::before {background: #EC3723;z-index: 4;}
.tab-btn.active-tab::after {background: #EC3723;z-index: 4;box-shadow: 2px 0 3px rgba(0,0,0,0.15);}
.tab-btn.active-tab {background: #EC3723;z-index: 4;color: #ffffff;}
.tab-btn:hover {background: #EC3723;color: #ffffff;z-index: 4;}
.tab-btn:hover::before {background: #EC3723;z-index: 4;}
.tab-btn:hover::after {background: #EC3723;z-index: 4;box-shadow: 2px 0 3px rgba(0,0,0,0.15);}
.tab-btn-wrapper::after {content: ''; background-color: #EC3723; width: 100%; height: 1px; position:absolute; bottom:0; left:0;z-index: 2;}
.tab-content-outer {border-left: 1px solid #B9B9B9;border-right: 1px solid #B9B9B9;border-bottom: 1px solid #B9B9B9;}
.bottom-border-full {position: relative;}
.bottom-border-full::after {content: ''; width: 115%; height: 1px; background-color: #B9B9B9; position: absolute; bottom: 0; left: -35px;}
.articlesection-content:has(.bottom-border-full:nth-child(even):last-child) .bottom-border-full:nth-last-child(-n+2)::after {display: none;}
.articlesection-content:has(.bottom-border-full:nth-child(odd):last-child) .bottom-border-full:last-child::after {display: none;}
.bottom-border-full:nth-child(even) { border-right: none !important; }
.tab-content-outer {overflow: hidden;}

.filtered-active .bottom-border-full:nth-child(even), .filtered-active .bottom-border-full:nth-child(odd) {border: none !important; }
.filtered-active .bottom-border-full::after {display: none;}

@media (max-width:992px) {
.tab-btn {padding: 12px 25px;}
.tab-btn-wrapper {justify-content: center;}
}
@media (max-width:767px) {
.tab-btn-wrapper {scroll-behavior: smooth;}
.tab-btn {flex: 0 0 auto;}
.tab-btn-wrapper { scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none;padding-left: 20px;}
.tab-btn-wrapper::-webkit-scrollbar {display: none;}
.tab-btn {padding: 12px 12px; font-size: 0.875rem;}
.bottom-border-full::after {left: -20px;}
.tab-btn-wrapper::after {width: 120%;}
.tab-btn-wrapper {justify-content: start;}
#resources-filter-btn, #resources-clear-btn {padding:6px 12px;font-size: 0.875rem;}
}

/* CSP-friendly: hide load-more cards and controls via class instead of inline style */
.resources-card-hidden { display: none;}
.resources-load-more-wrap-hidden { display: none;}
.resources-clear-btn-hidden {display: none;}
.resources-financial-item-hidden {display: none;}