.blog-page{background:var(--canvas);min-height:100dvh;padding:56px 28px 96px}.blog-header{text-align:center;max-width:720px;margin:0 auto 40px}.blog-eyebrow{font-family:var(--font-mono);letter-spacing:.02em;color:var(--spark-violet);text-transform:uppercase;font-size:12px;font-weight:600}.blog-title{font-family:var(--font-display);color:var(--fg1);margin:8px 0 12px;font-size:clamp(32px,5vw,48px);font-weight:700}.blog-subtitle{color:var(--fg2);font-size:18px;line-height:1.5}.blog-list{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;display:flex}.blog-list-item{border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;padding:24px 28px;text-decoration:none;transition:all .14s;display:block}.blog-list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.blog-list-item-date{font-family:var(--font-mono);color:var(--fg3);font-size:12px}.blog-list-item-title{font-family:var(--font-display);color:var(--fg1);margin:6px 0 8px;font-size:22px;font-weight:700}.blog-list-item-description{color:var(--fg2);font-size:15px;line-height:1.5}.blog-empty{text-align:center;max-width:720px;color:var(--fg3);margin:0 auto;font-size:15px}.blog-post-layout{grid-template-columns:1fr;justify-content:center;gap:40px;max-width:1140px;margin:0 auto;display:grid}@media (min-width:1024px){.blog-post-layout{grid-template-columns:720px 220px;justify-content:center}}.blog-post-back{font-family:var(--font-mono);color:var(--fg2);margin-bottom:24px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.blog-post-back:hover{color:var(--spark-violet)}.blog-post-header{text-align:center;margin-bottom:40px}.blog-post-meta{font-family:var(--font-mono);color:var(--fg3);margin-bottom:12px;font-size:13px}.blog-post-title{font-family:var(--font-display);color:var(--fg1);margin-bottom:12px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.15}.blog-post-description{color:var(--fg2);font-size:17px;line-height:1.5}.blog-post-content{color:var(--fg1);font-size:16px;line-height:1.7}.blog-h2{font-family:var(--font-display);color:var(--fg1);margin:40px 0 16px;scroll-margin-top:24px;font-size:26px;font-weight:700}.blog-h3{font-family:var(--font-display);color:var(--fg1);margin:32px 0 12px;scroll-margin-top:24px;font-size:20px;font-weight:600}.blog-h4{font-family:var(--font-display);color:var(--fg1);margin:24px 0 8px;scroll-margin-top:24px;font-size:17px;font-weight:600}.blog-p{margin:0 0 16px}.blog-a{color:var(--spark-violet);text-underline-offset:2px;text-decoration:underline}.blog-a:hover{color:var(--spark-violet-700)}.blog-ul,.blog-ol{flex-direction:column;gap:8px;margin:0 0 16px;padding-inline-start:24px;display:flex}.blog-li{line-height:1.6}.blog-img{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;height:auto;margin:24px 0;display:block}.blog-blockquote{border-inline-start:3px solid var(--spark-violet-200);color:var(--fg2);margin:0 0 16px;padding-inline-start:16px;font-style:italic}.blog-code{font-family:var(--font-mono);background:var(--canvas-sunk);border-radius:4px;padding:2px 6px;font-size:.9em}.blog-pre{font-family:var(--font-mono);background:var(--fg1);color:var(--fg-on-dark);border-radius:var(--radius-md);margin:0 0 16px;padding:16px 20px;font-size:14px;overflow-x:auto}.blog-pre .blog-code{background:0 0;padding:0}.blog-hr{border:none;border-top:1px solid var(--border);margin:32px 0}.blog-cta{background:var(--spark-violet);border-radius:var(--radius-2xl);text-align:center;margin-top:56px;padding:44px 40px}.blog-cta-eyebrow{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:#ffffffb3;margin:0 0 10px;font-size:12px;font-weight:600}.blog-cta-title{font-family:var(--font-display);color:#fff;margin:0 0 10px;font-size:clamp(22px,3vw,30px);font-weight:700}.blog-cta-body{color:#ffffffd9;max-width:46ch;margin:0 auto 24px;font-size:16px;line-height:1.5}.blog-cta-btn{font-family:var(--font-display);color:var(--ink);background:var(--spark-lime);border:2px solid var(--ink);border-radius:var(--radius-full);box-shadow:var(--shadow-pop);align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s,background .14s;display:inline-flex}.blog-cta-btn:hover{background:var(--spark-lime-600)}.blog-cta-btn:active{box-shadow:var(--shadow-pop-sm);transform:translate(2px,2px)}.blog-cta-btn-ico{flex:none}.blog-toc{align-self:start;max-height:calc(100dvh - 64px);position:sticky;top:32px;overflow-y:auto}.blog-toc-title{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--fg3);margin:0 0 12px;font-size:12px;font-weight:600}.blog-toc-list{border-inline-start:1px solid var(--border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-toc-list-item{margin:0}.blog-toc-item{color:var(--fg3);border-inline-start:1px solid #0000;margin-inline-start:-1px;padding:6px 0 6px 12px;font-size:13px;line-height:1.4;text-decoration:none;transition:color .14s,border-color .14s;display:block}.blog-toc-item:hover{color:var(--fg1)}.blog-toc-item[data-active=true]{color:var(--spark-violet);border-inline-start-color:var(--spark-violet);font-weight:600}