.blog-card{background:#fffef9;border:1px solid #00000012;border-radius:14px;flex-direction:column;margin:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000012}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000021}.blog-card-image{flex-shrink:0;width:100%;height:180px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-body{flex-direction:column;flex:1;padding:1.1rem 1.2rem 1rem;display:flex}.blog-card-header{margin-bottom:.5em}.blog-card-header h2{margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.blog-card-header a{color:var(--black-2);background-image:linear-gradient(var(--brand-1),var(--brand-1));background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;text-decoration:none;transition:background-size .25s,color .2s}:is(.blog-card-header a):hover{color:var(--brand-a);background-size:100% 2px}:is(.blog-card-header a):after{content:"";z-index:1;position:absolute;inset:0}.blog-card-author{color:var(--black-5);align-items:center;gap:.45em;margin-bottom:.55em;font-size:.82rem;display:flex}.blog-card-author-avatar{object-fit:cover;border:1.5px solid rgba(var(--brand-rgb-5),.35);border-radius:50%;flex-shrink:0;width:24px;height:24px}.blog-card-author-name{white-space:nowrap;text-overflow:ellipsis;color:var(--black-3);font-weight:600;overflow:hidden}.blog-card-summary{color:var(--black-5);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 .9em;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.blog-card-meta{color:var(--black-6);align-items:center;gap:.6em;font-size:.75rem;display:flex}.blog-card-meta time{white-space:nowrap}.blog-card-stats{gap:.5em;display:flex}.blog-card-stats span{white-space:nowrap;background:rgba(var(--brand-rgb-5),.08);color:var(--brand-a);border-radius:20px;padding:.1em .45em;font-weight:500}.blog-card-read-more{z-index:2;color:var(--brand-1);border:1.5px solid var(--brand-1);white-space:nowrap;letter-spacing:.02em;border-radius:20px;padding:.3rem .85rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s;position:relative}.blog-card-read-more:hover{background:var(--brand-1);color:#fff}
.pagination{justify-content:center;align-items:center;gap:1rem;margin:2rem 0 1rem;display:flex}.page-btn{border:1px solid var(--white-4);cursor:pointer;color:var(--black-4);background:0 0;border-radius:6px;padding:.4rem 1rem;font-size:.85rem;transition:all .15s}.page-btn:hover:not(:disabled){border-color:var(--brand-3);color:var(--brand-3)}.page-btn:disabled{opacity:.4;cursor:default}.page-info{color:var(--black-5);font-size:.85rem}
.feed-container{color:#2b2b2b;max-width:1200px;margin:0 auto;padding:1rem}.feed-container .feed-header{margin:0 0 1.5rem}.feed-container .feed-header-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.feed-container .feed-title{margin:0 0 .3rem;font-size:2.1rem;line-height:1.1}.feed-container .feed-subtitle{opacity:.8;margin:0;font-size:1rem}.feed-container .feed-create-btn{color:var(--white-3);white-space:nowrap;background:#2b2b2b;border-radius:8px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}:is(.feed-container .feed-create-btn):hover{background:var(--brand-a)}.feed-container .feed-empty{text-align:center;color:var(--black-6);margin:3rem 0;font-size:1rem}.feed-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.feed-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}