/* Базовый стиль для неопубликованной ссылки */
.useg-fl-soon {
    color: #6b7280; /* Спокойный серый */
    border-bottom: 1px dashed #9ca3af;
    cursor: help;
    position: relative;
    font-family: 'Inter', sans-serif;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.useg-fl-soon:hover {
    color: #111827;
    border-bottom-color: #111827;
}

/* Стильная hover-подсказка — только десктоп */
.useg-fl-soon:hover::after {
    content: attr(data-useg-tooltip);
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #111827;
    color: #ffffff;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    line-height: 1.4;
    padding: 6px 10px;
    border-radius: 0;
    white-space: nowrap;
    z-index: 9999;
    pointer-events: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Инлайн-дата: на десктопе скрыта визуально, но доступна скринридерам и AI (один раз) */
.useg-fl-date-hint {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    font-size: 0.85em;
    color: #9ca3af;
}

/* Текст только для скринридеров (визуально невидим) */
.useg-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Опубликованная ссылка (наследуем стили темы, просто сбрасываем наши модификаторы) */
.useg-fl-link {
    /* Тема сама разберется, мы не лезем в ее дизайн */
}

/* Ошибка в админке/фронтенде, если slug битый */
.useg-error {
    color: #dc2626;
    font-family: monospace;
    background: #fef2f2;
    padding: 2px 4px;
    border-radius: 0;
}

/* Мобилка: инлайн-дата видна, hover-подсказка не нужна (тач не умеет hover) */
@media (max-width: 767px) {
    .useg-fl-date-hint {
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 0 4px;
        overflow: visible;
        clip: auto;
        white-space: normal;
        display: inline;
    }
    .useg-fl-soon:hover::after {
        display: none;
    }
}


/* === FAQ аккордеон === */
.useg-faq {
    margin: 3.5em 0; /* воздух от соседних блоков, независимо от темы */
    /* font-family: var(--useg-body-font, inherit); */
}

.useg-faq__title {
    /* font-family: var(--useg-heading-font, inherit); */
    font-size: clamp(calc(var(--useg-faq-title-size, 24px) * 0.8), calc(var(--useg-faq-title-size, 24px) * 0.8 + 0.5vw), var(--useg-faq-title-size, 24px));
    font-weight: 700;
    color: var(--useg-faq-title-color, var(--useg-accent, #111827));
    margin-bottom: 1.25rem;
}

.useg-faq__item {
    border: 1px solid var(--useg-border, #e5e7eb);
    border-radius: var(--useg-radius, 0px);
    margin-bottom: 8px;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.2s;
}

.useg-faq__item:hover {
    border-color: var(--useg-accent, #111827);
}












.useg-faq__question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: none;
    border: none;
    cursor: pointer;
    /* font-family: var(--useg-heading-font, inherit); */
    font-size: clamp(calc(var(--useg-faq-q-size, 17px) * 0.88), calc(var(--useg-faq-q-size, 17px) * 0.88 + 0.4vw), var(--useg-faq-q-size, 17px));
    font-weight: 600;
    color: var(--useg-faq-q-color, var(--useg-accent, #111827));
    text-align: left;
    line-height: 1.4;
    transition: background var(--useg-hover-speed, 0.2s) ease, color var(--useg-hover-speed, 0.2s) ease;
    border-radius: var(--useg-radius, 0px);
}

.useg-faq__question:hover {
    background: var(--useg-accent-soft, #f9fafb);
    color: var(--useg-faq-q-hover, var(--useg-faq-q-color, #111827));
}

.useg-faq__icon {
    flex-shrink: 0;
    margin-left: 16px;
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--useg-faq-icon, #6b7280);
    transition: transform var(--useg-hover-speed, 0.2s) ease, color var(--useg-hover-speed, 0.2s) ease;
}

.useg-faq__item--open .useg-faq__icon {
    transform: rotate(45deg);
    color: var(--useg-faq-q-color, var(--useg-accent, #111827));
}

.useg-faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.useg-faq__item--open .useg-faq__answer {
    max-height: 1000px;
}

.useg-faq__answer-content {
    padding: 0 20px 20px;
    color: var(--useg-text, #374151);
    line-height: 1.6;
}

.useg-faq__answer-content p {
    margin: 0.5em 0;
}


/* === HowTo секция: грид «номер | заголовок | описание» === */
.useg-howto {
    margin: 3.5em 0; /* тот же воздух */
    /* font-family: var(--useg-body-font, inherit); */
}

.useg-howto__title {
    /* font-family: var(--useg-heading-font, inherit); */
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--useg-accent, #111827);
    margin-bottom: 1.25rem;
}

.useg-howto__step {
    display: grid;
    grid-template-columns: 48px minmax(150px, 1fr) 2fr;
    gap: 12px 20px;
    align-items: start;
    padding: 15px 0;
    border-bottom: 1px solid var(--useg-border, #e5e7eb);
}

.useg-howto__step:last-child {
    border-bottom: none;
}

.useg-howto__number {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--useg-accent, #111827);
    color: #fff;
    /* font-family: var(--useg-heading-font, inherit); */
    font-size: 1.25rem;
    font-weight: 700;
    border-radius: var(--useg-radius, 0px);
}

.useg-howto__step-title {
    font-family: var(--useg-heading-font, inherit);
    /* 20px на десктопе, плавно и равномерно уменьшается до 16px на мобильных */
    font-size: clamp(16px, 12px + 1vw, 20px);
    font-weight: 600;
    color: var(--useg-accent, #111827);
    line-height: 1.35;
    margin: 0;
    padding-top: 10px; /* первая строка заголовка — по центру плашки с номером */
}

.useg-howto__step-desc {
    color: var(--useg-text, #374151);
    line-height: 1.6;
    padding-top: 10px; /* тот же отступ: колонки стоят ровненько по одной линии */
}

@media (max-width: 640px) {
    .useg-howto__step {
        grid-template-columns: 36px 1fr;
        gap: 8px 14px;
    }
    .useg-howto__number {
        width: 36px;
        height: 36px;
        font-size: 1.05rem;
    }
    .useg-howto__step-title {
        padding-top: 7px;
    }
    .useg-howto__step-desc {
        grid-column: 2;
        padding-top: 0;
    }
}

/* === CTA-плашка === */
.useg-cta {
    margin: 2.5em 0;
    padding: 1.5em 2em;
    background: var(--useg-page-bg, transparent);
    color: var(--useg-page-color, inherit);
    border: 1px solid var(--useg-page-cta-border, var(--useg-border, #e5e7eb));
    border-radius: var(--useg-page-radius, 0px);
    /* font-family: var(--useg-page-font, inherit); */
    transition: background .2s ease, border-color .2s ease;
}
.useg-cta:hover {
    background: var(--useg-page-cta-hover, rgba(17, 24, 39, 0.03));
    border-color: var(--useg-page-cta-border, var(--useg-border, #e5e7eb));
}











.useg-related__card-title {
    font-size: clamp(calc(var(--useg-related-title, 20px) * 0.8), calc(var(--useg-related-title, 20px) * 0.8 + 0.5vw), var(--useg-related-title, 20px));
    font-weight: 600;
    margin: 0 0 .4em;
    line-height: 1.35;
}

.useg-related__card-title a {
    color: var(--useg-related-title-color, var(--useg-page-accent, var(--useg-accent, #111827)));
    text-decoration: none;
    transition: color var(--useg-hover-speed, 0.2s) ease;
}

.useg-related__card-title a:hover {
    color: var(--useg-related-title-hover, #111827);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.useg-related__card-desc {
    font-size: .92rem;
    line-height: 1.5;
    color: var(--useg-related-desc, #374151);
    margin: 0;
    flex: 1;
}


















.useg-cta__title {
    margin: 0 0 .5em;
    font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem);
    font-weight: 700;
}
.useg-cta__text {
    margin: 0 0 1em;
    line-height: 1.55;
}
.useg-cta__button {
    display: inline-block;
    padding: .75em 1.6em;
    background: var(--useg-page-button, var(--useg-accent, #111827));
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--useg-page-radius, 0px);
    transition: opacity .2s ease, transform .2s ease;
}
.useg-cta__button:hover { opacity: .88; transform: translateY(-1px); }

/* === Читайте также === */
.useg-related {
    margin: 3em 0 2em;
    /* font-family: var(--useg-page-font, inherit); */
}





.useg-related__title {
    font-size: clamp(calc(var(--useg-related-title-block, 24px) * 0.8), calc(var(--useg-related-title-block, 24px) * 0.8 + 0.5vw), var(--useg-related-title-block, 24px));
    font-weight: 700;
    color: var(--useg-page-accent, var(--useg-accent, #111827));
    margin: 0 0 1em;
}







.useg-related__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25em;
}
.useg-related__card {
    background: #fff;
    border: 1px solid var(--useg-border, #e5e7eb);
    border-radius: var(--useg-page-radius, 0px);
    padding: 1em;
    display: flex;
    flex-direction: column;
    transition: border-color .2s ease, transform .2s ease;
}
.useg-related__card:hover { border-color: var(--useg-page-accent, var(--useg-accent, #111827)); transform: translateY(-2px); }
.useg-related__img { display:block; margin-bottom: .8em; border-radius: var(--useg-page-radius, 0px); overflow:hidden; }
.useg-related__img img { width:100%; height:auto; display:block; aspect-ratio: 16/10; object-fit:cover; }



/* Размер заголовка карточки — из переменной --useg-related-title (опция «Читайте также»: размер заголовка) */
.useg-related__card-title a {
    color: var(--useg-related-title-color, var(--useg-page-accent, var(--useg-accent, #111827)));
    text-decoration: none;
    transition: color 0.2s ease;
}
.useg-related__card-title a:hover {
    color: var(--useg-accent, #111827);
    text-decoration: underline;
    text-underline-offset: 3px;
}




.useg-related__card-desc { font-size: .92rem; line-height: 1.5; color: var(--useg-text, #374151); margin: 0; flex: 1; }

/* === Даты публикации/обновления === */
.useg-dates {
    font-size: .92rem;
    color: var(--useg-text-muted, #6b7280);
    margin: .5em 0 1.5em;
    /* font-family: var(--useg-page-font, inherit); */
}
.useg-dates time { font-weight: 600; color: var(--useg-text, #374151); }


/* === Блок автора === */
.useg-author {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin: 2.5em 0;
    padding: 20px;
    background: var(--useg-author-bg, transparent);
    border: 1px solid var(--useg-border, #e5e7eb);
    border-radius: var(--useg-page-radius, 0px);
    /* font-family: var(--useg-page-font, inherit); */
}
.useg-author--vertical { flex-direction: column; align-items: center; text-align: center; }
.useg-author--mini { padding: 12px 16px; gap: 12px; align-items: center; margin: 1.5em 0; }
.useg-author__avatar img { width: 96px; height: 96px; object-fit: cover; border-radius: var(--useg-page-radius, 0px); display: block; }
.useg-author--mini .useg-author__avatar img { width: 44px; height: 44px; }
.useg-author__name { margin: 0 0 4px; font-weight: 700; font-size: 1.1rem; color: var(--useg-author-accent, var(--useg-accent, #111827)); }
.useg-author__creds { margin: 0 0 8px; font-size: .92rem; color: var(--useg-text-muted, #6b7280); }
.useg-author--mini .useg-author__creds { margin: 0; }
.useg-author__bio { margin: 0; line-height: 1.6; color: var(--useg-text, #374151); }


/* === Блоки внимания === */
.useg-note {
    display: flex;
    gap: 14px;
    margin: 1.8em 0;
    padding: 16px 18px;
    border-radius: var(--useg-page-radius, 0px);
    /* font-family: var(--useg-page-font, inherit); */
}
.useg-note__icon { font-size: 1.3em; line-height: 1; flex-shrink: 0; }
.useg-note__title { font-weight: 700; margin: 0 0 6px; }
.useg-note__text p { margin: 0 0 .6em; }
.useg-note__text p:last-child { margin: 0; }




.useg-note--info    { background: var(--useg-note-info-bg, #eff6ff); border: 1px solid #bfdbfe; color: var(--useg-note-info-color, #1e3a8a); }
.useg-note--tip     { background: var(--useg-note-tip-bg, #f0fdf4); border: 1px solid #bbf7d0; color: var(--useg-note-tip-color, #14532d); }
.useg-note--warning { background: var(--useg-note-warning-bg, #fffbeb); border: 1px solid #fde68a; color: var(--useg-note-warning-color, #78350f); }
.useg-note--danger  { background: var(--useg-note-danger-bg, #fef2f2); border: 1px solid #fecaca; color: var(--useg-note-danger-color, #7f1d1d); }
.useg-note--success { background: #f0fdf4; border: 1px solid #86efac; color: #14532d; }






/* Компоновки: рамка (дефолт) / цветная полоса слева / плоская */
.useg-note--side { background: #f9fafb; border: 0; border-left: 4px solid currentColor; }
.useg-note--flat { background: transparent; border: 0; padding: 4px 0; }



























/* ========== Ссылки в контенте (.art-body a) ========== */
.art-body a:not(.useg-fl-link):not(.useg-fl-soon):not(.useg-cta__button):not(.useg-related__card-title a) {
    color: var(--useg-content-link, #111827);
    transition: color var(--useg-hover-speed, 0.2s) ease;
}

.art-body a:not(.useg-fl-link):not(.useg-fl-soon):not(.useg-cta__button):not(.useg-related__card-title a):hover {
    color: var(--useg-content-link-hover, #dc2626);
}

.art-body a:not(.useg-fl-link):not(.useg-fl-soon):not(.useg-cta__button):not(.useg-related__card-title a):visited {
    color: var(--useg-content-link-visited, var(--useg-content-link, #111827));
}

/* Подчёркивание в зависимости от настройки */
:root {
    --useg-link-ul: underline;
}
[data-useg-link-deco="underline"] .art-body a:not(.useg-fl-link):not(.useg-fl-soon):not(.useg-cta__button):not(.useg-related__card-title a) {
    text-decoration: underline;
    text-underline-offset: 3px;
}
[data-useg-link-deco="hover-underline"] .art-body a:not(.useg-fl-link):not(.useg-fl-soon):not(.useg-cta__button):not(.useg-related__card-title a) {
    text-decoration: none;
}
[data-useg-link-deco="hover-underline"] .art-body a:not(.useg-fl-link):not(.useg-fl-soon):not(.useg-cta__button):not(.useg-related__card-title a):hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}
[data-useg-link-deco="none"] .art-body a:not(.useg-fl-link):not(.useg-fl-soon):not(.useg-cta__button):not(.useg-related__card-title a) {
    text-decoration: none;
}

/* ========== Блоки внимания: переопределение ========== */
.useg-note[style*="--useg-note-title"] .useg-note__title,
.useg-note:where([style*="--useg-note-title"]) .useg-note__title {
    color: var(--useg-note-title) !important;
}

.useg-note[style*="--useg-note-text"] .useg-note__text,
.useg-note:where([style*="--useg-note-text"]) .useg-note__text {
    color: var(--useg-note-text) !important;
}

.useg-note--side {
    border-left-width: var(--useg-note-border-w, 4px);
}

/* ========== Таблицы ========== */
.art-body table,
.useg-note table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    border: 1px solid var(--useg-table-border, #e5e7eb);
    font-size: 0.95em;
}

.art-body table th,
.useg-note table th {
    background: var(--useg-table-head-bg, #111827);
    color: var(--useg-table-head-color, #ffffff);
    font-weight: 600;
    text-align: left;
    padding: 12px 16px;
    border: 1px solid var(--useg-table-border, #e5e7eb);
}

.art-body table td,
.useg-note table td {
    padding: 12px 16px;
    border: 1px solid var(--useg-table-border, #e5e7eb);
    vertical-align: top;
    transition: background var(--useg-hover-speed, 0.2s) ease;
}

/* Zebra-striping */
.art-body table tbody tr:nth-child(even),
.useg-note table tbody tr:nth-child(even) {
    background: var(--useg-table-stripe, #f9fafb);
}

/* Hover на строке */
.art-body table tbody tr:hover,
.useg-note table tbody tr:hover {
    background: var(--useg-table-hover, #f3f4f6);
}

/* Компактный режим */
:root:has([data-useg-table-compact="1"]) .art-body table th,
:root:has([data-useg-table-compact="1"]) .art-body table td,
[data-useg-table-compact="1"] .art-body table th,
[data-useg-table-compact="1"] .art-body table td {
    padding: 6px 10px;
    font-size: 0.9em;
}

/* ========== Hover-lift для карточек ========== */
[data-useg-lift="1"] .useg-related__card,
.useg-related__card:where([data-useg-lift="1"]) {
    transition: border-color var(--useg-hover-speed, 0.2s) ease,
                transform var(--useg-hover-speed, 0.2s) ease,
                box-shadow var(--useg-hover-speed, 0.2s) ease;
}

[data-useg-lift="1"] .useg-related__card:hover,
.useg-related__card:where([data-useg-lift="1"]):hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* ========== Списки с кастомными маркерами (бонус) ========== */
/* .art-body ul.useg-list-check li::marker { content: "✓ "; color: #16a34a; }
.art-body ul.useg-list-arrow li::marker { content: "→ "; color: var(--useg-accent, #111827); }
.art-body ul.useg-list-cross li::marker { content: "✗ "; color: #dc2626; }
 */





/* Цвета текста и заголовков из модуля «Страница».
   Компоненты плагина (note, CTA, FAQ, карточки, списки, источники) сохраняют
   СВОИ цвета: прямое правило .art-body p иначе перебивало бы наследование
   от контейнера блока. Исключения — те же, что в типографике useg-typo-v3. */
.art-body {
color: var(--useg-text-color, inherit);
}
.art-body p:not([class*="useg-"]):not(.useg-note__text > p):not(.useg-faq__answer-content > p),
.art-body li:not([class*="useg-"]):not(.useg-sources__list > li):not(.useg-list > li) {
color: var(--useg-text-color, inherit);
}
.art-body h2:not([class*="useg-"]),
.art-body h3:not([class*="useg-"]),
.art-body h4:not([class*="useg-"]) {
color: var(--useg-text-heading-color, inherit);
}








/* ========== Таблицы [useg_table] ========== */
.useg-table-wrap {
    overflow-x: auto;
    margin: 1.5em 0;
    -webkit-overflow-scrolling: touch;
}

.useg-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--useg-table-border, #e5e7eb);
    font-size: 0.95em;
}

.useg-table th {
    background: var(--useg-table-head-bg, #111827);
    color: var(--useg-table-head-color, #ffffff);
    font-weight: 600;
    text-align: left;
    padding: 12px 16px;
    border: 1px solid var(--useg-table-border, #e5e7eb);
}

.useg-table td {
    padding: 12px 16px;
    border: 1px solid var(--useg-table-border, #e5e7eb);
    vertical-align: top;
    transition: background var(--useg-hover-speed, 0.2s) ease;
}

/* Zebra-striping */
.useg-table--striped tbody tr:nth-child(even) {
    background: var(--useg-table-stripe, #f9fafb);
}

/* Hover на строке */
.useg-table tbody tr:hover {
    background: var(--useg-table-hover, #f3f4f6);
}

/* Компактный режим */
.useg-table--compact th,
.useg-table--compact td {
    padding: 6px 10px;
    font-size: 0.9em;
}

/* Мобилка: горизонтальный скролл */
@media (max-width: 640px) {
    .useg-table {
        min-width: 600px;
    }
}






/* ========== Кастомные маркеры списков ========== */
/* .useg-list {
    list-style: none;
    padding-left: 0;
    margin: 1.5em 0;
}

.useg-list li {
    position: relative;
    padding-left: 2em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}

.useg-list li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
} */

.useg-list,
.art-body ul.useg-list,
.entry-content ul.useg-list { 
  list-style: none; 
  padding-left: 0; 
  margin: 1.5em 0; 
}

.useg-list li,
.art-body .useg-list li,
.entry-content .useg-list li {
    list-style: none;
    position: relative;
    padding-left: 2em;
    margin: 0 0 .6em;
    line-height: 1.6;
}
.useg-list li::before,
.art-body .useg-list li::before,
.entry-content .useg-list li::before { 
  position: absolute; 
  left: 0; 
  top: 0; 
  font-weight: 700; 
}

/* Галочки */
.useg-list-check li::before {
    content: "✓";
    color: #16a34a;
}

/* Стрелки */
.useg-list-arrow li::before {
    content: "→";
    color: var(--useg-accent, #111827);
}

/* Крестики */
.useg-list-cross li::before {
    content: "✗";
    color: #dc2626;
}

/* Звёзды */
.useg-list-star li::before {
    content: "★";
    color: #f59e0b;
}

/* Сердца */
.useg-list-heart li::before {
    content: "♥";
    color: #ec4899;
}


/* === Блок источников === */
.useg-sources {
    margin: 2.5em 0;
    padding: 1.5em;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: var(--useg-page-radius, 0px);
}

.useg-sources__title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 1em;
    color: var(--useg-accent, #111827);
}

.useg-sources__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.useg-sources__item {
    margin-bottom: 0.6em;
    padding-left: 1.5em;
    position: relative;
}

.useg-sources__item::before {
    content: "📄";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.9em;
}

.useg-sources__link {
    color: var(--useg-accent, #111827);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.useg-sources__link:hover {
    color: var(--useg-content-link-hover, #dc2626);
}

.useg-sources__text {
    color: var(--useg-text, #374151);
}

/* === Хлебные крошки === */
.useg-breadcrumbs {
    font-size: .875rem;
    color: var(--useg-text-muted, #6b7280);
    margin: 0 0 1.2em;
}
.useg-breadcrumbs a {
    color: var(--useg-accent, #111827);
    text-decoration: none;
    transition: color .2s ease;
}
.useg-breadcrumbs a:hover {
    color: var(--useg-content-link-hover, #dc2626);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.useg-breadcrumbs__sep { margin: 0 .4em; color: var(--useg-text-muted, #6b7280); }
.useg-breadcrumbs__current { color: var(--useg-text, #374151); font-weight: 500; }

/* === Единая дизайн-система: тень и скругление всех блоков плагина === */
.useg-cta,
.useg-note,
.useg-related__card,
.useg-table-wrap,
.useg-author,
.useg-sources {
    box-shadow: var(--useg-shadow, none);
    border-radius: var(--useg-page-radius, var(--useg-radius, 0px));
}

.useg-cta {
    box-shadow: var(--useg-cta-shadow, var(--useg-shadow, none));
}
.useg-table {
    border-radius: inherit;
}
/* Градиентный акцент на кнопках CTA */
.useg-cta__button {
    background: var(--useg-page-button, var(--useg-accent, #111827));
}

/* ============================================================
   БЛОКИ ВНИМАНИЯ: финальный слой, привязанный к настройкам админки.
   Стоит в конце файла → выигрывает у всех правил выше при равной специфичности.
   ============================================================ */
   /* ============================================================
   ДИЗАЙН-СИСТЕМА: финальный слой, потребляющий переменные админки.
   Стоит последним в файле → перебивает любые правила выше.
   ============================================================ */


.useg-note {
    position: relative;
    margin: 1.75em 0;
    padding: 1.1em 1.35em;
    border: 1px solid transparent;
}
.useg-note__icon { margin-right: .5em; }
.useg-note__title {
    font-weight: 700;
    margin: 0 0 .5em;
    color: var(--useg-note-title, currentColor); /* переопределение заголовка из админки */
}
.useg-note__text { color: var(--useg-note-text, currentColor); /* переопределение текста */ }
.useg-note__text p { margin: 0 0 .6em; }
.useg-note__text p:last-child { margin: 0; }

/* --- LAYOUT: три варианта геометрии --- */
.useg-note--frame {
    border-color: currentColor;
    border-color: color-mix(in srgb, currentColor 30%, transparent);
}
.useg-note--side {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: var(--useg-note-border-w, 4px) solid currentColor; /* ТА САМАЯ ПОЛОСКА */
}
.useg-note--flat {
    border: none;
    border-bottom: 1px solid currentColor;
    background: transparent !important;
}

/* --- TYPE: цвета из админки, пусто = дефолты --- */
.useg-note--info    { background: var(--useg-note-info-bg, #eff6ff);    color: var(--useg-note-info-color, #1e3a8a); }
.useg-note--tip     { background: var(--useg-note-tip-bg, #f0fdf4);     color: var(--useg-note-tip-color, #14532d); }
.useg-note--warning { background: var(--useg-note-warning-bg, #fffbeb); color: var(--useg-note-warning-color, #78350f); }
.useg-note--danger  { background: var(--useg-note-danger-bg, #fef2f2);  color: var(--useg-note-danger-color, #7f1d1d); }
.useg-note--success { background: var(--useg-note-success-bg, #f0fdf4); color: var(--useg-note-success-color, #166534); }





/* Единое скругление и единая тень для всех геометрических блоков */
.useg-cta,
.useg-note,
.useg-related__card,
.useg-table-wrap,
.useg-author,
.useg-sources {
    border-radius: var(--useg-page-radius, var(--useg-radius, 0px));
    box-shadow: var(--useg-shadow, none);
}
.useg-table-wrap { overflow: hidden; } /* чтобы таблица не вылезала из скругления */
/* .useg-cta { box-shadow: var(--useg-cta-shadow, var(--useg-shadow, none)); } */



/* Глобальные переопределения заголовка и текста note */
.useg-note__title { color: var(--useg-note-title, currentColor); }
.useg-note__text  { color: var(--useg-note-text, currentColor); }

/* Кнопка CTA: фон принимает и плоский цвет, и градиент из --useg-accent */
.useg-cta__button { background: var(--useg-page-button, var(--useg-accent, #111827)); }