.blog-page{background:#fff;min-height:100vh}.dark .blog-page{background:#0a0a0a}.blog-header{text-align:center;padding:10rem 1.5rem 4rem}.blog-header__title{letter-spacing:-.04em;color:#0a0a0a;margin-bottom:1rem;font-size:3rem;font-weight:700}.dark .blog-header__title{color:#fafafa}@media (min-width:768px){.blog-header__title{font-size:4rem}}.blog-header__description{color:#666;max-width:36rem;margin:0 auto;font-size:1.125rem;line-height:1.7}.dark .blog-header__description{color:#888}.blog-tabs{flex-wrap:wrap;justify-content:center;gap:.25rem;padding:0 1.5rem 3rem;display:flex}.blog-tabs__item{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.dark .blog-tabs__item{color:#888}.blog-tabs__item:hover{color:#0a0a0a;background:#f5f5f5}.dark .blog-tabs__item:hover{color:#fafafa;background:#1a1a1a}.blog-tabs__item--active{color:#0a0a0a;background:#f5f5f5}.dark .blog-tabs__item--active{color:#fafafa;background:#1a1a1a}.blog-container{max-width:72rem;margin:0 auto;padding:0 1.5rem 6rem}.blog-posts{background:#eaeaea;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.dark .blog-posts{background:#262626;border-color:#262626}.blog-post{background:#fff;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;transition:background .15s;display:grid}@media (min-width:768px){.blog-post{grid-template-columns:280px 1fr;gap:2rem;padding:2rem}}.dark .blog-post{background:#0a0a0a}.blog-post:hover{background:#fafafa}.dark .blog-post:hover{background:#111}.blog-post__image{aspect-ratio:16/10;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.dark .blog-post__image{background:#1a1a1a}.blog-post__image img{object-fit:cover}.blog-post__placeholder{background:linear-gradient(135deg,#f0f0f0,#e5e5e5);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dark .blog-post__placeholder{background:linear-gradient(135deg,#1a1a1a,#262626)}.blog-post__placeholder span{color:#ccc;font-size:2rem;font-weight:600}.dark .blog-post__placeholder span{color:#444}.blog-post__pinned{color:#fff;background:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;position:absolute;top:.75rem;right:.75rem}.dark .blog-post__pinned{color:#0a0a0a;background:#fafafa}.blog-post__content{flex-direction:column;justify-content:center;gap:.75rem;display:flex}.blog-post__meta{color:#666;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.dark .blog-post__meta{color:#888}.blog-post__category{background:#f5f5f5;border-radius:4px;padding:.25rem .625rem;font-weight:500}.dark .blog-post__category{background:#1a1a1a}.blog-post__dot{background:#ccc;border-radius:50%;width:3px;height:3px}.dark .blog-post__dot{background:#444}.blog-post__reading-time{align-items:center;gap:.25rem;display:flex}.blog-post__title{color:#0a0a0a;letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.4;transition:color .15s}.dark .blog-post__title{color:#fafafa}.blog-post:hover .blog-post__title{color:#666}.dark .blog-post:hover .blog-post__title{color:#888}@media (min-width:768px){.blog-post__title{font-size:1.5rem}}.blog-post__excerpt{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.dark .blog-post__excerpt{color:#888}.blog-post__author{align-items:center;gap:.625rem;margin-top:.5rem;display:flex}.blog-post__avatar{color:#666;background:#e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.dark .blog-post__avatar{color:#888;background:#262626}.blog-post__avatar img{object-fit:cover;width:100%;height:100%}.blog-post__author-name{color:#0a0a0a;font-size:.8125rem;font-weight:500}.dark .blog-post__author-name{color:#fafafa}.blog-empty{text-align:center;padding:6rem 2rem}.blog-empty__title{color:#0a0a0a;margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.dark .blog-empty__title{color:#fafafa}.blog-empty__description{color:#666;font-size:.9375rem}.dark .blog-empty__description{color:#888}.blog-author-stack{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.blog-author-stack__avatars{align-items:center;display:flex}.blog-author-stack__avatar{color:#666;background:#e5e5e5;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.dark .blog-author-stack__avatar{color:#888;background:#262626;border-color:#0a0a0a}.blog-author-stack__avatar img{object-fit:cover;width:100%;height:100%}.blog-author-stack__avatar--more{color:#666;background:#f5f5f5;font-weight:500}.dark .blog-author-stack__avatar--more{color:#888;background:#1a1a1a}.blog-author-stack__names{color:#0a0a0a;font-weight:500}.dark .blog-author-stack__names{color:#fafafa}