/* B2 post-1 cards only: keep original nodes, links, metadata settings and image requests. */
body .post-1 .post-list-item > .item-in {
    position: relative; display: grid; grid-template-columns: minmax(0, 1fr);
    /* B2's .b2-radius supplies the radius from its global appearance setting. */
    overflow: hidden; isolation: isolate;
    /* Paint immediately, before the footer script or placeholder images arrive. */
    background: radial-gradient(ellipse at 20% 15%, #eee1da 0%, transparent 65%),
        radial-gradient(ellipse at 85% 45%, #b4bacb 0%, transparent 70%),
        linear-gradient(145deg, #d4b8c2, #a995ae);
    border: 0; box-shadow: 0 3px 14px rgba(25,20,35,.07);
}
/* The inline padding preserves the configured ratio; the image fills the full card.
   If many metadata rows need more room, the grid grows instead of clipping text. */
body .post-1 .item-in > .post-module-thumb {
    grid-area: 1 / 1; position: static; overflow: visible; height: 0; min-width: 0;
}
body .post-1 .item-in > .post-module-thumb > a.thumb-link {
    position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; border-radius: inherit;
}
body .post-1 .thumb-link img.post-thumb {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
body .post-1 .item-in > .post-module-thumb > a.thumb-link::after { content: none; }
body .post-1 .item-in > .post-info {
    grid-area: 1 / 1; align-self: end; position: relative; z-index: 2; min-width: 0;
    padding: 48px 16px 15px; color: #fff; pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, rgba(15,17,25,.30) 45%, rgba(15,17,25,.72) 100%);
    text-shadow: 0 1px 3px rgba(0,0,0,.35);
}
body .post-1 .post-info a,
body .post-1 .post-info button { pointer-events: auto; }
body .post-1 .post-info h2 {
    margin: 0; font-size: 16px; line-height: 1.55; font-weight: 600;
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
}
body .post-1 .post-info h2 a { color: #fff; }
body .post-1 .post-excerpt {
    margin: 6px 0 0; font-size: 12px; line-height: 1.6; color: rgba(255,255,255,.8);
}
body .post-1 .post-list-meta-box {
    margin: 10px 0 0; gap: 6px 12px; flex-wrap: wrap; color: rgba(255,255,255,.9);
}
body .post-1 .post-list-cat { min-width: 0; }
body .post-1 .post-list-cat a { color: #fff !important; background: transparent; }
body .post-1 .post-list-meta { flex-wrap: wrap; gap: 8px; }
body .post-1 .post-list-meta li + li { padding-left: 0; }
body .post-1 .post-list-meta li span { margin-left: 0; }
body .post-1 .list-footer {
    margin-top: 11px; padding: 10px 0 0; gap: 8px; flex-wrap: wrap;
    border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.76);
}
body .post-1 .list-footer a { color: inherit; }
body .post-1 .post-pay-type {
    top: 12px; left: 12px; right: 12px; bottom: auto; z-index: 3;
    display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none;
}
body .post-1 .post-pay-type > div {
    display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 4px 8px;
    color: #fff; background: rgba(18,20,28,.55); border: 1px solid rgba(255,255,255,.22);
    border-radius: 20px; font-size: 11px; line-height: 1.5;
}
body .post-1 .post-pay-type > div span { margin: 0; }
body .post-1 .post-pay-type .post-pay-type-icon { border-radius: 12px; }
body .post-1 .item-in a:focus-visible,
body .post-1 .item-in button:focus-visible { outline: 2px solid #ffc1dc; outline-offset: -2px; }
@media (max-width: 768px) {
    body .post-1 .item-in > .post-info { padding: 42px 10px 11px; }
    body .post-1 .post-info h2 { font-size: 14px; }
    body .post-1 .post-pay-type { top: 8px; left: 8px; right: 8px; }
    body .post-1 .post-pay-type > div { padding: 3px 6px; }
    body .post-1 .post-list-meta-box { gap: 4px 8px; margin-top: 8px; }
    body .post-1 .post-list-meta { font-size: 11px; gap: 6px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    body .post-1 .item-in:hover .av-cover.av-cover-hover.av-cover-ready img.post-thumb { transform: scale(1.07) rotate(1.2deg); }
}