.blog-list-container{max-width:940px;margin:0 auto;padding:0 16px 32px}.blog-list-title{font-size:2.2rem;font-weight:700;margin-bottom:32px;text-align:center}.blog-list{display:flex;flex-direction:column;gap:24px}.blog-card{border-radius:16px;padding:28px 32px;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.4);transition:background .2s}.blog-card:active,.blog-card:hover{background:rgba(255,255,255,.12)}.blog-card-title{font-size:1.4rem;font-weight:600;margin-bottom:8px}.blog-card-subtitle{color:#aaa;font-size:1.05rem}.blog-card-date{color:#888;font-size:.98rem;margin-top:6px}