.my-blog-card{display:flex;flex-direction:column;gap:16px;height:100%;border-radius:18px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .2s cubic-bezier(0.22, 1, 0.36, 1)}.my-blog-card:active{transform:scale(0.98);transition-duration:.1s}.my-blog-card:focus-visible{outline:2px solid var(--my-theme-color, #e24b77);outline-offset:6px}.my-blog-card__media{overflow:hidden;aspect-ratio:3/2;border-radius:16px;background:var(--my-background-normal, #1b1e20)}.my-blog-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(0.22, 1, 0.36, 1)}.my-blog-card__body{display:flex;flex-direction:column;gap:8px;min-width:0}.my-blog-card__date{font-size:13px;line-height:1.4;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:hsla(0,0%,100%,.6)}.my-blog-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin:0;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-0.01em;color:hsla(0,0%,100%,.92);text-wrap:pretty;transition:color .2s}.my-blog-card__excerpt{display:none}@media(hover: hover){.my-blog-card:hover .my-blog-card__media img{transform:scale(1.04)}.my-blog-card:hover .my-blog-card__title{color:#fff}}@media(max-width: 640px){.my-blog-card{display:grid;grid-template-columns:minmax(0, 1fr) 96px;align-items:start;gap:16px}.my-blog-card__media{grid-row:1;grid-column:2;aspect-ratio:1;border-radius:10px}.my-blog-card__body{grid-row:1;grid-column:1;gap:6px}.my-blog-card__title{font-size:17px}}@media(prefers-reduced-motion: reduce){.my-blog-card,.my-blog-card__media img{transition:none}.my-blog-card:active,.my-blog-card:hover .my-blog-card__media img{transform:none}}