/* «Webivan» v3 latest entries: three cover cards on the night (Card: radius
   24, surface-1, hairline border; elevation only on hover). */
.wi-posts__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; align-items: stretch; }
.wi-post { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--wi-r-lg); background: var(--webivan-deep); box-shadow: inset 0 0 0 1px var(--webivan-line); transition: var(--wi-hover-tr); }
.wi-post:nth-child(n + 4) { display: none; }
.wi-post__cover { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--webivan-raise); }
.wi-post__cover img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--wi-hover-ease); }
.wi-post__body { display: grid; align-content: start; gap: 12px; padding: 24px 28px 28px; }
.wi-post__meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; color: var(--webivan-faint); font-size: 14px; }
.wi-post__meta span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 12px 0 -2px; border-radius: 50%; background: var(--webivan-faint); vertical-align: middle; }
.wi-body .wi-post__title { margin: 0; font-size: var(--wi-fs-card); line-height: 1.25; color: #fff; }
.wi-body .wi-post__title a { color: inherit; text-decoration: none; }
.wi-body .wi-post__title a::after { content: ""; position: absolute; inset: 0; }
.wi-post__excerpt { display: -webkit-box; margin: 0; overflow: hidden; color: var(--webivan-mute); font-size: 15px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.wi-posts__more { margin: 48px 0 0; }
.wi-body .wi-post__title a { transition: color var(--wi-hover-dur) var(--wi-hover-ease); }
.wi-post:has(:focus-visible) { translate: 0 var(--wi-hover-lift); background-color: var(--wi-hover-bg); box-shadow: inset 0 0 0 1px var(--webivan-cobalt-2), var(--wi-hover-shadow); outline: 2px solid var(--webivan-cobalt-2); outline-offset: 2px; }
.wi-post:has(:focus-visible) .wi-post__cover img { transform: scale(var(--wi-hover-zoom)); }
.wi-body .wi-post .wi-post__title a:focus-visible { outline: none; }
@media (hover: hover) and (pointer: fine) {
    .wi-post:hover { translate: 0 var(--wi-hover-lift); background-color: var(--wi-hover-bg); box-shadow: var(--wi-hover-ring), var(--wi-hover-shadow); }
    .wi-post:hover .wi-post__cover img { transform: scale(var(--wi-hover-zoom)); }
    .wi-body .wi-post:hover .wi-post__title a { color: var(--webivan-cobalt-2); }
}
@media (max-width: 63.99rem) {
    .wi-posts__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wi-post:nth-child(3) { display: none; }
}
@media (max-width: 39.99rem) {
    .wi-posts__list { grid-template-columns: 1fr; }
    .wi-post:nth-child(3) { display: flex; }
}