.bkbg-lru-app { display: block; }

.bkbg-lru-wrap {
    box-sizing: border-box;
    font-family: inherit;
    padding: 24px;
}

/* header */
.bkbg-lru-date-label {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 4px;
}

.bkbg-lru-title {
    margin: 0 0 4px;
    font-family: var(--bkbg-lru-tt-font-family, inherit);
    font-weight: var(--bkbg-lru-tt-font-weight, 700);
    font-style: var(--bkbg-lru-tt-font-style, normal);
    text-decoration: var(--bkbg-lru-tt-text-decoration, none);
    text-transform: var(--bkbg-lru-tt-text-transform, none);
    font-size: var(--bkbg-lru-tt-font-size-d, 22px);
    line-height: var(--bkbg-lru-tt-line-height-d, var(--bkbg-lru-tt-line-height, 1.3));
    letter-spacing: var(--bkbg-lru-tt-letter-spacing-d, var(--bkbg-lru-tt-letter-spacing, 0px));
    word-spacing: var(--bkbg-lru-tt-word-spacing-d, var(--bkbg-lru-tt-word-spacing, 0px));
}

.bkbg-lru-wrap h2.bkbg-lru-title {
    font-family: var(--bkbg-lru-tt-font-family, inherit);
    font-weight: var(--bkbg-lru-tt-font-weight, 700);
    font-style: var(--bkbg-lru-tt-font-style, normal);
    text-decoration: var(--bkbg-lru-tt-text-decoration, none);
    text-transform: var(--bkbg-lru-tt-text-transform, none);
    font-size: var(--bkbg-lru-tt-font-size-d, 22px);
    line-height: var(--bkbg-lru-tt-line-height-d, var(--bkbg-lru-tt-line-height, 1.3));
    letter-spacing: var(--bkbg-lru-tt-letter-spacing-d, var(--bkbg-lru-tt-letter-spacing, 0px));
    word-spacing: var(--bkbg-lru-tt-word-spacing-d, var(--bkbg-lru-tt-word-spacing, 0px));
}

.bkbg-lru-subtitle {
    margin: 0 0 20px;
    font-family: var(--bkbg-lru-st-font-family, inherit);
    font-weight: var(--bkbg-lru-st-font-weight, 400);
    font-style: var(--bkbg-lru-st-font-style, normal);
    text-decoration: var(--bkbg-lru-st-text-decoration, none);
    text-transform: var(--bkbg-lru-st-text-transform, none);
    font-size: var(--bkbg-lru-st-font-size-d, 14px);
    line-height: var(--bkbg-lru-st-line-height-d, var(--bkbg-lru-st-line-height, 1.6));
    letter-spacing: var(--bkbg-lru-st-letter-spacing-d, var(--bkbg-lru-st-letter-spacing, 0px));
    word-spacing: var(--bkbg-lru-st-word-spacing-d, var(--bkbg-lru-st-word-spacing, 0px));
}

/* grid containers */
.bkbg-lru-grid {
    display: grid;
    gap: 14px;
}

.bkbg-lru-grid.bkbg-lru-cards-style {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.bkbg-lru-grid.bkbg-lru-magazine-style {
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 18px;
}

.bkbg-lru-grid.bkbg-lru-list-style {
    grid-template-columns: 1fr;
    gap: 8px;
}

@media (max-width: 640px) {
    .bkbg-lru-grid.bkbg-lru-cards-style,
    .bkbg-lru-grid.bkbg-lru-magazine-style {
        grid-template-columns: 1fr;
    }
}

/* category group header */
.bkbg-lru-cat-group-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 18px 0 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid currentColor;
    opacity: 0.7;
}

/* card */
.bkbg-lru-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.1s, box-shadow 0.1s;
}

.bkbg-lru-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.bkbg-lru-card.bkbg-lru-list-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
}

.bkbg-lru-card.bkbg-lru-card-card,
.bkbg-lru-card.bkbg-lru-magazine-card {
    padding: 14px 16px;
}

.bkbg-lru-card-emoji {
    font-size: 20px;
    flex-shrink: 0;
    line-height: 1.2;
}

.bkbg-lru-list-card .bkbg-lru-card-emoji {
    font-size: 16px;
    margin-top: 1px;
}
.bkbg-lru-card-emoji svg { width: 1em; height: 1em; fill: currentColor; }
.bkbg-lru-card-emoji .dashicons { font-size: inherit; width: 1em; height: 1em; line-height: 1; }
.bkbg-lru-card-emoji .bkbg-icon-img { width: 1em; height: 1em; object-fit: contain; }

.bkbg-lru-card-body {
    flex: 1;
    min-width: 0;
}

.bkbg-lru-link-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.bkbg-lru-link {
    font-family: var(--bkbg-lru-it-font-family, inherit);
    font-weight: var(--bkbg-lru-it-font-weight, 600);
    font-style: var(--bkbg-lru-it-font-style, normal);
    text-decoration: var(--bkbg-lru-it-text-decoration, none);
    text-transform: var(--bkbg-lru-it-text-transform, none);
    font-size: var(--bkbg-lru-it-font-size-d, 14px);
    line-height: var(--bkbg-lru-it-line-height-d, var(--bkbg-lru-it-line-height, 1.4));
    letter-spacing: var(--bkbg-lru-it-letter-spacing-d, var(--bkbg-lru-it-letter-spacing, 0px));
    word-spacing: var(--bkbg-lru-it-word-spacing-d, var(--bkbg-lru-it-word-spacing, 0px));
    transition: opacity 0.15s;
}

.bkbg-lru-link:hover {
    opacity: 0.75;
    text-decoration: underline;
}

.bkbg-lru-cat-tag {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.bkbg-lru-source {
    font-size: 11px;
    margin-bottom: 5px;
    opacity: 0.8;
}

.bkbg-lru-excerpt {
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

/* Typography – responsive */
@media (max-width: 1024px) {
    .bkbg-lru-wrap h2.bkbg-lru-title, .bkbg-lru-wrap .bkbg-lru-title { font-size: var(--bkbg-lru-tt-font-size-t, var(--bkbg-lru-tt-font-size-d, 22px)); line-height: var(--bkbg-lru-tt-line-height-t, var(--bkbg-lru-tt-line-height-d, 1.3));letter-spacing:var(--bkbg-lru-tt-letter-spacing-t, var(--bkbg-lru-tt-letter-spacing-d, var(--bkbg-lru-tt-letter-spacing, 0px)));word-spacing:var(--bkbg-lru-tt-word-spacing-t, var(--bkbg-lru-tt-word-spacing-d, var(--bkbg-lru-tt-word-spacing, 0px)))}
    .bkbg-lru-wrap .bkbg-lru-subtitle { font-size: var(--bkbg-lru-st-font-size-t, var(--bkbg-lru-st-font-size-d, 14px)); line-height: var(--bkbg-lru-st-line-height-t, var(--bkbg-lru-st-line-height-d, 1.6));letter-spacing:var(--bkbg-lru-st-letter-spacing-t, var(--bkbg-lru-st-letter-spacing-d, var(--bkbg-lru-st-letter-spacing, 0px)));word-spacing:var(--bkbg-lru-st-word-spacing-t, var(--bkbg-lru-st-word-spacing-d, var(--bkbg-lru-st-word-spacing, 0px)))}
    .bkbg-lru-wrap .bkbg-lru-link { font-size: var(--bkbg-lru-it-font-size-t, var(--bkbg-lru-it-font-size-d, 14px)); line-height: var(--bkbg-lru-it-line-height-t, var(--bkbg-lru-it-line-height-d, 1.4));letter-spacing:var(--bkbg-lru-it-letter-spacing-t, var(--bkbg-lru-it-letter-spacing-d, var(--bkbg-lru-it-letter-spacing, 0px)));word-spacing:var(--bkbg-lru-it-word-spacing-t, var(--bkbg-lru-it-word-spacing-d, var(--bkbg-lru-it-word-spacing, 0px)))}
}
@media (max-width: 767px) {
    .bkbg-lru-wrap h2.bkbg-lru-title, .bkbg-lru-wrap .bkbg-lru-title { font-size: var(--bkbg-lru-tt-font-size-m, var(--bkbg-lru-tt-font-size-t, var(--bkbg-lru-tt-font-size-d, 22px))); line-height: var(--bkbg-lru-tt-line-height-m, var(--bkbg-lru-tt-line-height-t, var(--bkbg-lru-tt-line-height-d, 1.3)));letter-spacing:var(--bkbg-lru-tt-letter-spacing-m, var(--bkbg-lru-tt-letter-spacing-t, var(--bkbg-lru-tt-letter-spacing-d, var(--bkbg-lru-tt-letter-spacing, 0px))));word-spacing:var(--bkbg-lru-tt-word-spacing-m, var(--bkbg-lru-tt-word-spacing-t, var(--bkbg-lru-tt-word-spacing-d, var(--bkbg-lru-tt-word-spacing, 0px))))}
    .bkbg-lru-wrap .bkbg-lru-subtitle { font-size: var(--bkbg-lru-st-font-size-m, var(--bkbg-lru-st-font-size-t, var(--bkbg-lru-st-font-size-d, 14px))); line-height: var(--bkbg-lru-st-line-height-m, var(--bkbg-lru-st-line-height-t, var(--bkbg-lru-st-line-height-d, 1.6)));letter-spacing:var(--bkbg-lru-st-letter-spacing-m, var(--bkbg-lru-st-letter-spacing-t, var(--bkbg-lru-st-letter-spacing-d, var(--bkbg-lru-st-letter-spacing, 0px))));word-spacing:var(--bkbg-lru-st-word-spacing-m, var(--bkbg-lru-st-word-spacing-t, var(--bkbg-lru-st-word-spacing-d, var(--bkbg-lru-st-word-spacing, 0px))))}
    .bkbg-lru-wrap .bkbg-lru-link { font-size: var(--bkbg-lru-it-font-size-m, var(--bkbg-lru-it-font-size-t, var(--bkbg-lru-it-font-size-d, 14px))); line-height: var(--bkbg-lru-it-line-height-m, var(--bkbg-lru-it-line-height-t, var(--bkbg-lru-it-line-height-d, 1.4)));letter-spacing:var(--bkbg-lru-it-letter-spacing-m, var(--bkbg-lru-it-letter-spacing-t, var(--bkbg-lru-it-letter-spacing-d, var(--bkbg-lru-it-letter-spacing, 0px))));word-spacing:var(--bkbg-lru-it-word-spacing-m, var(--bkbg-lru-it-word-spacing-t, var(--bkbg-lru-it-word-spacing-d, var(--bkbg-lru-it-word-spacing, 0px))))}
}