[data-type=type3] .p-blogCard__inner{
    background: var(--surface-blogcard);
    color: var(--text-blogcard-body, var(--color_text));
    box-shadow: 0 1px 3px 1px color-mix(in srgb, var(--border-blogcard-accent) 12%, transparent);
}
.p-blogCard:not(.p-blogCard--nettoge):hover{
    box-shadow: var(--shadow-blogcard-lift);
}
[data-type=type2] .p-blogCard__caption{
    color: var(--text-on-accent, #fff);
}
.p-blogCard__caption{
    background: var(--surface-blogcard-caption, var(--color_content_bg));
}
.p-blogCard.-internal .p-blogCard__inner,
.p-blogCard.-external .p-blogCard__inner{
    background: var(--surface-blogcard);
    border: 1px solid var(--border-blogcard);
    border-radius: var(--nettoge-retro-block-radius, 12px);
    box-shadow: var(--shadow-blogcard);
    color: var(--color_text);
    transform: translate(0, 0);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.p-blogCard.-internal .p-blogCard__inner{
    border-left: 4px solid var(--border-blogcard-accent);
}
.p-blogCard.-external .p-blogCard__inner{
    border-left: 4px solid var(--border-blogcard-accent);
}
.p-blogCard.-internal:hover .p-blogCard__inner{
    border-color: var(--border-blogcard-hover);
    border-left-color: var(--border-blogcard-hover);
    box-shadow: var(--shadow-blogcard-hover);
    transform: translate(-2px, -2px);
}
.p-blogCard.-external:hover .p-blogCard__inner{
    border-color: var(--border-blogcard-hover);
    border-left-color: var(--border-blogcard-hover);
    box-shadow: var(--shadow-blogcard-hover);
    transform: translate(-2px, -2px);
}
.p-blogCard.-internal:is(:active, :hover:active, :focus-visible:active) .p-blogCard__inner,
.p-blogCard.-external:is(:active, :hover:active, :focus-visible:active) .p-blogCard__inner{
    border-color: var(--border-blogcard-hover);
    border-left-color: var(--border-blogcard-hover);
    box-shadow: var(--shadow-blogcard);
    transform: translate(1px, 1px);
}
.p-blogCard.-internal:not(.p-blogCard--nettoge):hover,
.p-blogCard.-external:not(.p-blogCard--nettoge):hover{
    box-shadow: none;
}
.p-blogCard.-external .p-blogCard__excerpt{
    color: var(--blogcard-external-domain);
}
.p-blogCard.-external .p-blogCard__caption{
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    background: var(--blogcard-badge-bg);
    border: 1px solid var(--border-blogcard);
    border-radius: var(--nettoge-retro-block-radius, 12px);
    padding: 0.18em 0.65em;
}
.p-blogCard.-external .p-blogCard__caption::after{
    content: "\2197";
    font-size: 0.95em;
    line-height: 1;
}