.pkdn-sl {
    --pkdn-sl-bg: #141210;
    --pkdn-sl-border: #2a2620;
    --pkdn-sl-heading: #c9a84c;
    --pkdn-sl-rule: #c9a84c;
    --pkdn-sl-link: #faf7f0;
    --pkdn-sl-hover: #c9a84c;
    --pkdn-sl-radius: 10px;
    --pkdn-sl-size: 15px;

    background: var(--pkdn-sl-bg);
    border: 1px solid var(--pkdn-sl-border);
    border-radius: var(--pkdn-sl-radius);
    padding: 18px 18px 14px;
    max-width: 320px;
    box-sizing: border-box;
}

.pkdn-sl .pkdn-sl-title {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--pkdn-sl-rule);
    color: var(--pkdn-sl-heading);
    font-family: "Playfair Display", Georgia, serif;
    font-size: calc(var(--pkdn-sl-size) + 2px);
    font-weight: 700;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pkdn-sl .pkdn-sl-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkdn-sl .pkdn-sl-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pkdn-sl .pkdn-sl-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 4px;
    color: var(--pkdn-sl-link);
    font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size: var(--pkdn-sl-size);
    line-height: 1.35;
    text-decoration: none;
    border-radius: 6px;
    transition: color .15s ease, background .15s ease;
}

.pkdn-sl .pkdn-sl-link:hover,
.pkdn-sl .pkdn-sl-link:focus {
    color: var(--pkdn-sl-hover);
    background: rgba(201, 168, 76, .07);
    text-decoration: none;
}

.pkdn-sl .pkdn-sl-ico {
    font-size: calc(var(--pkdn-sl-size) + 2px);
    line-height: 1;
    width: 22px;
    text-align: center;
    flex: 0 0 22px;
}

.pkdn-sl .pkdn-sl-credit {
    margin: 12px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--pkdn-sl-border);
    font-size: 12px;
    text-align: center;
}

.pkdn-sl .pkdn-sl-credit a {
    color: var(--pkdn-sl-heading);
    text-decoration: none;
}

@media (max-width: 782px) {
    .pkdn-sl { max-width: 100%; }
}