.tenenet-posts-grid-wrapper {
margin: 30px 0;
} .tenenet-posts-grid {
display: grid;
margin-bottom: 30px;
} .tenenet-post-card {
break-inside: avoid;
min-width: 0; }
.tenenet-post-card-inner {
background: var(--tenenet-card-bg, #ffffff);
border: 1px solid var(--tenenet-border-color, #e0e0e0);
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.tenenet-post-card-inner:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
border-color: var(--tenenet-accent-color, #005a87);
} .tenenet-post-thumbnail {
position: relative;
overflow: hidden;
aspect-ratio: 16/9;
}
.tenenet-post-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
display: block;
}
.tenenet-post-card-inner:hover .tenenet-post-image {
transform: scale(1.05);
} .tenenet-no-thumbnail .tenenet-placeholder-image {
width: 100%;
height: 100%;
background: var(--tenenet-placeholder-bg, #f5f5f5);
display: flex;
align-items: center;
justify-content: center;
color: var(--tenenet-placeholder-color, #999);
font-size: 14px;
} .tenenet-post-content {
padding: 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.tenenet-post-title {
margin: 0 0 15px 0;
font-size: 1.2em;
line-height: 1.4;
font-weight: 600;
}
.tenenet-post-title a {
text-decoration: none;
color: var(--tenenet-title-color, #333333);
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tenenet-post-title a:hover {
color: var(--tenenet-accent-color, #005a87);
}
.tenenet-post-excerpt {
margin-bottom: 20px;
color: var(--tenenet-text-color, #666666);
line-height: 1.6;
flex-grow: 1;
font-size: 0.95em;
} .tenenet-post-read-more {
margin-top: auto;
padding-top: 10px;
border-top: 1px solid var(--tenenet-border-color, #eee);
}
.tenenet-read-more-btn {
display: inline-flex;
align-items: center;
padding: 8px 16px;
background: var(--tenenet-accent-color, #005a87);
color: var(--tenenet-btn-text-color, #ffffff);
text-decoration: none;
border-radius: 4px;
font-size: 0.9em;
font-weight: 500;
transition: all 0.3s ease;
border: 1px solid transparent;
gap: 8px;
}
.tenenet-read-more-btn:hover {
background: var(--tenenet-accent-hover, #004466);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
gap: 12px;
}
.tenenet-arrow {
transition: transform 0.3s ease;
}
.tenenet-read-more-btn:hover .tenenet-arrow {
transform: translateX(3px);
} .tenenet-posts-grid-credits {
text-align: center;
padding: 20px 0 10px;
margin-top: 30px;
border-top: 1px solid var(--tenenet-border-color, #e0e0e0);
}
.tenenet-posts-grid-credits small {
color: var(--tenenet-muted-color, #777777);
font-size: 0.85em;
opacity: 0.8;
}
.tenenet-posts-grid-credits a {
color: var(--tenenet-accent-color, #005a87);
text-decoration: none;
font-weight: 500;
}
.tenenet-posts-grid-credits a:hover {
text-decoration: underline;
color: var(--tenenet-accent-hover, #003355);
} @media (max-width: 1024px) {
.tenenet-post-content {
padding: 18px;
}
.tenenet-post-title {
font-size: 1.15em;
}
}
@media (max-width: 768px) {
.tenenet-post-card-inner {
border-radius: 6px;
}
.tenenet-post-content {
padding: 16px;
}
.tenenet-post-title {
font-size: 1.1em;
margin-bottom: 12px;
}
.tenenet-post-excerpt {
margin-bottom: 15px;
font-size: 0.9em;
}
}
@media (max-width: 480px) {
.tenenet-posts-grid-wrapper {
margin: 20px 0;
}
.tenenet-post-thumbnail {
aspect-ratio: 16/10;
}
.tenenet-post-content {
padding: 15px;
}
.tenenet-read-more-btn {
width: 100%;
justify-content: center;
}
} .tenenet-grid-columns-1 .tenenet-post-card-inner {
max-width: 800px;
margin: 0 auto;
}
.tenenet-grid-columns-2 .tenenet-post-title {
font-size: 1.25em;
}
.tenenet-grid-columns-5 .tenenet-post-title,
.tenenet-grid-columns-6 .tenenet-post-title {
font-size: 1.1em;
}