.blog-page{background-color:var(--color-bg);min-height:calc(100vh - 150px);color:var(--color-text);font-family:var(--font-primary);padding:50px 20px}.blog-page__container{max-width:900px;margin:0 auto}.blog-page__header{text-align:center;margin-bottom:40px}.blog-page__title{letter-spacing:-.02em;margin-bottom:12px;font-size:2.5rem;font-weight:700}.blog-page__subtitle{color:var(--color-text-dim);font-size:1.15rem}.blog-grid{flex-direction:column;gap:24px;display:flex}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);color:inherit;border-radius:16px;padding:28px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.blog-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 30px #00000014}.blog-card__meta{color:var(--color-text-dim);align-items:center;gap:12px;margin-bottom:12px;font-size:.85rem;display:flex}.blog-card__category{background:rgba(var(--color-primary-rgb,59, 130, 246), .1);color:var(--color-primary);border-radius:20px;padding:4px 10px;font-weight:600}.blog-card__title{color:var(--color-text);margin-bottom:10px;font-size:1.4rem;font-weight:600}.blog-card__summary{color:var(--color-text-dim);margin-bottom:16px;font-size:1.05rem;line-height:1.6}.blog-card__footer{color:var(--color-text-dim);justify-content:space-between;font-size:.85rem;display:flex}.blog-post__container{max-width:800px;margin:0 auto;line-height:1.8}.blog-post__breadcrumb{color:var(--color-text-dim);align-items:center;gap:8px;margin-bottom:24px;font-size:.9rem;display:flex}.blog-post__breadcrumb a{color:var(--color-text-dim);text-decoration:none}.blog-post__breadcrumb a:hover{color:var(--color-primary)}.blog-post__header{border-bottom:1px solid var(--color-border);margin-bottom:30px;padding-bottom:20px}.blog-post__title{margin-bottom:16px;font-size:2.2rem;font-weight:700;line-height:1.3}.blog-post__meta{color:var(--color-text-dim);flex-wrap:wrap;gap:16px;font-size:.9rem;display:flex}.blog-post__content{color:var(--color-text);font-size:1.1rem}.blog-post__content h1{margin:30px 0 15px;font-size:2rem}.blog-post__content h2{margin:25px 0 12px;font-size:1.6rem}.blog-post__content h3{margin:20px 0 10px;font-size:1.3rem}.blog-post__content p{color:var(--color-text-dim);margin-bottom:20px}.blog-post__content ul,.blog-post__content ol{color:var(--color-text-dim);margin-bottom:20px;padding-left:24px}.blog-post__content li{margin-bottom:8px}.blog-post__content hr{border:none;border-top:1px solid var(--color-border);margin:30px 0}.blog-post__content blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-dim);margin:20px 0;padding-left:16px;font-style:italic}.blog-post__content code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-family:Menlo,Consolas,monospace;font-size:.9em}.blog-post__content strong{color:var(--color-text);font-weight:600}.blog-post__content a{color:var(--color-primary);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.blog-post__content a:hover{border-color:var(--color-primary)}@media (max-width:768px){.blog-page{padding:30px 16px}.blog-page__title{font-size:1.8rem}.blog-post__title{font-size:1.7rem}.blog-card__meta{flex-wrap:wrap}}