.hk-policybar {
    --hk-pb-bg: #2e4e43;
    /* change to match your theme */
    --hk-pb-fg: #e5e7eb;
    --hk-pb-hover: #72aa86;
    --hk-pb-border: rgba(255, 255, 255, 0.15);

    background: var(--hk-pb-bg);
    color: var(--hk-pb-fg);
    border-top: 1px solid var(--hk-pb-border);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.hk-pb-wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (min-width: 768px) {
    .hk-pb-wrap {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.hk-pb-title {
    font-size: 18px;
    margin: 0;
    letter-spacing: .2px;
    font-weight: 600;
}

.hk-pb-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    font-size: 14px
}

.hk-pb-links a {
    color: var(--hk-pb-fg);
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    transition: color .15s ease, border-color .15s ease;
}

.hk-pb-links a:hover,
.hk-pb-links a:focus {
    color: var(--hk-pb-hover);
    border-color: var(--hk-pb-hover);
    outline: none;
}