.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:1rem 0}.post-link{text-decoration:none;display:block}.post-box{position:relative;padding:10px 12px;border-radius:8px;height:64px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,8%);transition:transform .15s ease,box-shadow .15s ease}.post-box:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.12)}.post-title{font-size:.9rem;font-weight:600;line-height:1.35;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.new-icon{width:26px;height:auto;vertical-align:middle;flex-shrink:0}.pin-icon{font-size:.85rem;flex-shrink:0}@media(max-width:768px){.post-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;gap:10px}.post-grid::-webkit-scrollbar{height:4px}.post-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.post-link{flex:0 0 58%;max-width:190px;scroll-snap-align:start}}