.blog-list{display:flex;flex-direction:column;gap:2rem}@media(max-width:640px){.blog-list{gap:1rem}}.blog-card{padding:2.2rem;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--card-bg,rgba(255,255,255,3%)),transparent)}.blog-card::before{content:'';position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,6%),transparent);transform:skewX(-20deg);transition:left .65s ease;pointer-events:none}.blog-card:hover::before{left:150%}.blog-card:hover{transform:translateY(-6px)}body:not(.dark):not([data-theme=dark]) .blog-card:hover{box-shadow:0 24px 50px rgba(99,102,241,.15),0 8px 20px rgba(99,102,241,8%),0 0 0 1px rgba(255,255,255,.9)inset !important;border-color:rgba(99,102,241,.45) !important}body.dark .blog-card:hover,[data-theme=dark] .blog-card:hover{box-shadow:0 24px 45px rgba(0,0,0,.55),0 0 30px rgba(96,165,250,.1) !important;border-color:rgba(96,165,250,.4) !important}.blog-header-row{margin-bottom:.8rem}.blog-date{font-family:monospace;font-size:.9rem;color:var(--accent-blue);opacity:.9}.blog-title-link{text-decoration:none;color:var(--primary);display:inline-block}.blog-title-link h2{margin:0 0 1rem;font-size:1.7rem;font-weight:700;letter-spacing:-.5px;transition:color .3s ease;overflow-wrap:break-word !important;word-break:break-word !important}.blog-card:hover .blog-title-link h2{color:var(--accent-blue)}.blog-summary{font-size:1.05rem;line-height:1.7;opacity:.8;margin-bottom:1rem;overflow-wrap:break-word !important;word-break:break-word !important}.blog-list,.blog-card{min-width:0 !important;max-width:100% !important}