.blog-page{padding-top:6.25rem;padding-bottom:5rem;min-height:100vh;background:var(--color-bg-hero)}.blog-page__header{text-align:center;max-width:720px;margin:0 auto 2.5rem;padding:0 1.5rem}.blog-page__header h1{font-family:var(--font-display);font-size:3.2rem;font-weight:700;margin-bottom:1.25rem;color:#fff;letter-spacing:-.02em}.blog-page__header p{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.7;max-width:560px;margin:0 auto}.blog-page__breadcrumb{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1.5rem;padding:0 2rem;max-width:1200px;margin-left:auto;margin-right:auto}.blog-page__breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.blog-page__breadcrumb a:hover{color:var(--color-accent)}.blog-page__toolbar{max-width:940px;margin:0 auto 2.25rem;padding:0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.blog-page__pills{display:flex;flex-wrap:wrap;gap:.5rem}.blog-page__pill{display:inline-block;padding:.35rem .9rem;border-radius:5px;font-size:.8rem;font-weight:500;text-decoration:none;color:var(--color-text-secondary);background:hsla(0,0%,100%,.06);border:1px solid var(--color-border);transition:background .2s ease,border-color .2s ease,color .2s ease}.blog-page__pill:hover{background:hsla(0,0%,100%,.1);color:#e6edf3}.blog-page__pill--active{background:rgba(217,119,6,.2);border-color:rgba(217,119,6,.4);color:#fcd34d}.blog-page__search{margin-left:auto;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px solid var(--color-border);background:hsla(0,0%,100%,.04);cursor:pointer;transition:color .2s ease,border-color .2s ease}.blog-page__search:hover{color:#e6edf3;border-color:rgba(217,119,6,.3)}.blog-page__layout{margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,940px) minmax(0,1fr);align-items:start}.blog-grid{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.blog-timeline{grid-column:3;justify-self:start;padding-left:2rem;width:220px;position:-webkit-sticky;position:sticky;top:6rem;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;padding-top:1.25rem;padding-bottom:1.25rem}.blog-timeline__title{font-family:var(--font-display);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:1.25rem;padding-left:.75rem}.blog-timeline__list{list-style:none;padding:0;border-left:2px solid var(--color-border);margin:0 0 0 2px}.blog-timeline__item{position:relative}.blog-timeline__date{display:block;font-size:.7rem;font-weight:600;color:#fbbf24;letter-spacing:.04em;padding:.6rem 0 .35rem 1rem;text-transform:uppercase}.blog-timeline__item:first-child .blog-timeline__date{padding-top:0}.blog-timeline__link{display:flex;align-items:flex-start;gap:.6rem;padding:.35rem .5rem .35rem 1rem;font-size:.82rem;line-height:1.4;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;position:relative}.blog-timeline__link:hover{color:#e6edf3}.blog-timeline__dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--color-border);margin-top:.3rem;position:relative;left:-1.35rem;margin-right:-.75rem;transition:background .2s ease,box-shadow .2s ease}.blog-timeline__link:hover .blog-timeline__dot{background:#d97706;box-shadow:0 0 6px rgba(217,119,6,.5)}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(217,119,6,.15),0 0 0 1px rgba(217,119,6,.1);border-color:rgba(217,119,6,.4)}.blog-card__thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(145deg,rgba(217,119,6,.22),rgba(180,83,9,.14) 50%,rgba(120,53,5,.1));display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom:1px solid var(--color-border);position:relative;overflow:hidden;transition:background .3s ease}.blog-card:hover .blog-card__thumb{background:linear-gradient(145deg,rgba(217,119,6,.32),rgba(180,83,9,.2) 50%,rgba(120,53,5,.14))}.blog-card__thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(245,158,11,.18) 0,transparent 65%)}.blog-card__thumb svg{transition:transform .4s cubic-bezier(.2,.8,.2,1);position:relative;z-index:1;filter:brightness(.88) saturate(.9)}.blog-card:hover .blog-card__thumb svg{transform:scale(1.12)}.blog-card__body{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.blog-card__tag{display:inline-block;padding:.2rem .6rem;background:rgba(217,119,6,.12);color:#fbbf24;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.85rem;width:-moz-fit-content;width:fit-content;transition:background .2s ease}.blog-card:hover .blog-card__tag{background:rgba(217,119,6,.2)}.blog-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:#fff;margin-bottom:.6rem;line-height:1.35;letter-spacing:-.01em}.blog-card__excerpt{font-size:.88rem;color:var(--color-text-secondary);line-height:1.65;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.78rem;color:var(--color-text-muted);font-weight:500}.blog-card a{text-decoration:none;color:inherit}.blog-post{padding-top:6.25rem;padding-bottom:5rem;min-height:100vh;background:var(--color-bg-hero)}.v2{overflow-x:clip!important;overflow-y:visible!important}.blog-post__container{margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,820px) minmax(0,1fr);grid-column-gap:0;column-gap:0}.blog-post__wrap{grid-column:2/4;display:grid;grid-template-columns:minmax(0,820px) 1fr;grid-gap:0 2rem;gap:0 2rem}.blog-post__main{min-width:0}.blog-post__aside{position:-webkit-sticky;position:sticky;top:6rem;width:220px;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;align-self:start;justify-self:start}.blog-post__container>.blog-post__back,.blog-post__container>.blog-post__breadcrumb,.blog-post__container>.blog-post__hero,.blog-post__container>.blog-post__meta,.blog-post__container>.blog-post__subtitle,.blog-post__container>.blog-post__tag,.blog-post__container>.blog-post__title{grid-column:2;max-width:none;margin-left:0;margin-right:0}.blog-toc{padding:1rem 0}.blog-toc__title{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:1rem}.blog-toc__list{list-style:none;padding:0;margin:0}.blog-toc__link{display:block;font-size:.88rem;color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;padding:.35rem 0 .35rem .75rem;margin-left:-2px;transition:color .2s ease,border-color .2s ease}.blog-toc__link:hover{color:#e6edf3}.blog-toc__link--active{color:#f59e0b;border-left-color:#f59e0b;font-weight:500}.blog-post__body h2,.blog-post__body h3{scroll-margin-top:110px}.blog-post__breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);margin-bottom:2rem;font-weight:500}.blog-post__breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.blog-post__breadcrumb a:hover{color:var(--color-accent)}.blog-post__breadcrumb-sep{color:hsla(0,0%,100%,.25);font-weight:400}.blog-post__tag{display:inline-block;color:var(--color-accent);font-size:.85rem;font-weight:500}.blog-post__title{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.15;margin-bottom:1.25rem;color:#fff;letter-spacing:-.03em;text-align:center}.blog-post__subtitle{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:2rem;font-weight:400;text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.blog-post__meta{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.88rem;color:var(--color-text-muted);margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--color-border);font-weight:400}.blog-post__author-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.blog-post__author-avatar img{width:100%;height:100%;object-fit:cover}.blog-post__author-name{font-weight:500;color:#e6edf3}.blog-post__meta-sep{color:hsla(0,0%,100%,.25)}.blog-post__back,.blog-post__hero{display:none}.blog-post__gif-placeholder svg,.blog-post__hero svg,.blog-post__image-placeholder svg{filter:brightness(.94) saturate(.9)}.blog-post__body svg text,.blog-post__hero svg text{fill:#e8edff!important;opacity:1!important}.blog-post__body svg [stroke],.blog-post__hero svg [stroke]{stroke-opacity:1!important}.blog-post__hero-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.85rem;z-index:1}.blog-post__hero-placeholder svg{opacity:.4}.blog-post__body h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:#fff;margin:3rem 0 1.25rem;line-height:1.25;letter-spacing:-.02em;padding-top:.5rem;border-top:1px solid rgba(217,119,6,.1)}.blog-post__body h2:first-child{margin-top:0;padding-top:0;border-top:none}.blog-post__body h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:#e6edf3;margin:2.25rem 0 .85rem;letter-spacing:-.01em}.blog-post__body p{font-size:1.08rem;line-height:1.85;color:#b1bac4;margin-bottom:1.4rem;font-weight:400}.blog-post__body>p:first-of-type{font-size:1.15rem;color:#c9d1d9}.blog-post__body ol,.blog-post__body ul{padding-left:1.5rem;margin-bottom:1.5rem}.blog-post__body li{font-size:1.05rem;line-height:1.85;color:#b1bac4;margin-bottom:.6rem;padding-left:.25rem}.blog-post__body li::marker{color:#fbbf24}.blog-post__body strong{color:#e6edf3;font-weight:600}.blog-post__body a{color:#fbbf24;text-decoration:underline;-webkit-text-decoration-color:rgba(251,191,36,.3);text-decoration-color:rgba(251,191,36,.3);text-underline-offset:3px;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease,color .2s ease;transition:text-decoration-color .2s ease,color .2s ease,-webkit-text-decoration-color .2s ease}.blog-post__body a:hover{-webkit-text-decoration-color:#fbbf24;text-decoration-color:#fbbf24;color:#fcd34d}.blog-post__body blockquote{border-left:3px solid #fbbf24;padding:1.25rem 1.75rem;margin:2rem 0;background:rgba(217,119,6,.06);border-radius:0 6px 6px 0}.blog-post__body blockquote p{color:#c9d1d9;font-style:italic;margin-bottom:0;font-size:1.05rem;line-height:1.75}.blog-post__body code{font-family:Fira Code,JetBrains Mono,Consolas,monospace;background:rgba(217,119,6,.1);padding:.2rem .45rem;border-radius:5px;font-size:.88em;color:#fbbf24;border:1px solid rgba(217,119,6,.12)}.blog-post__body pre{background:rgba(13,17,23,.8);border:1px solid var(--color-border);border-radius:4px;padding:1.25rem 1.5rem;margin:1.75rem 0;overflow-x:auto}.blog-post__body pre code{background:none;border:none;padding:0;font-size:.85rem;line-height:1.7;color:#e6edf3}.blog-post__image-placeholder{width:100%;aspect-ratio:16/9;border-radius:4px;background:linear-gradient(135deg,rgba(217,119,6,.08),rgba(78,205,196,.06));border:1px dashed rgba(217,119,6,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;color:var(--color-text-muted);font-size:.85rem;text-align:center;padding:1rem;transition:border-color .3s ease}.blog-post__image-placeholder:hover{border-color:rgba(217,119,6,.4)}.blog-post__image-placeholder svg{opacity:1}.blog-post__image-placeholder span{max-width:300px}.blog-post__gif-placeholder{width:100%;aspect-ratio:4/3;border-radius:4px;background:linear-gradient(135deg,rgba(78,205,196,.08),hsla(0,100%,71%,.06));border:1px dashed rgba(78,205,196,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;color:var(--color-text-muted);font-size:.85rem;text-align:center;padding:1rem}.blog-callout{padding:1.35rem 1.5rem;border-radius:4px;margin:2.25rem 0;border:1px solid;position:relative;overflow:hidden}.blog-callout:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.blog-callout--insight{background:rgba(217,119,6,.06);border-color:rgba(217,119,6,.18)}.blog-callout--insight:before{background:#fbbf24}.blog-callout--warning{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.18)}.blog-callout--warning:before{background:#f59e0b}.blog-callout--tip{background:rgba(78,205,196,.06);border-color:rgba(78,205,196,.18)}.blog-callout--tip:before{background:#22d3ee}.blog-callout__title{font-family:var(--font-display);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.blog-callout--insight .blog-callout__title{color:#fbbf24}.blog-callout--warning .blog-callout__title{color:#f59e0b}.blog-callout--tip .blog-callout__title{color:#22d3ee}.blog-callout p{font-size:.95rem!important;margin-bottom:0!important;line-height:1.7!important}.blog-divider{width:60px;height:3px;background:linear-gradient(90deg,#ff6b6b,#d97706,#22d3ee);background-size:200% 100%;border-radius:2px;margin:3.5rem auto;border:none;animation:blog-divider-shimmer 3s ease-in-out infinite}@keyframes blog-divider-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.blog-post__body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.92rem}.blog-post__body th{text-align:left;padding:.75rem 1rem;background:rgba(217,119,6,.08);border-bottom:2px solid rgba(217,119,6,.2);color:#e6edf3;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.blog-post__body td{padding:.65rem 1rem;border-bottom:1px solid var(--color-border);color:#b1bac4;line-height:1.5}.blog-post__body tr:last-child td{border-bottom:none}.blog-post__body tr:hover td{background:rgba(217,119,6,.03)}.blog-code{background:rgba(13,17,23,.9);border:1px solid hsla(212,9%,58%,.2);border-radius:8px;padding:1.25rem 1.5rem;margin:1.25rem 0;overflow-x:auto;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.85rem;line-height:1.65;color:#e6edf3;-moz-tab-size:2;tab-size:2;white-space:pre}.blog-code code{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;padding:0}.blog-post__footer{margin-top:4rem;padding:3rem;background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.2);border-radius:10px;text-align:center;position:relative}.blog-post__footer:before{content:"";position:absolute;inset:-1px;border-radius:10px;padding:1px;background:linear-gradient(135deg,hsla(0,100%,71%,.3),rgba(217,119,6,.3),rgba(78,205,196,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.blog-post__footer h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.blog-post__footer p{color:var(--color-text-secondary);margin-bottom:1.75rem;font-size:1.05rem}.blog-post__footer a{display:inline-block;padding:.55rem 1.4rem;background:#d97706;color:#fff;border-radius:4px;font-weight:600;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.8rem}.blog-post__footer a:hover{transform:translateY(-1px);background:#f59e0b;box-shadow:0 0 16px rgba(217,119,6,.35)}.blog-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#ff6b6b,#d97706,#22d3ee);z-index:1000;transition:width .1s linear}@media (max-width:1200px){.blog-page__layout{max-width:960px;grid-template-columns:1fr 200px;gap:2rem;padding:0 2rem}.blog-grid{grid-column:auto;grid-template-columns:repeat(2,1fr)}.blog-timeline{grid-column:auto;width:auto;padding-left:0}}@media (max-width:1024px){.blog-page__layout{max-width:none;grid-template-columns:1fr}.blog-timeline{display:none}.blog-grid{grid-column:auto;grid-template-columns:repeat(2,1fr)}.blog-post__container{max-width:940px;grid-template-columns:1fr;column-gap:0}.blog-post__wrap{grid-column:1;grid-template-columns:minmax(0,1fr) 210px}.blog-post__container>.blog-post__breadcrumb,.blog-post__container>.blog-post__meta,.blog-post__container>.blog-post__subtitle,.blog-post__container>.blog-post__title{grid-column:1}.blog-post__aside{width:210px}}@media (max-width:768px){.blog-page{padding-top:5.5rem}.blog-page__header h1{font-size:2.2rem}.blog-page__header p{font-size:1.05rem}.blog-page__breadcrumb,.blog-page__toolbar{padding:0 1rem}.blog-page__toolbar{margin-bottom:1.5rem}.blog-page__layout{padding:0 1rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-post{padding-top:5.5rem}.blog-post__title{font-size:2rem}.blog-post__subtitle{font-size:1.1rem}.blog-post__body h2{font-size:1.4rem;margin-top:2.5rem}.blog-post__body h3{font-size:1.15rem}.blog-post__body p{font-size:1rem;line-height:1.8}.blog-post__meta{flex-wrap:wrap}.blog-post__container{display:block;padding:0 1rem}.blog-post__footer{padding:2rem 1.5rem}.blog-post__aside{display:none}.blog-post__wrap{display:block;grid-column:1}}@media (max-width:480px){.blog-page__header h1{font-size:1.8rem}.blog-card__title{font-size:1.05rem}.blog-post__title{font-size:1.7rem}}