.tnw-container{padding:20px;margin:auto;width:100%;}
@media (min-width: 992px){ .tnw-container{width:var(--tnw-grid-width,80%);} }

.tnw-grid{display:grid;gap:24px;align-items:stretch;}
@media (max-width:600px){.tnw-grid{grid-template-columns:repeat(var(--tnw-cols-mobile,1),1fr);}}
@media (min-width:601px) and (max-width:991px){.tnw-grid{grid-template-columns:repeat(var(--tnw-cols-tablet,2),1fr);}}
@media (min-width:992px) and (max-width:1399px){.tnw-grid{grid-template-columns:repeat(var(--tnw-cols-desktop,3),1fr);}}
@media (min-width:1400px){.tnw-grid{grid-template-columns:repeat(var(--tnw-cols-large,4),1fr);}}

.tnw-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;}
.tnw-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.15);}
.tnw-thumb{width:100%;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;}
.tnw-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.tnw-card:hover .tnw-thumb img{transform:scale(1.05);}
.tnw-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:14px;}
.tnw-post-title{margin:0 0 8px;color:#222;line-height:1.4;}
.tnw-date{font-size:12px;color:#888;margin-bottom:8px;display:block;}
.tnw-excerpt{line-height:1.5;color:#444;flex:1;margin:0 0 10px;}
.tnw-readmore{font-weight:600;color:var(--tnw-readmore,#f0017e);}