.blog-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:7rem 0 4rem}.blog-shell.narrow{width:min(720px,100% - 2rem)}.blog-header{margin-bottom:2.5rem}.blog-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:400}.blog-header p{color:var(--muted);margin:.75rem 0 0;font-size:1.05rem;line-height:1.5}.blog-back{color:var(--muted);margin-bottom:1rem;font-size:.9rem;font-weight:500;transition:color .15s;display:inline-block}.blog-back:hover{color:var(--text)}.blog-empty{color:var(--muted)}.blog-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow);border-color:#ffffff29}.blog-card-media{aspect-ratio:16/9;background:var(--surface);width:100%;position:relative;overflow:hidden}.blog-card-media img{object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card-media img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;padding:1.15rem 1.25rem 1.35rem;display:flex}.blog-card-date,.blog-article-date{color:var(--muted);font-size:.8rem;font-weight:500}.blog-card-body h2{color:var(--text);margin:.5rem 0 0;font-size:1.1rem;font-weight:600;line-height:1.35;transition:color .15s}.blog-card:hover .blog-card-body h2{color:var(--muted)}.blog-card-body p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.55rem 0 0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-pagination{justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.blog-pagination-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:10px;align-items:center;padding:.55rem 1rem;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.blog-pagination-btn:hover{background:var(--surface);border-color:#ffffff29}.blog-pagination-btn.is-disabled{color:var(--muted);opacity:.45;pointer-events:none}.blog-pagination-meta{color:var(--muted);font-size:.875rem}.blog-article-header{margin-bottom:2rem}.blog-article-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.15}.blog-article-date{margin-top:1rem;display:block}.blog-article-footer{border-top:1px solid var(--border);margin-top:3rem;padding-top:1.5rem}.blog-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-tag{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-block}.blog-tag:hover{color:var(--text);border-color:#ffffff29}