.blog-page{max-width:1200px;margin:0 auto;padding:48px 24px 80px}.blog-page--article{max-width:1160px}.blog-article-mdx-wrapper{width:100%;max-width:1200px;margin:0 auto}.blog-header{margin-bottom:56px}.blog-header__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:12px;font-size:.78rem;font-weight:600;display:inline-block}.blog-header__title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.blog-header__intro{color:var(--text-secondary);max-width:640px;margin:0;font-size:1.05rem;line-height:1.7}.blog-section{margin-bottom:64px}.blog-section__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;padding-bottom:16px;display:flex}.blog-section__title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:600}.blog-section__link{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:.85rem;text-decoration:none;transition:color .15s}.blog-section__link:hover{color:var(--text-primary)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-grid--two-col{grid-template-columns:repeat(2,1fr)}.blog-grid--single{grid-template-columns:1fr}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid,.blog-grid--two-col{grid-template-columns:1fr}}.blog-card{background:var(--card-bg);border:1px solid var(--border-color);color:inherit;border-radius:10px;flex-direction:column;height:100%;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.blog-card__cover-link{z-index:1;position:absolute;inset:0}.blog-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card__body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-card__meta{z-index:2;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex;position:relative}.blog-card__title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 10px;font-size:1rem;font-weight:600;line-height:1.4}.blog-card__excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.88rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__footer{border-top:1px solid var(--border-light);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:14px 20px;font-size:.8rem;display:flex}.blog-card__footer-meta{align-items:center;gap:8px;display:flex}.blog-card__arrow{color:var(--text-muted);align-items:center;transition:color .15s,transform .15s;display:flex}.blog-card:hover .blog-card__arrow{color:var(--text-primary);transform:translate(3px)}.blog-featured{background:var(--card-bg);border:1px solid var(--border-color);color:inherit;border-radius:12px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:64px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.blog-featured:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.blog-featured__visual{background:var(--bg-tertiary);justify-content:center;align-items:center;min-height:240px;padding:32px;display:flex}.blog-featured__icon{width:64px;height:64px;color:var(--text-tertiary);opacity:.5}.blog-featured__content{flex-direction:column;justify-content:center;padding:40px;display:flex}.blog-featured__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px;font-size:.75rem;font-weight:600}.blog-featured__title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 14px;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-featured__excerpt{color:var(--text-secondary);margin:0 0 24px;font-size:.95rem;line-height:1.7}.blog-featured__footer{color:var(--text-tertiary);align-items:center;gap:12px;font-size:.82rem;display:flex}.blog-featured__cta{color:var(--text-primary);align-items:center;gap:6px;margin-top:20px;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex}.blog-featured__cta svg{transition:transform .15s}.blog-featured:hover .blog-featured__cta svg{transform:translate(4px)}@media (max-width:768px){.blog-featured{grid-template-columns:1fr}.blog-featured__visual{min-height:120px}.blog-featured__content{padding:24px}.blog-featured__title{font-size:1.2rem}}.blog-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--border-color);white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.blog-badge:hover{background:var(--bg-hover);border-color:var(--border-hover)}.blog-categories{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.blog-category-chip{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.blog-category-chip:hover,.blog-category-chip--active{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-hover)}.blog-category-chip__count{color:var(--text-muted);font-size:.75rem}.blog-meta-item{color:var(--text-tertiary);align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.blog-meta-item svg{flex-shrink:0}.blog-meta-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:3px;height:3px}.blog-breadcrumb{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:32px;font-size:.82rem;display:flex}.blog-breadcrumb__item{align-items:center;gap:4px;display:flex}.blog-breadcrumb__link{color:var(--text-tertiary);text-decoration:none;transition:color .12s}.blog-breadcrumb__link:hover{color:var(--text-primary)}.blog-breadcrumb__separator{color:var(--text-muted);font-size:.75rem}.blog-breadcrumb__current{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.article-header{margin-bottom:40px}.article-header__meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.article-header__title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.2}.article-header__excerpt{color:var(--text-secondary);margin:0 0 24px;font-size:1.05rem;line-height:1.75}.article-header__byline{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding:16px 0;display:flex}.article-header__author{align-items:center;gap:10px;display:flex}.article-header__author-avatar{background:var(--bg-tertiary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex}.article-header__author-name{color:var(--text-primary);font-size:.88rem;font-weight:500}.article-header__author-title{color:var(--text-tertiary);font-size:.78rem}.article-header__dates{color:var(--text-tertiary);margin-left:auto;font-size:.8rem}.blog-toc{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 4px 20px #00000008}.blog-toc__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:16px;padding-left:12px;font-size:13px;font-weight:700}.blog-toc__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.blog-toc__item{scroll-behavior:smooth;line-height:1.4}.blog-toc__item--h3{padding-left:12px}.blog-toc__link{color:var(--text-secondary);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 12px 8px 16px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .3s cubic-bezier(.25,1,.5,1),background-color .3s cubic-bezier(.25,1,.5,1),transform .3s cubic-bezier(.25,1,.5,1),border-color .3s cubic-bezier(.25,1,.5,1),box-shadow .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.blog-toc__link:before{content:"";background:var(--accent-primary,#6366f1);opacity:0;border-radius:3px;width:3px;height:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s;position:absolute;top:50%;left:4px;transform:translateY(-50%)scaleY(0)}.blog-toc__link:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(4px)}.blog-toc__link:hover:before{opacity:.5;transform:translateY(-50%)scaleY(.6)}.blog-toc__link.active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color);font-weight:600;transform:translate(5px);box-shadow:0 2px 10px #0000000d}.blog-toc__link.active:before{opacity:1;transform:translateY(-50%)scaleY(1)}.blog-toc__icon{color:var(--text-muted);font-size:14px;line-height:1;transition:color .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}.blog-toc__link:hover .blog-toc__icon{color:var(--text-primary);transform:scale(1.15)}.blog-toc__link.active .blog-toc__icon{color:var(--accent-primary,#6366f1);transform:scale(1.3)}.article-body{color:var(--text-secondary);font-size:1rem;line-height:1.8}.article-body h2{color:var(--text-primary);letter-spacing:-.015em;margin:2.5rem 0 1rem;padding-top:.5rem;scroll-margin-top:95px;font-size:1.4rem;font-weight:700;line-height:1.3}.article-body h3{color:var(--text-primary);letter-spacing:-.01em;margin:2rem 0 .75rem;scroll-margin-top:95px;font-size:1.1rem;font-weight:600;line-height:1.4}.article-body h4{color:var(--text-primary);margin:1.5rem 0 .5rem;scroll-margin-top:95px;font-size:.95rem;font-weight:600}.article-body p{margin:0 0 1.2rem}.article-body a{color:var(--link-color);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-color);text-decoration-color:var(--border-color);transition:color .12s,text-decoration-color .12s}.article-body a:hover{color:var(--link-hover);-webkit-text-decoration-color:var(--link-hover);text-decoration-color:var(--link-hover)}.article-body ul,.article-body ol{margin:0 0 1.2rem;padding-left:1.5rem}.article-body li{margin-bottom:.4rem;line-height:1.7}.article-body strong{color:var(--text-primary);font-weight:600}.article-body em{font-style:italic}.article-body code{font-family:var(--font-geist-mono),"Courier New",monospace;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:.88em}.article-body pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin:0 0 1.5rem;padding:20px;overflow-x:auto}.article-body pre code{background:0 0;border:none;padding:0;font-size:.9em}.article-body blockquote{border-left:3px solid var(--border-hover);color:var(--text-tertiary);margin:0 0 1.2rem;padding-left:20px;font-style:italic}.article-body hr{border:none;border-top:1px solid var(--border-color);margin:2.5rem 0}.article-body table{border-collapse:collapse;width:100%;margin:0 0 1.5rem;font-size:.9rem}.article-body thead th{background:var(--bg-secondary);color:var(--text-primary);text-align:left;border-bottom:2px solid var(--border-color);padding:10px 14px;font-weight:600}.article-body tbody td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:top;padding:9px 14px}.article-body tbody tr:last-child td{border-bottom:none}.article-body table{border:1px solid var(--border-color);border-radius:8px;display:block;overflow:auto hidden}.blog-cta{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:flex-start;gap:20px;margin:40px 0;padding:24px;display:flex}.blog-cta__icon{background:var(--bg-tertiary);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.blog-cta__content{flex:1;min-width:0}.blog-cta__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:.75rem;font-weight:600}.blog-cta__title{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.blog-cta__description{color:var(--text-secondary);margin:0 0 16px;font-size:.88rem;line-height:1.6}.blog-cta__links{flex-wrap:wrap;gap:8px;display:flex}.blog-cta__btn{background:var(--accent-primary1);color:var(--text-btn-primary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:500;text-decoration:none;transition:background .12s,box-shadow .12s;display:inline-flex}.blog-cta__btn:hover{box-shadow:var(--shadow-sm)}.blog-cta__btn--secondary{background:var(--bg-primary);color:var(--text-secondary)}.blog-cta__btn--secondary:hover{color:var(--text-primary);border-color:var(--border-hover)}.blog-related{border-top:1px solid var(--border-color);margin-top:56px;padding-top:40px}.blog-related__title{color:var(--text-primary);margin:0 0 24px;font-size:1rem;font-weight:600}.blog-related__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.blog-related__card{background:var(--bg-secondary);border:1px solid var(--border-color);color:inherit;border-radius:8px;flex-direction:column;padding:16px;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.blog-related__card:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.blog-related__cat{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:6px;font-size:.72rem;font-weight:600}.blog-related__heading{color:var(--text-primary);margin:0 0 8px;font-size:.9rem;font-weight:600;line-height:1.4}.blog-related__meta{color:var(--text-tertiary);margin-top:auto;padding-top:8px;font-size:.78rem}@media (max-width:768px){.blog-related__grid{grid-template-columns:1fr}}.blog-share{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px;padding:20px 0;display:flex}.blog-share__label{color:var(--text-tertiary);margin-right:4px;font-size:.82rem;font-weight:500}.blog-share__btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.blog-share__btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.article-faq{border-top:1px solid var(--border-color);margin:48px 0 0;padding-top:40px}.article-faq__title{color:var(--text-primary);margin:0 0 28px;font-size:1.2rem;font-weight:700}.article-faq__list{flex-direction:column;gap:0;display:flex}.article-faq__item{border-bottom:1px solid var(--border-color)}.article-faq__item:first-child{border-top:1px solid var(--border-color)}.article-faq__question{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 0;font-size:.95rem;font-weight:600;list-style:none;display:flex}.article-faq__question::-webkit-details-marker{display:none}.article-faq__question svg{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}details[open] .article-faq__question svg{transform:rotate(180deg)}.article-faq__answer{color:var(--text-secondary);padding:0 0 18px;font-size:.9rem;line-height:1.7}.blog-search{margin-bottom:32px;position:relative}.blog-search__input-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;padding:0 14px;transition:border-color .12s,box-shadow .12s;display:flex}.blog-search__input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.blog-search__icon{color:var(--text-tertiary);flex-shrink:0}.blog-search__input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 10px;font-family:inherit;font-size:.95rem}.blog-search__input::placeholder{color:var(--text-muted)}.blog-search__clear{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .12s;display:flex}.blog-search__clear:hover{color:var(--text-primary)}.blog-search__results-count{color:var(--text-tertiary);margin-bottom:20px;font-size:.82rem}.blog-category-page{max-width:1200px;margin:0 auto;padding:48px 24px 80px}.blog-category-nav{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.blog-empty{text-align:center;color:var(--text-tertiary);padding:64px 24px}.blog-empty__icon{opacity:.4;margin:0 auto 16px}.blog-empty__text{font-size:.95rem}.article-layout{grid-template-columns:1fr 260px;align-items:start;gap:48px;display:grid}.article-layout__main{min-width:0}.article-layout__sidebar{position:sticky;top:100px}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-layout__sidebar{order:-1;position:static}}@media (max-width:600px){.blog-page{padding:32px 16px 64px}.blog-header__title{font-size:1.75rem}.article-header__title{font-size:1.5rem}.blog-toc{padding:16px}.blog-cta{flex-direction:column;gap:12px}}.blog-category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.blog-category-card{background:var(--bg-secondary);border:1px solid var(--border-color);color:inherit;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.blog-category-card:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-1px)}.blog-category-card svg{color:var(--text-tertiary);flex-shrink:0}.blog-category-card__label{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.blog-category-card__count{color:var(--text-tertiary);font-size:.78rem}@media (max-width:600px){.blog-category-grid{grid-template-columns:repeat(2,1fr)}}