.blog-list-section{margin:40px auto;max-width:1130px;padding:20px}.blog-list-section h1{color:var(--accent-muted);font-size:2.8em;margin-bottom:10px;text-align:center}.blog-list-section p.subtitle{color:var(--text-secondary);font-size:1.2em;margin-bottom:40px;text-align:center}.blog-post-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.blog-post-card{background-color:var(--bg-primary);border:var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:0;min-height:250px;overflow:hidden;width:calc(50% - 15px)}.blog-post-card-image-container{align-items:center;display:flex;flex:0 0 300px;height:168.75px;justify-content:center;overflow:hidden;position:relative}.blog-post-image-overlay{align-items:center;background-color:var(--overlay);bottom:0;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;left:0;padding:10px;position:absolute;width:100%}.blog-post-card-image{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.blog-post-card:hover .blog-post-card-image{transform:scale(1.05)}.blog-post-card-content{flex-grow:1;padding:20px}.blog-post-card-content h2{color:var(--accent-hover);font-size:1.2em;margin-bottom:10px;margin-top:0}.blog-post-card-meta{color:var(--text-secondary);font-size:.85em;margin-bottom:5px}.blog-post-card-description{color:var(--text-secondary);font-size:1em;line-height:1.6;margin-bottom:20px}.homepage-card{margin-top:40px}.blog-post-card-link{background-color:var(--bg-primary);border-radius:12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);color:var(--text-primary);display:inline-block;font-weight:700;padding:8px 12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-post-card-link:hover{background-color:var(--accent-hover);box-shadow:inset 0 1px 3px rgba(0,0,0,.3),0 4px 12px rgba(var(--accent-rgb),.2);color:var(--text-primary);transform:translateY(-2px)}@media (max-width:768px){.blog-post-card{flex-direction:column;width:100%}.blog-post-card-image-container{flex:none;height:250px;width:100%}.blog-post-card-content{padding:15px}.blog-list-section{margin:20px 15px;padding:15px}}