/* Basic styling for the news tab UI */
.news-tab { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 16px; padding-left: 0!important; }
.news-tab li { cursor: pointer; padding: 8px 14px; border: 1px solid #ddd; border-radius: 20px; background: #fff; user-select: none; list-style: none; }
.news-tab li.select, .news-tab li:hover { border-color: var(--brand-primary, #E60012); color: #fff; background: var(--brand-primary, #E60012); }
.news-tab-wrap ol, .news-tab ul { padding-left: 0; }

.news-tab-content { list-style: none; margin: 0; padding-left: 0!important; }
.news-tab-content > li { display: none; }
.news-tab-content > li.is-active { display: block; }
.news-tab-content h2.su-post-title { background: none!important; }

.news-tab .hide { display: none; }

.btn-wrap { margin-top: 16px; }
.btn.btn--red { background: var(--brand-primary, #E60012); color: #fff; padding: 10px 16px; border-radius: 4px; display: inline-block; text-decoration: none; }
.btn.btn--red:hover { filter: brightness(0.92); }