/* Editor-specific styling */
.mx-tabs-wrapper-edit { border: 2px dashed #ccc; padding: 20px; border-radius: 8px; background: #fdfdfd; }
.mx-tab-edit { border: 1px solid #e5e5e5; padding: 20px; margin-bottom: 15px; background: #ffffff; }
.mx-tab-title-input { width: 100%; padding: 10px; font-size: 16px; font-weight: bold; margin-bottom: 15px; border: 1px solid #ddd; }

/* Frontend Layout */
.mx-tabs-wrapper .mx-tabs-nav { display: flex; flex-wrap: wrap; border-bottom: 2px solid #e5e5e5; gap: 5px; }
.mx-tabs-wrapper .mx-tab-btn { background-color: transparent; color: #555555; border: none; border-radius: 8px 8px 0 0; padding: 12px 24px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; }
.mx-tabs-wrapper .mx-tab-btn.is-active { background-color: #799c7b; color: #ffffff; }
.mx-tabs-wrapper .mx-tab-btn:hover:not(.is-active) { background-color: #f5f5f5; }
.mx-tabs-wrapper .mx-tab-item { display: none; border: 1px solid #e5e5e5; border-top: none; padding: 0; background: #ffffff; border-radius: 0 0 10px 10px; }
.mx-tabs-wrapper .mx-tab-item.is-active { display: block; animation: fadeIn 0.3s ease-in-out; }
.mx-tabs-wrapper .mx-tab-item p { margin:0; }

/* Checkmarks */
.mx-tabs-wrapper .mx-tab-item ul { list-style: none; padding-left: 0; }
.mx-tabs-wrapper .mx-tab-item ul li { position: relative; padding-left: 30px; margin-bottom: 15px; }
.mx-tabs-wrapper .mx-tab-item ul li::before { content: "✔"; color: #799c7b; position: absolute; left: 0; font-weight: bold; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }