/* P3：v11 列表卡片共用語彙（news / article / albums / product / detail latest） */

body:has(.header-v11) :is(
    #news_list.news11 .n11-card,
    #news_list.article11 .a11-row,
    #photobook.albums11 .pb11-card,
    #product11 .p11-showcase .p11-card.item,
    #news_detail.news_detail11 .nd11-latest__card,
    .v11-card
) {
    font-family: var(--v11-font, var(--font-family));
    -webkit-font-smoothing: antialiased;
}

/* 分類標籤（黑點 + 膠囊） */
body:has(.header-v11) :is(
    .n11-card__tag,
    .v11-card__tag,
    #news_detail.news_detail11 .nd11-latest__tag
) {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 5px 12px;
    border: 1px solid var(--theme11-line, #e5e7eb);
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme11-line, #e5e7eb) 18%, var(--theme11-paper, #fff));
    font-size: var(--v11-text-1) !important;
    font-weight: var(--v11-weight-strong) !important;
    line-height: 1.2;
    color: var(--v11-tag-color);
    min-height: calc(1.2em + 10px);
}

body:has(.header-v11) :is(
    .n11-card__title,
    .pb11-card__title,
    .a11-row__title,
    #product11 .p11-body h3,
    .nd11-latest__title,
    .v11-card__title
) {
    font-size: var(--v11-text-4) !important;
    font-weight: var(--v11-weight-strong) !important;
    line-height: var(--v11-lh) !important;
    letter-spacing: var(--v11-ls-title) !important;
    color: var(--theme11-text, #1f2933);
}

/* 卡片 meta / 日期 */
body:has(.header-v11) :is(
    .n11-card__date,
    .pb11-card__meta,
    .a11-row__meta,
    .nd11-latest__date,
    .v11-card__meta
) {
    font-size: var(--v11-text-1) !important;
    font-weight: var(--v11-weight-normal) !important;
    line-height: var(--v11-lh) !important;
    color: var(--v11-meta-color) !important;
}

body:has(.header-v11) #news_list.article11 .a11-row__sep {
    color: color-mix(in srgb, var(--v11-meta-color) 55%, var(--theme11-line, #e5e7eb));
}

body:has(.header-v11) #product11 .p11-excerpt,
body:has(.header-v11) #product11 .p11-body .p11-price-note {
    font-size: var(--v11-text-2) !important;
    line-height: var(--v11-lh) !important;
    color: var(--v11-meta-color) !important;
}

body:has(.header-v11) #product11 .p11-disc {
    font-size: var(--v11-text-1) !important;
}