/* 1. СПИСКИ (ЗМЕНШЕНО НА 1/3) */
.vp-article li { 
    margin-bottom: 1px !important; 
    line-height: 1.4 !important;
}
.vp-article ul, .vp-article ol { 
    margin-bottom: 8px !important; 
    margin-top: 4px !important;
}

/* 2. КОЛЬОРОВИЙ БЛОК: ОСТАННЯ СПРОБА ЧЕРЕЗ VP-СЕЛЕКТОР */
/* Ми цілимося в класи, які Viewport використовує для макросів */
.vp-article .vp-admonition,
.vp-article [class*="vp-macro"],
.confluence-information-macro {
    display: flex !important;
    padding: 4px 12px !important; /* Ультра-компактно */
    min-height: 0 !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Повертаємо іконку, але обнуляємо її "розпірки" */
.vp-article .vp-admonition-icon,
.vp-article [class*="macro-icon"],
.confluence-information-macro-icon {
    display: flex !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

/* Примусово стискаємо текст */
.vp-article .vp-admonition-content,
.confluence-information-macro-body {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.vp-article .vp-admonition-content p,
.confluence-information-macro-body p {
    margin: 0 !important;
}