.blog-page{--blog-ink:#282334;--blog-muted:#756b85;--blog-paper:#fff;--blog-line:#e3dbed;background:#f7f6f2;color:var(--blog-ink)}.blog-main{padding-block:28px 56px}.blog-tag{font-size:14px;font-weight:600;color:#7651e9;letter-spacing:.06em}.blog-intro{padding:32px 0}.blog-intro h1{font-size:44px;line-height:1.35;margin:12px 0}.blog-intro h1 span{color:#7651e9}.blog-intro>p:last-child{color:var(--blog-muted);font-size:18px}.blog-card{display:grid;grid-template-columns:310px minmax(0,1fr);gap:32px;align-items:center;padding:28px;border:1px solid var(--blog-line);border-radius:24px;background:var(--blog-paper);color:inherit;text-decoration:none;transition:transform .2s,border-color .2s}.blog-card:hover{transform:translateY(-3px);border-color:#9875f6}.blog-card-art{background:#eee7fd;border-radius:18px;display:grid;place-items:center}.blog-card img{width:100%;height:auto;max-width:270px}.blog-card h2{font-size:28px;line-height:1.5;margin:10px 0}.blog-card-copy>p:not(.blog-tag){color:var(--blog-muted);line-height:1.9}.blog-read{display:inline-block;margin-top:12px;color:#7651e9;font-weight:600}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-radius:18px;background:#eee7fd;margin:32px 0}.blog-cta h2{font-size:22px;margin:0 0 8px}.blog-cta p{margin:0;line-height:1.8}.blog-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 20px;border-radius:12px;background:#7651e9;color:#fff!important;text-decoration:none!important;font-weight:600;white-space:nowrap;font-size:16px}.blog-button:hover{background:#6340d5}.blog-breadcrumb{font-size:14px;color:var(--blog-muted);line-height:1.9}.blog-breadcrumb a{color:inherit}.article-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:center;padding:32px 0}.article-head h1{font-size:38px;line-height:1.4;letter-spacing:-.03em;margin:12px 0 18px}.article-head img{width:100%;height:auto}.article-deck{font-size:18px;line-height:1.9;color:var(--blog-muted)}.article-meta{font-size:14px;color:var(--blog-muted);line-height:1.9}.article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px}.article-toc nav{position:sticky;top:24px;display:grid;gap:12px;padding:20px 0;font-size:14px}.article-toc a{color:var(--blog-muted);text-decoration:none}.article-toc a:hover{color:#7651e9}.article-content{max-width:780px;min-width:0;font-size:17px;line-height:1.95}.article-content section{scroll-margin-top:24px;margin:36px 0}.article-content h2{font-size:25px;line-height:1.6;margin:0 0 14px}.article-content a{color:#6844cc;text-decoration:underline;text-underline-offset:3px}.article-content p{margin:12px 0}.article-content li{padding-left:5px;margin:10px 0}.article-content ol,.article-content ul{padding-left:24px}.article-callout{padding:18px 20px;border-left:3px solid #9875f6;background:#eee7fd;border-radius:0 12px 12px 0}.blog-table{overflow-x:auto;border:1px solid var(--blog-line);border-radius:14px;margin:20px 0;background:var(--blog-paper)}.blog-table table{border-collapse:collapse;width:100%;font-size:16px;text-align:left}.blog-table caption{text-align:left;padding:14px;font-size:14px;color:var(--blog-muted)}.blog-table th,.blog-table td{padding:13px;border-top:1px solid var(--blog-line);vertical-align:top}.blog-table thead{background:#9875f615}.article-content details{padding:16px 0;border-bottom:1px solid var(--blog-line)}.article-content summary{font-weight:600;cursor:pointer}.article-content .blog-cta{display:block}.article-content .blog-cta .blog-button{margin-top:18px}.blog-page :focus-visible{outline:3px solid #9875f6;outline-offset:4px}.blog-page footer nav{flex-wrap:wrap}html[data-theme=dark] .blog-page{--blog-ink:#eee7fa;--blog-muted:#bbb0cf;--blog-paper:#261f32;--blog-line:#493957;background:#17141f}html[data-theme=dark] .blog-cta,html[data-theme=dark] .article-callout,html[data-theme=dark] .blog-card-art{background:#30233f}html[data-theme=dark] .article-content a,html[data-theme=dark] .blog-tag,html[data-theme=dark] .blog-read{color:#be9dff}@media(max-width:850px){.article-layout{grid-template-columns:minmax(0,1fr);gap:0}.article-toc nav{position:static;display:flex;flex-wrap:wrap;gap:12px 18px;border-block:1px solid var(--blog-line);padding:16px 0}.article-toc strong{width:100%}.article-head{grid-template-columns:minmax(0,1fr) 180px;gap:18px}.article-head h1{font-size:32px}.blog-card{grid-template-columns:220px minmax(0,1fr);gap:24px}.blog-cta{flex-wrap:wrap}}@media(max-width:600px){.blog-main{padding-top:18px}.blog-intro{padding:18px 0}.blog-intro h1{font-size:32px}.blog-card{grid-template-columns:minmax(0,1fr);padding:18px;gap:18px}.blog-card-art img{max-width:200px}.blog-card h2{font-size:23px}.article-head{display:block;padding:24px 0}.article-head>img{display:none}.article-head h1{font-size:30px}.article-deck{font-size:17px}.article-content{font-size:16px}.article-content h2{font-size:23px}.blog-table th,.blog-table td{padding:10px;font-size:14px}.blog-cta{padding:20px}.article-callout{padding:14px}.blog-button{white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}