.xbd-links-manager {
    --xbd-lm-category-columns: 2;
    display: grid;
    grid-template-columns: repeat(var(--xbd-lm-category-columns), minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.xbd-lm-exchange,
.xbd-lm-empty {
    grid-column: 1 / -1;
}

.xbd-lm-exchange {
    padding: 22px 24px;
    border: 1px solid #d9e2df;
    border-left: 5px solid #267a62;
    border-radius: 8px;
    background: #f8fbfa;
}

.xbd-lm-exchange-title,
.xbd-lm-category-title {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.25;
}

.xbd-lm-exchange-content {
    color: #3f4b48;
    line-height: 1.75;
}

.xbd-lm-exchange-content p,
.xbd-lm-category-description,
.xbd-lm-description {
    margin: 0;
}

.xbd-lm-exchange-content p + p {
    margin-top: 10px;
}

.xbd-lm-category {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 22px 24px 24px;
    border: 1px solid #dce5e2;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
    box-shadow: 0 10px 24px rgba(35, 63, 56, 0.08);
}

.xbd-lm-category::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #267a62 0%, #c69b3f 100%);
}

.xbd-lm-category-title {
    position: relative;
    padding-left: 14px;
}

.xbd-lm-category-title::before {
    content: "";
    position: absolute;
    top: 0.25em;
    bottom: 0.25em;
    left: 0;
    width: 4px;
    border-radius: 999px;
    background: #267a62;
}

.xbd-lm-category-description {
    margin-bottom: 16px;
    color: #596662;
    line-height: 1.7;
}

.xbd-lm-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.xbd-lm-item {
    min-width: 0;
    padding: 14px 0;
    border-top: 1px solid #edf1ef;
}

.xbd-lm-item:first-child {
    border-top: 0;
    padding-top: 0;
}

.xbd-lm-item:last-child {
    padding-bottom: 0;
}

.xbd-lm-name {
    display: inline-flex;
    max-width: 100%;
    color: #165f4a;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.xbd-lm-name:hover,
.xbd-lm-name:focus {
    color: #0b3f31;
    text-decoration: underline;
}

.xbd-lm-description {
    margin-top: 8px;
    color: #4f5d59;
    font-size: 15px;
    line-height: 1.65;
}

.xbd-lm-empty {
    color: #66736f;
}

@media (max-width: 720px) {
    .xbd-links-manager {
        grid-template-columns: 1fr;
    }

    .xbd-lm-exchange,
    .xbd-lm-category {
        padding: 18px;
    }

    .xbd-lm-exchange-title,
    .xbd-lm-category-title {
        font-size: 22px;
    }
}