/* Shared post cards: tags, featured image, title and excerpt. */
.web366-post-cards {
    --web366-blue: #1f57a8;
    --web366-navy: #0b2552;
    --web366-ink: #0f1c33;
    --web366-red: #e3262c;
    --web366-muted: #5c6779;
    --web366-tint: #f3f6fb;
    --web366-orange: #f47b20;
    --web366-card-columns: 3;
    --web366-card-gap: 22px;
    width: 100%;
    min-width: 0;
    font: 16px/1.6 Roboto, system-ui, sans-serif;
}
.web366-post-cards *, .web366-post-cards *::before, .web366-post-cards *::after { box-sizing: border-box; }
.web366-post-cards .web366-post-cards__grid { display: grid; grid-template-columns: repeat(var(--web366-card-columns), minmax(0, 1fr)); gap: var(--web366-card-gap); }
.web366-post-cards .web366-post-card { min-width: 0; display: flex; flex-direction: column; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgb(11 37 82 / 7%); }
.web366-post-cards .web366-post-card__media { position: relative; aspect-ratio: 16/10; border-radius: 10px 10px 0 0; overflow: hidden; background: var(--web366-tint); }
.web366-post-cards .web366-post-card__image { display: block; height: 100%; text-decoration: none; }
.web366-post-cards .web366-post-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.web366-post-cards .web366-post-card:hover .web366-post-card__image img { transform: scale(1.04); }
.web366-post-cards .web366-post-card__tags { position: absolute; top: 12px; left: 12px; right: 12px; display: flex; flex-wrap: wrap; gap: 5px; }
.web366-post-cards .web366-post-card__tags a { display: inline-block; max-width: 100%; padding: 4px 10px; background: var(--web366-red); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.6; text-transform: uppercase; overflow-wrap: anywhere; text-decoration: none; }
.web366-post-cards .web366-post-card__tags a:hover { background: #bf1c22; color: #fff; }
.web366-post-cards .web366-post-card__placeholder { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(ellipse at 100% 0, rgb(244 123 32 / 30%), transparent 65%), linear-gradient(120deg, #2c65b5, var(--web366-navy)); color: #fff; }
.web366-post-cards .web366-post-card__symbol { font-size: clamp(48px, 6vw, 72px); font-weight: 900; line-height: 1.1; }
.web366-post-cards .web366-post-card__material { margin-top: 8px; max-width: 100%; padding-inline: 12px; font-size: 14px; letter-spacing: .18em; text-transform: uppercase; text-align: center; overflow-wrap: anywhere; }
.web366-post-cards .web366-post-card__body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.web366-post-cards .web366-post-card__title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.web366-post-cards .web366-post-card__title a { color: var(--web366-ink); text-decoration: none; }
.web366-post-cards .web366-post-card__title a:hover { color: var(--web366-blue); }
.web366-post-cards .web366-post-card__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 8px 0 14px; color: var(--web366-muted); font-size: 14px; line-height: 1.6; }
.web366-post-cards .web366-post-card__more { align-self: flex-start; margin-top: auto; padding-top: 2px; color: var(--web366-blue); font-size: 14px; font-weight: 700; text-decoration: none; }
.web366-post-cards .web366-post-card__more span { margin-left: 4px; }
.web366-post-cards .web366-post-card__more:hover { color: var(--web366-orange); }
.web366-post-cards :focus-visible { outline: 2px solid var(--web366-orange); outline-offset: 2px; }
.web366-post-cards .web366-post-cards__empty { margin: 0; padding: 20px; background: var(--web366-tint); color: var(--web366-muted); }
@media (max-width: 1024px) { .web366-post-cards { --web366-card-columns: 2; } }
@media (max-width: 560px) { .web366-post-cards { --web366-card-columns: 1; } }
@media (prefers-reduced-motion: reduce) { .web366-post-cards .web366-post-card__image img { transition: none; } }