/* 1. Скрываем стандартный заголовок и иконку callout-а */
.callout[data-callout="nav"] .callout-title {
    display: none;
}

/* 2. Настраиваем контейнер (тело callout-а) */
.callout[data-callout="nav"] {
    background-color: transparent; /* Прозрачный фон */
    border: none; /* Убираем рамки */
    box-shadow: none;
    padding: 0;
    margin-top: 40px; /* Отступ сверху */
    border-top: 1px solid var(--background-modifier-border); /* Линия разделитель */
}

/* 3. Выстраиваем ссылки в одну строку и разносим по краям */
.callout[data-callout="nav"] .callout-content > p {
    display: flex;
    justify-content: space-between; /* Левый элемент влево, правый вправо */
    align-items: center;
    margin: 10px 0;
    width: 100%;
}

/* 4. Стилизация самих кнопок-ссылок */
.callout[data-callout="nav"] a.internal-link {
    padding: 8px 16px;
    background-color: var(--interactive-accent); /* Цвет акцента */
    color: var(--text-on-accent);
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.9em;
    transition: transform 0.2s, opacity 0.2s;
}

.callout[data-callout="nav"] a.internal-link:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}