.blog-page{min-height:100vh;padding-top:5rem}.blog-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-header{text-align:center;margin-bottom:3rem}.blog-header__title{margin-bottom:.5rem;font-size:2.5rem;font-weight:300}.blog-header__subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.7}.blog-featured{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);color:inherit;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin-bottom:2.5rem;text-decoration:none;display:grid;overflow:hidden}.blog-featured:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #26313b14}.blog-featured__image{object-fit:cover;width:100%;height:320px}.blog-featured__content{padding:2rem}.blog-featured__hub{text-transform:uppercase;letter-spacing:1px;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:9999px;margin-bottom:.75rem;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.blog-featured__title{margin-bottom:.75rem;font-size:1.5rem;font-weight:500;line-height:1.3}.blog-featured__excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-featured__meta{color:var(--color-text-muted);font-size:.75rem}.blog-hub-nav{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.blog-hub-pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);border-radius:9999px;padding:8px 16px;font-size:.85rem;font-weight:500;text-decoration:none}.blog-hub-pill:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.blog-hub-pill--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid,.blog-featured{grid-template-columns:1fr}.blog-featured__image{height:200px}}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 4px 16px #26313b0f}.blog-card__image{aspect-ratio:16/9;object-fit:cover;width:100%}.blog-card__image-placeholder{aspect-ratio:16/9;background:var(--color-bg-tertiary);width:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:2rem;display:flex}.blog-card__body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blog-card__hub{text-transform:uppercase;letter-spacing:1px;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:9999px;width:fit-content;margin-bottom:.5rem;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-block}.blog-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.1rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-card__excerpt{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:.75rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card__meta{color:var(--color-text-muted);font-size:.75rem}.blog-pagination{justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.blog-pagination__btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);padding:8px 16px;font-size:.85rem;text-decoration:none}.blog-pagination__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-pagination__btn--disabled{opacity:.4;pointer-events:none}.blog-pagination__pages{align-items:center;gap:.25rem;display:flex}.blog-pagination__page{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;display:flex}.blog-pagination__page:hover{background:var(--color-bg-tertiary);color:var(--color-accent)}.blog-pagination__page--active{background:var(--color-accent);color:#fff;font-weight:600}.blog-pagination__page--active:hover{background:var(--color-accent);color:#fff}.blog-article-layout{grid-template-columns:1fr 240px;gap:3rem;max-width:1060px;margin:0 auto;padding:0 1.5rem;display:grid}@media (max-width:900px){.blog-article-layout{grid-template-columns:1fr}}.blog-article{max-width:720px}.blog-article__header{margin-bottom:2rem}.blog-article__hub-pill{text-transform:uppercase;letter-spacing:1px;color:var(--color-accent);background:var(--color-accent-subtle);border-radius:9999px;margin-bottom:.75rem;padding:4px 10px;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-block}.blog-article__meta{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.blog-article__hero-img{border-radius:var(--radius-lg);width:100%;max-width:720px;margin-bottom:2rem}.blog-h1{margin-bottom:1rem;font-size:2.2rem;font-weight:300;line-height:1.2}.blog-h2{border-top:1px solid var(--color-border);margin-top:2.5rem;margin-bottom:1rem;padding-top:1rem;font-size:1.5rem;font-weight:400}.blog-h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.15rem;font-weight:500}.blog-p{color:var(--color-text-primary);margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.blog-ul,.blog-ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-li{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem;line-height:1.7}.blog-li::marker{color:var(--color-cta)}.blog-link{color:var(--color-cta);text-underline-offset:3px;transition:color var(--transition-base);text-decoration:underline}.blog-link:hover{color:var(--color-accent)}.blog-figure{margin:2rem 0}.blog-img{border-radius:var(--radius-lg);width:100%;max-width:720px}.blog-figcaption{color:var(--color-text-muted);text-align:center;margin-top:.5rem;font-size:.8rem}.blog-hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.blog-blockquote{border-left:3px solid var(--color-cta);color:var(--color-text-secondary);margin:1.5rem 0;padding-left:1.25rem;font-style:italic}.blog-code{background:var(--color-bg-tertiary);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.9em}.blog-strong{font-weight:600}.blog-toc{position:sticky;top:6rem}.blog-toc__title{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);margin-bottom:1rem;font-size:.75rem;font-weight:600}.blog-toc__list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.blog-toc__link{color:var(--color-text-secondary);border-left:2px solid var(--color-border);transition:all var(--transition-base);padding:4px 0 4px 12px;font-size:.85rem;text-decoration:none;display:block}.blog-toc__link:hover{color:var(--color-accent);border-left-color:var(--color-accent)}.blog-faq{border-top:1px solid var(--color-border);margin-top:2.5rem;padding-top:1.5rem}.blog-faq__title{margin-bottom:1.25rem;font-size:1.5rem;font-weight:400}.blog-faq__item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:.5rem;overflow:hidden}.blog-faq__question{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;list-style:none;display:flex}.blog-faq__answer{color:var(--color-text-secondary);padding:0 1.25rem 1.25rem;font-size:.9rem;line-height:1.7}.blog-cta-banner{text-align:center;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);margin:3rem 0;padding:3rem 2rem}.blog-cta-banner__title{margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.blog-cta-banner__text{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem}.blog-breadcrumb{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-top:5.5rem;font-size:.8rem;display:flex}.blog-breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-base);text-decoration:none}.blog-breadcrumb a:hover{color:var(--color-accent)}.blog-breadcrumb__sep{color:var(--color-border-hover)}.blog-related{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem}.blog-related__title{margin-bottom:1.5rem;font-size:1.25rem;font-weight:400}