.wpcm-nb2-native,
.wpcm-nb2-native * { box-sizing: border-box; }
.wpcm-nb2-native { width: 100%; max-width: var(--wpcm-nb2-max, 1600px); margin-inline: auto; padding: var(--wpcm-nb2-pad, 12px); border: 1px solid #d8dedb; border-radius: 4px; background: var(--wpcm-nb2-bg, #fff); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; container-type: inline-size; }
.wpcm-nb2-native .wpcm-nb2-grid { display: grid; grid-template-columns: repeat(var(--wpcm-nb2-cols, 4), minmax(0, 1fr)); align-items: stretch; gap: var(--wpcm-nb2-gap, 24px); }
.wpcm-nb2-native .wpcm-nb2-card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--wpcm-nb2-border, #e1e5e3); border-radius: var(--wpcm-nb2-radius, 9px); background: var(--wpcm-nb2-card, #fff); box-shadow: none; isolation: isolate; content-visibility: auto; transition: border-color .2s ease, box-shadow .2s ease; }
.wpcm-nb2-native .wpcm-nb2-card::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ""; background: var(--wpcm-nb2-accent, #0891b2); transform: scaleX(0); transform-origin: left; transition: transform .28s ease; }
.wpcm-nb2-native .wpcm-nb2-card:hover { border-color: var(--wpcm-nb2-accent, #087a4b); box-shadow: inset 0 -3px 0 var(--wpcm-nb2-accent, #087a4b); }
.wpcm-nb2-native .wpcm-nb2-card:hover::after { transform: scaleX(1); }
.wpcm-nb2-native .wpcm-nb2-image-link { position: relative; display: block; width: 100%; height: var(--wpcm-nb2-img, 150px); overflow: hidden; border-bottom: 1px solid #e1e5e3; background: #f3f5f4; text-decoration: none; }
.wpcm-nb2-native .wpcm-nb2-image-link::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(180deg, transparent 68%, rgba(15, 23, 42, .16)); }
.wpcm-nb2-native .wpcm-nb2-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transform: scale(1.001); transition: transform .55s cubic-bezier(.2, .65, .3, 1), filter .4s ease; }
.wpcm-nb2-native .wpcm-nb2-card:hover .wpcm-nb2-image { filter: saturate(1.04); transform: scale(1.025); }
.wpcm-nb2-native .wpcm-nb2-body { display: flex; flex: 1; flex-direction: column; align-items: center; padding: 11px 10px 13px; text-align: center; }
.wpcm-nb2-native .wpcm-nb2-date { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: var(--wpcm-nb2-date-color, #64748b); font-size: var(--wpcm-nb2-date, 13px); font-weight: 700; line-height: 1.2; letter-spacing: .025em; }
.wpcm-nb2-native .wpcm-nb2-date::before { width: 18px; height: 3px; border-radius: 999px; content: ""; background: var(--wpcm-nb2-accent, #0891b2); }
.wpcm-nb2-native .wpcm-nb2-category { display: inline-flex; margin: 0 0 9px; padding: 5px 9px; border-radius: 999px; color: var(--wpcm-nb2-accent, #0891b2); background: rgba(8, 145, 178, .1); font-size: 11px; font-weight: 800; line-height: 1.2; letter-spacing: .07em; text-transform: uppercase; }
.wpcm-nb2-native .wpcm-nb2-title { display: -webkit-box; margin: 0 !important; overflow: hidden; color: var(--wpcm-nb2-title-color, #17231d) !important; font-size: var(--wpcm-nb2-title, 14px) !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.012em; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: var(--wpcm-nb2-title-clamp, 3); }
.wpcm-nb2-native .wpcm-nb2-title a { color: inherit !important; text-decoration: none !important; outline: none; }
.wpcm-nb2-native .wpcm-nb2-title a:hover { color: var(--wpcm-nb2-accent, #0891b2) !important; }
.wpcm-nb2-native .wpcm-nb2-image-link:focus-visible,
.wpcm-nb2-native .wpcm-nb2-title a:focus-visible { outline: 3px solid var(--wpcm-nb2-accent, #0891b2); outline-offset: -3px; }
.wpcm-nb2-native .wpcm-nb2-author { margin-top: 11px; color: var(--wpcm-nb2-meta-color, #64748b); font-size: 12px; font-weight: 700; }
.wpcm-nb2-native .wpcm-nb2-excerpt { display: -webkit-box; margin: 12px 0 0; overflow: hidden; color: var(--wpcm-nb2-meta-color, #64748b); font-size: var(--wpcm-nb2-excerpt, 14px); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: var(--wpcm-nb2-excerpt-clamp, 3); }
@media (max-width: 1100px) { .wpcm-nb2-native .wpcm-nb2-grid { grid-template-columns: repeat(var(--wpcm-nb2-cols-tablet, 2), minmax(0, 1fr)); } .wpcm-nb2-native .wpcm-nb2-image-link { height: var(--wpcm-nb2-img-tablet, 150px); } }
@media (max-width: 640px) { .wpcm-nb2-native { padding-inline: max(12px, var(--wpcm-nb2-pad, 16px)); } .wpcm-nb2-native .wpcm-nb2-grid { grid-template-columns: repeat(var(--wpcm-nb2-cols-mobile, 1), minmax(0, 1fr)); gap: clamp(14px, var(--wpcm-nb2-gap, 24px), 20px); } .wpcm-nb2-native .wpcm-nb2-image-link { height: var(--wpcm-nb2-img-mobile, 220px); } .wpcm-nb2-native .wpcm-nb2-body { padding: 17px 17px 20px; } .wpcm-nb2-native .wpcm-nb2-title { font-size: var(--wpcm-nb2-title-mobile, 18px) !important; line-height: 1.28 !important; } }
@media (max-width: 430px) { .wpcm-nb2-native .wpcm-nb2-grid { grid-template-columns: 1fr; } .wpcm-nb2-native .wpcm-nb2-image-link { height: min(var(--wpcm-nb2-img-mobile, 220px), 58vw); } }
@media (prefers-reduced-motion: reduce) { .wpcm-nb2-native .wpcm-nb2-card, .wpcm-nb2-native .wpcm-nb2-card::after, .wpcm-nb2-native .wpcm-nb2-image { transition: none !important; } .wpcm-nb2-native .wpcm-nb2-card:hover, .wpcm-nb2-native .wpcm-nb2-card:hover .wpcm-nb2-image { transform: none; } }