.blog-container{width:100%;max-width:460px;margin:0 auto;padding:20px;box-sizing:border-box}.blog-header{margin-bottom:30px}.blog-header h1{font-size:40px;font-weight:700;color:var(--text-primary);margin:0 0 5px; text-decoration: underline;}#posts-list{display:flex;flex-direction:column;gap:15px}.post-note-item{display:flex;align-items:center;gap:15px;padding:15px;background-color:var(--widget-bg-color);border:1px solid var(--border-color);border-radius:20px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.post-note-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}body.dark-mode .post-note-item:hover{box-shadow:0 10px 20px rgba(0,0,0,.2)}.post-note-thumbnail{width:120px;height:70px;object-fit:cover;border-radius:12px;flex-shrink:0}.post-note-content{flex-grow:1}.post-note-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 5px}.post-note-summary{font-size:18px;color:var(--text-secondary);margin:0;line-height:1.5}.page-wrapper{width: 460px;margin: 0 auto;}