.blog-container {--primary-green: var(--u-color-1, #1f4236);    display: flex;flex-direction: column;gap: 1rem;.blog-card {display: flex;flex-direction: column;border-radius: var(--ut-component-border-radius, 1rem);overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;&:hover {transform: translateY(-2px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);}@media (min-width: 768px) {flex-direction: row;align-items: stretch;min-height: 280px;}}    .card-image {width: 100%;height: 250px;overflow: hidden;}@media (min-width: 768px) {.card-image {width: 30%;height: auto;flex-shrink: 0;}}.card-image img {width: 100%;height: 100%;object-fit: cover;}    .card-content {padding: 1rem 2.5rem;display: flex;flex-direction: column;justify-content: center;width: 100%;gap: 0rem;        .card-meta {color: var(--text-meta);font-size: 0.875rem;.separator {margin: 0 0.4rem;}}.card-title {font-size: var(--title-font-size, 2em);line-height: 1.2;margin-block: 0 1rem;}a:has(p.card-excerpt) {text-decoration: none;line-height: 1.6;margin-bottom: 0.75rem;}.card-categories a:hover span{text-decoration: underline;}}    @media (max-width: 767px) {.card-content {padding: 1.5rem;}        .card-title {font-size: 1.75rem;}}}