.posts post{ display:grid; grid-template: "thumb h3" 28px "thumb hint" auto / 140px auto; grid-gap:10px; }
 .posts post h3{grid-area:h3;overflow:hidden;font-size:20px;}
 .posts post hint{grid-area:hint;}
 .posts picture img{display:block; object-fit:cover; height:100%; width:100%;aspect-ratio:1.5 / 1;margin:0;}
 .posts post thumb,.posts post .thumb,.posts post picture{ grid-area:thumb; margin:0 !important; max-height:none; height:auto !important; background-color:#f5f5f5; }
 cats{margin-bottom:8px; width:100%; display:flex; gap:5px; flex-wrap:wrap;}
 tags{margin-bottom:8px; width:100%; display:flex; gap:5px; flex-wrap:wrap;}
 cats a,tags a{display:inline-block; padding:0 5px; background:rgba(255,255,255,.8); border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.1);}
 .post .thumb{margin-left:8px;margin-top:0;height:100px !important; max-width:100%; width:150px; background-size:cover; background-position:center;border-radius:5px;overflow:hidden;}
 .post{border-top:1px solid #d5d5d5; padding:10px 0;}
 post hint{color:var(--txt_color);}
 post hint desc{display:-webkit-box; width:100%; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.5em; font-size:1em; line-height:1.25em; margin-bottom:7px;}
 .post:first-child{border:0;padding-top:0;}
 .post:last-child{padding-bottom:0;}
 .graied,[graied]{filter:opacity(0.2) grayscale(1);}
 .posts_list .splide__pagination { position: relative; }
 @media (max-width:900px){ .posts post{grid-template:"thumb" "h3" "hint";}
 .posts .post .thumb{ width:100%;max-height:none;height:auto !important;}
 }