.my_post{position:relative;margin:0 0 20px 0;padding:16px;display:grid;grid-template-columns:1fr 120px;gap:24px;max-height:220px;overflow:hidden;border:none;border-radius:12px;background:#fff;box-shadow:0 2px 12px rgba(30,80,120,.07),0 1.5px 3px rgba(0,0,0,.01);transition:box-shadow 0.2s,transform 0.2s;&:hover{box-shadow:0 4px 28px rgba(0,153,220,.14),0 2px 6px rgba(0,0,0,.02);transform:translateY(-2px) scale(1.01)}}.my_post h3{margin:0;padding:0;font-size:1.9rem;font-weight:600;color:#1a2533;letter-spacing:.01em;line-height:1.3;border:none;transition:color 0.2s}.my_post h3 a,.my_post h3 a:hover,.my_post h3 a span{color:#0099dc;text-decoration:none;font-size:inherit;transition:color 0.2s;border-bottom:1px solid rgba(0,153,220,.1);&:hover,&:focus{color:#005b90;border-bottom:2px solid #0099dc;background:linear-gradient(90deg,rgba(0,153,220,.08) 0%,rgba(0,153,220,.01) 100%)}}.image{overflow:hidden;border-radius:9px;box-shadow:0 1px 4px rgba(0,153,220,.07);display:flex;align-items:center;justify-content:center;img{max-width:120px;max-height:140px;width:auto;height:auto;border-radius:8px;object-fit:cover;transition:transform 0.18s}&:hover img{transform:scale(1.04) rotate(-1deg)}}@media (max-width:700px){.my_post{grid-template-columns:1fr;max-height:unset;gap:16px;padding:12px}.image img{max-width:100%;max-height:180px}}