:root{--dodil-nav-bg:radial-gradient(ellipse 60% 100% at 18% 0%, #f472b60f 0%, #fff0 70%), radial-gradient(ellipse 60% 100% at 82% 0%, #60a5fa0f 0%, #fff0 70%), radial-gradient(ellipse 80% 100% at 50% 100%, #a78bfa0d 0%, #fff0 70%), linear-gradient(180deg, #ffffffd1 0%, #f8f8fcd1 100%);--dodil-nav-border:#00000014;--dodil-nav-link:#0000008c;--dodil-nav-link-hover:#0f0f14f2;--dodil-nav-divider:#0000001a}html.dark,.dark,[data-theme=dark]{--dodil-nav-bg:radial-gradient(ellipse 60% 100% at 18% 0%, #f472b61a 0%, #0000 70%), radial-gradient(ellipse 60% 100% at 82% 0%, #60a5fa1a 0%, #0000 70%), radial-gradient(ellipse 80% 100% at 50% 100%, #a78bfa14 0%, #0000 70%), linear-gradient(180deg, #080612c7 0%, #06050ec7 100%);--dodil-nav-border:#ffffff14;--dodil-nav-link:#ffffff8c;--dodil-nav-link-hover:#fffffff2;--dodil-nav-divider:#ffffff1a}.dodil-navbar{background:var(--dodil-nav-bg);border-bottom:1px solid var(--dodil-nav-border);-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px);align-items:center;gap:.25rem;height:52px;padding:0 22px;display:flex}.dodil-navbar--sticky{z-index:30;position:sticky;top:0}.dodil-nav-brand{border-radius:var(--dodil-radius-3);align-items:center;gap:.5rem;padding:6px 8px;text-decoration:none;transition:background .15s;display:inline-flex}.dodil-nav-brand:hover{background:color-mix(in oklab,var(--dodil-nav-link-hover) 8%,transparent)}.dodil-nav-brand__word{letter-spacing:-.01em;color:var(--dodil-nav-link-hover);font-size:13px;font-weight:600}.dodil-nav-link{color:var(--dodil-nav-link);letter-spacing:-.01em;border-radius:var(--dodil-radius-2);padding:6px 10px;font-size:12px;font-weight:400;text-decoration:none;transition:color .15s}.dodil-nav-link:hover{color:var(--dodil-nav-link-hover)}.dodil-nav-btn{border-radius:var(--dodil-radius-pill);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;align-items:center;padding:.38rem .95rem;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s,filter .15s;display:inline-flex}.dodil-nav-btn--ghost{color:var(--dodil-nav-link-hover);border:1px solid var(--dodil-nav-border);background:0 0}.dodil-nav-btn--ghost:hover{border-color:var(--dodil-blue);color:var(--dodil-blue)}.dodil-nav-btn--solid{background:var(--dodil-blue);color:#fff;border:1px solid #0000}.dodil-nav-btn--solid:hover{filter:brightness(1.08);transform:translateY(-1px)}.dodil-gradient-text{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:var(--dodil-gradient-brand)}[data-product=k3]{--dodil-blue:#0f7673;--dodil-product-link:#0f7673;--dodil-product-link-hover:#0c6461;--k3-link:#0f7673;--k3-link-hover:#0c6461;--dodil-bg-base:#f7fdfd;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #18aaa51f 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #2dd4cd1a 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #5ae2dd0f 0%, #fff0 52%), linear-gradient(180deg, #f5fafa 0%, #fafcfc 100%);--dodil-aura-border:#47d1cd47;--dodil-nav-bg:#0000;--dodil-gradient-product:linear-gradient(135deg, #18aaa5, #2dd4cd, #5ae2dd);--x-color-primary-800:#0f7673!important;--x-color-primary-600:#0f7673!important}@supports (color:lab(0% 0 0)){[data-product=k3]{--dodil-nav-bg:lab(0% 0 0/0)}}[data-product=k3].dark,[data-product=k3][data-theme=dark],.dark [data-product=k3],[data-theme=dark] [data-product=k3]{--dodil-blue:#2fc4be;--dodil-product-link:#5ae2dd;--dodil-product-link-hover:#8fece8;--k3-link:#5ae2dd;--k3-link-hover:#8fece8;--dodil-bg-base:#091110;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #18aaa52e 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #2dd4cd29 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #5ae2dd1a 0%, #fff0 52%), linear-gradient(180deg, #0911100a 0%, #09111005 100%);--dodil-nav-bg:#1438366d;--x-color-primary-800:#5ae2dd!important;--x-color-primary-600:#5ae2dd!important}@supports (color:lab(0% 0 0)){[data-product=k3].dark,[data-product=k3][data-theme=dark],.dark [data-product=k3],[data-theme=dark] [data-product=k3]{--dodil-nav-bg:lab(20.8824% -13.8904 -2.87198/.428235)}}[data-product=scriptum]{--dodil-blue:#e85a3a;--dodil-product-link:#c63d1f;--dodil-product-link-hover:#8f2410;--scriptum-link:#c63d1f;--scriptum-link-hover:#8f2410;--dodil-bg-base:#fdfbfa;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #e85a3a1a 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #f0784614 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #f5965a0d 0%, #fff0 52%), linear-gradient(180deg, #fdfbfa 0%, #fefcfb 100%);--dodil-aura-border:#c83d1f38;--dodil-nav-bg:#0000;--dodil-gradient-product:linear-gradient(135deg, #e85a3a, #f07846, #f5965a);--x-color-primary-800:#c63d1f!important;--x-color-primary-600:#c63d1f!important}@supports (color:lab(0% 0 0)){[data-product=scriptum]{--dodil-nav-bg:lab(0% 0 0/0)}}[data-product=scriptum].dark,[data-product=scriptum][data-theme=dark],.dark [data-product=scriptum],[data-theme=dark] [data-product=scriptum]{--dodil-blue:#ff7a52;--dodil-product-link:#ff7a52;--dodil-product-link-hover:#ffa98e;--scriptum-link:#ff7a52;--scriptum-link-hover:#ffa98e;--dodil-bg-base:#0f0b09;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #e85a3a33 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #f0784629 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #f5965a1a 0%, #fff0 52%), linear-gradient(180deg, #0f0b090a 0%, #0f0b0905 100%);--dodil-nav-bg:#381e186d;--x-color-primary-800:#ff7a52!important;--x-color-primary-600:#ff7a52!important}@supports (color:lab(0% 0 0)){[data-product=scriptum].dark,[data-product=scriptum][data-theme=dark],.dark [data-product=scriptum],[data-theme=dark] [data-product=scriptum]{--dodil-nav-bg:lab(14.7676% 12.4505 9.8156/.428235)}}[data-product=vbase]{--dodil-blue:#1f9ce6;--dodil-product-link:#0c6fb5;--dodil-product-link-hover:#084e80;--vbase-link:#0c6fb5;--vbase-link-hover:#084e80;--dodil-bg-base:#fafcfe;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #1f9ce61a 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #3caaeb14 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #5ab9f50d 0%, #fff0 52%), linear-gradient(180deg, #fafcfe 0%, #fcfdff 100%);--dodil-aura-border:#0c6fb538;--dodil-nav-bg:#0000;--dodil-gradient-product:linear-gradient(135deg, #1f9ce6, #3caaeb, #5ab9f5);--x-color-primary-800:#0c6fb5!important;--x-color-primary-600:#0c6fb5!important}@supports (color:lab(0% 0 0)){[data-product=vbase]{--dodil-nav-bg:lab(0% 0 0/0)}}[data-product=vbase].dark,[data-product=vbase][data-theme=dark],.dark [data-product=vbase],[data-theme=dark] [data-product=vbase]{--dodil-blue:#57b6f5;--dodil-product-link:#57b6f5;--dodil-product-link-hover:#8fcefa;--vbase-link:#57b6f5;--vbase-link-hover:#8fcefa;--dodil-bg-base:#070b0f;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #1f9ce633 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #3caaeb29 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #5ab9f51a 0%, #fff0 52%), linear-gradient(180deg, #070b0f0a 0%, #070b0f05 100%);--dodil-nav-bg:#1220306d;--x-color-primary-800:#57b6f5!important;--x-color-primary-600:#57b6f5!important}@supports (color:lab(0% 0 0)){[data-product=vbase].dark,[data-product=vbase][data-theme=dark],.dark [data-product=vbase],[data-theme=dark] [data-product=vbase]{--dodil-nav-bg:lab(11.6154% -1.79806 -12.6688/.428235)}}[data-product=ignite]{--dodil-blue:#7b4acf;--dodil-product-link:#7341c8;--dodil-product-link-hover:#441d86;--ignite-link:#7341c8;--ignite-link-hover:#441d86;--dodil-bg-base:#fbfafd;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #7b4acf1a 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #9664dc14 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #aa82e60d 0%, #fff0 52%), linear-gradient(180deg, #faf8fc 0%, #fcfbfd 100%);--dodil-aura-border:#9069d33d;--dodil-nav-bg:#0000;--dodil-gradient-product:linear-gradient(135deg, #7b4acf, #9664dc, #aa82e6);--x-color-primary-800:#7341c8!important;--x-color-primary-600:#7341c8!important}@supports (color:lab(0% 0 0)){[data-product=ignite]{--dodil-nav-bg:lab(0% 0 0/0)}}[data-product=ignite].dark,[data-product=ignite][data-theme=dark],.dark [data-product=ignite],[data-theme=dark] [data-product=ignite]{--dodil-blue:#a581e4;--dodil-product-link:#b697ed;--dodil-product-link-hover:#cdb6f3;--ignite-link:#b697ed;--ignite-link-hover:#cdb6f3;--dodil-bg-base:#0c0a10;--dodil-aura-bg:radial-gradient(circle at 18% 22%, #7b4acf33 0%, #fff0 52%), radial-gradient(circle at 82% 30%, #9664dc29 0%, #fff0 56%), radial-gradient(circle at 50% 92%, #aa82e61a 0%, #fff0 52%), linear-gradient(180deg, #0c0a100a 0%, #0c0a1005 100%);--dodil-nav-bg:#281e386d;--x-color-primary-800:#b697ed!important;--x-color-primary-600:#b697ed!important}@supports (color:lab(0% 0 0)){[data-product=ignite].dark,[data-product=ignite][data-theme=dark],.dark [data-product=ignite],[data-theme=dark] [data-product=ignite]{--dodil-nav-bg:lab(13.4872% 10.073 -15.2668/.428235)}}
:root{--blog-bg-base:#f7f8fe;--blog-aura:radial-gradient(900px 520px at 12% -8%, #737dff29 0%, #fff0 60%), radial-gradient(760px 480px at 100% 4%, #a082ff24 0%, #fff0 62%), radial-gradient(700px 700px at 50% 108%, #737dff14 0%, #fff0 60%);--blog-accent:var(--dodil-blue,#737dff);--blog-accent-2:var(--dodil-light-purple,#9b8cff);--blog-contrast:#14b8a6;--blog-contrast-fg:#04201c;--blog-fg:#1a1c2a;--blog-muted:#5a6076;--blog-border:#606ec82e;--blog-card-bg:#ffffffb8;--blog-card-bg-hover:#fff;--blog-card-shadow:0 1px 2px #1e285a0d;--blog-card-shadow-hover:0 18px 40px -20px #606edc80;--blog-nav-bg:radial-gradient(ellipse 60% 100% at 18% 0%, #f472b60f 0%, #fff0 70%), radial-gradient(ellipse 60% 100% at 82% 0%, #60a5fa0f 0%, #fff0 70%), radial-gradient(ellipse 80% 100% at 50% 100%, #a78bfa0d 0%, #fff0 70%), linear-gradient(180deg, #ffffffd1 0%, #f8f8fcd1 100%);--blog-nav-border:#00000014;--nav-link:#0000008c;--nav-link-hover:#0f0f14f2;--nav-divider:#0000001a}html.dark,.dark{--blog-bg-base:#0b0c15;--blog-aura:radial-gradient(920px 540px at 10% -10%, #7882ff33 0%, #0000 60%), radial-gradient(780px 500px at 102% 2%, #a582ff29 0%, #0000 62%), radial-gradient(760px 760px at 50% 112%, #6e78ff1f 0%, #0000 60%);--blog-accent:#8b93ff;--blog-accent-2:#b9abff;--blog-contrast:#2dd4bf;--blog-contrast-fg:#04201c;--blog-fg:#eef0fb;--blog-muted:#9aa0bd;--blog-border:#8c96ff29;--blog-card-bg:#ffffff07;--blog-card-bg-hover:#8b93ff12;--blog-card-shadow:0 1px 2px #0000004d;--blog-card-shadow-hover:0 20px 46px -22px #7882ff8c;--blog-nav-bg:radial-gradient(ellipse 60% 100% at 18% 0%, #f472b61a 0%, #0000 70%), radial-gradient(ellipse 60% 100% at 82% 0%, #60a5fa1a 0%, #0000 70%), radial-gradient(ellipse 80% 100% at 50% 100%, #a78bfa14 0%, #0000 70%), linear-gradient(180deg, #080612c7 0%, #06050ec7 100%);--blog-nav-border:#ffffff14;--nav-link:#ffffff8c;--nav-link-hover:#fffffff2;--nav-divider:#ffffff1a}html,body{color:var(--blog-fg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:var(--blog-bg-base)!important;background-image:var(--blog-aura)!important}body,p,li,td,th,blockquote,figcaption,.pcard__desc,.pcard__author,.pcard__sub{font-family:Just Sans,Helvetica,Arial,sans-serif}strong,b,th{font-weight:600!important}article.x\:container{max-width:48rem;min-height:82vh;padding-top:0;padding-bottom:5rem}article.x\:container:has(.blog-hero){max-width:72rem}article.x\:container:has(.post-hero){max-width:78rem}.nextra-navbar,header.x\:mb-8.x\:flex.x\:justify-end{z-index:30;background:var(--blog-nav-bg);border-bottom:1px solid var(--blog-nav-border);align-items:center;width:100vw;max-width:100vw;height:52px;padding:0 22px;position:sticky;top:0;gap:.25rem!important;margin-bottom:2.5rem!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.dodil-nav-brand{order:-2}.nav-menu{border-left:1px solid var(--nav-divider);order:-1;align-items:center;gap:.1rem;height:16px;margin-left:.5rem;margin-right:auto;padding-left:.6rem;display:flex}.nav-menu__item{align-items:center;display:flex;position:relative}.nav-menu__trigger{color:var(--nav-link);letter-spacing:-.01em;cursor:pointer;border-radius:6px;align-items:center;gap:.25rem;padding:6px 10px;font-size:12px;font-weight:400;transition:background .15s,color .15s;display:inline-flex;text-decoration:none!important}.nav-menu__item:hover .nav-menu__trigger{color:var(--nav-link-hover)}.nav-menu__chevron{opacity:.7;transition:transform .18s}.nav-menu__item:hover .nav-menu__chevron{transform:rotate(180deg)}.nav-menu__panel{border:1px solid var(--blog-border);background:var(--blog-bg-base);z-index:40;border-radius:14px;min-width:17rem;padding:.6rem;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 18px 44px -18px #14183c80}.nav-menu__panel:before{content:"";height:.5rem;position:absolute;top:-.5rem;left:0;right:0}.nav-menu__list{margin:0 0 .35rem;padding:0;list-style:none}.nav-menu__list a{color:var(--blog-fg);border-radius:8px;padding:.5rem .6rem;font-size:.88rem;line-height:1.3;transition:background .15s,color .15s;display:block;text-decoration:none!important}.nav-menu__list a:hover{background:color-mix(in oklab, var(--blog-accent) 12%, transparent);color:var(--blog-accent)}.nav-menu__empty{color:var(--blog-muted);margin:.35rem .6rem;font-size:.85rem}.nav-menu__all{border-top:1px solid var(--blog-border);padding:.5rem .6rem;font-size:.82rem;font-weight:600;display:block;color:var(--blog-accent)!important;text-decoration:none!important}@media (max-width:900px){.nav-menu{display:none}}.blog-hero{padding:2.5rem 0 .5rem}.blog-hero__eyebrow{border:1px solid var(--blog-border);background:color-mix(in oklab, var(--blog-accent) 10%, transparent);color:var(--blog-accent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-bottom:1rem;padding:.25rem .7rem;font-size:.72rem;font-weight:600;display:inline-block}.blog-hero__title{letter-spacing:-.02em;color:var(--blog-fg);margin:0;font-size:clamp(2rem,4.2vw,2.9rem);font-weight:300;line-height:1.08}.blog-hero__subtitle{color:var(--blog-muted);max-width:38rem;margin:1.1rem 0 0;font-size:1.2rem;line-height:1.6}.blog-hero__rule{background:linear-gradient(90deg, var(--blog-accent), var(--blog-border) 40%, transparent);border:0;height:1px;margin:2.75rem 0 0}.blog-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--blog-muted);margin:2rem 0 0;font-size:.78rem;font-weight:600}.home-feed{flex-direction:column;gap:3rem;margin-top:1.5rem;display:flex}.feed-section__head{border-bottom:1px solid var(--blog-border);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.15rem;padding-bottom:.7rem;display:flex}.feed-section__title{letter-spacing:-.01em;color:var(--blog-fg);font-size:1.35rem;font-weight:600;margin:0!important}.feed-section__all{flex:none;font-size:.85rem;font-weight:600;transition:opacity .15s;color:var(--blog-accent)!important;text-decoration:none!important}.feed-section__all:hover{opacity:.75}.cat-filters{flex-direction:column;gap:.6rem;margin:0 0 1.6rem;display:flex}.cat-filter{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cat-filter__label{letter-spacing:.08em;text-transform:uppercase;min-width:4.5rem;color:var(--blog-muted);flex:none;font-size:.72rem;font-weight:700}.cat-filter__chip{border:1px solid var(--blog-border);color:var(--blog-muted);cursor:pointer;background:0 0;border-radius:100px;padding:.4rem .95rem;font-size:.85rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.cat-filter__chip:hover{color:var(--blog-fg);border-color:var(--blog-accent)}.cat-filter__chip.is-active{color:var(--blog-contrast-fg);background:var(--blog-accent);border-color:var(--blog-accent)}.blog-postlist{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1.1rem;margin-top:0;display:grid}.pcard{border:1px solid var(--blog-border);background:var(--blog-card-bg);box-shadow:var(--blog-card-shadow);border-radius:16px;flex-direction:column;font-family:Just Sans,Helvetica,Arial,sans-serif;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden;margin:0!important;text-decoration:none!important}.pcard:hover{border-color:color-mix(in oklab, var(--blog-accent) 55%, var(--blog-border));box-shadow:var(--blog-card-shadow-hover);transform:translateY(-3px)}.pcard__cover{aspect-ratio:400/220;border-bottom:1px solid var(--blog-border);background:#07080e;overflow:hidden}.pcard__cover-svg{width:100%;height:100%;transition:transform .3s;display:block}.pcard:hover .pcard__cover-svg{transform:scale(1.04)}.pcard__body{flex-direction:column;padding:1.1rem 1.25rem 1.3rem;display:flex}.pcard__eyebrow{align-items:center;gap:.5rem;display:flex}.pcard__cat{letter-spacing:.08em;text-transform:uppercase;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.72rem;font-weight:600}.pcard__product{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-muted);align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.pcard__product:before{content:"";background:var(--blog-muted);border-radius:50%;width:3px;height:3px}.pcard__title{letter-spacing:-.01em;color:var(--blog-fg);margin:.75rem 0 .4rem;font-size:1.2rem;font-weight:400;line-height:1.28}.pcard:hover .pcard__title{color:var(--blog-accent)}.pcard__desc{color:var(--blog-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1.1rem;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.pcard__meta{letter-spacing:.01em;color:var(--blog-muted);margin-top:auto;font-size:.76rem}.blog-empty{color:var(--blog-muted);font-style:italic}.nextra-tag{border:1px solid var(--blog-border);background:color-mix(in oklab, var(--blog-accent) 13%, transparent);text-transform:lowercase;border-radius:999px;padding:.12rem .62rem;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-block;color:var(--blog-accent)!important;text-decoration:none!important}.nextra-tag:hover{border-color:var(--blog-accent);background:color-mix(in oklab, var(--blog-accent) 22%, transparent)}.dodil-footer{border-top:1px solid var(--blog-border);color:var(--blog-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-top:2rem;display:flex}.dodil-footer__links a{color:var(--blog-muted);margin-left:1.1rem;text-decoration:none;transition:color .15s}.dodil-footer__links a:first-child{margin-left:0}.dodil-footer__links a:hover{color:var(--blog-accent)}.reading-progress{z-index:60;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress__bar{background:linear-gradient(90deg, var(--blog-accent), var(--blog-accent-2));width:0;height:100%;box-shadow:0 0 12px color-mix(in oklab, var(--blog-accent) 60%, transparent);transition:width 90ms linear}.post-hero{isolation:isolate;text-align:center;max-width:46rem;margin:1.5rem auto 3.5rem;position:relative}.post-hero__bg{z-index:-1;pointer-events:none;opacity:.5;width:100vw;height:28rem;position:absolute;top:-5.5rem;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000000e6 0%,#000000a6 42%,#0000 88%);mask-image:linear-gradient(#000000e6 0%,#000000a6 42%,#0000 88%)}.post-hero__bg-svg{width:100%;height:100%;display:block}.post-hero__eyebrow{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.1rem;display:inline-flex}.post-hero__cat{background-image:var(--cat-grad);color:#0000;letter-spacing:.1em;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:.75rem;font-weight:600}.post-hero__product{color:var(--blog-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.post-hero__product:before{content:"";background:var(--blog-muted);border-radius:50%;width:3px;height:3px}.post-hero__title{letter-spacing:-.02em;background-image:var(--cat-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.3rem,5.2vw,3.6rem);font-weight:400;line-height:1.08;margin:0!important}.post-hero__tags{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:1.3rem 0 0;display:flex}.post-cat{background-image:var(--cat-grad);color:#0000;letter-spacing:.06em;-webkit-background-clip:text;background-clip:text;font-size:.72rem;font-weight:600}.post-cat:before{content:"#";opacity:.5}.post-hero__meta{color:var(--blog-muted);letter-spacing:.01em;margin-top:1.5rem;font-size:.9rem}.post-body{grid-template-columns:14rem minmax(0,44rem) 14rem;justify-content:center;align-items:start;gap:2.5rem;display:grid}.post-content{min-width:0}.post-content :is(h2,h3,h4){-webkit-text-fill-color:currentColor;letter-spacing:-.015em;color:var(--blog-fg)!important;background:0 0!important}.post-content h2{border-bottom:1px solid var(--blog-border);padding-bottom:.5rem;line-height:1.2;margin-top:2.75rem!important;margin-bottom:1rem!important;font-size:1.7rem!important;font-weight:600!important}.post-content h3{line-height:1.25;margin-top:2rem!important;margin-bottom:.6rem!important;font-size:1.3rem!important;font-weight:400!important}.post-aside{align-self:start;max-height:calc(100vh - 6rem);font-size:.875rem;position:sticky;top:4.75rem;overflow-y:auto}.post-back{color:var(--blog-muted);margin-bottom:1.6rem;text-decoration:none;transition:color .15s;display:inline-block}.post-back:hover{color:var(--blog-accent)}.post-toc__title{letter-spacing:.1em;text-transform:uppercase;color:var(--blog-fg);margin:0 0 .9rem;font-size:.78rem;font-weight:600}.post-toc__list{border-left:1px solid var(--blog-border);margin:0;padding:0;list-style:none}.post-toc__item a{color:var(--blog-muted);border-left:2px solid #0000;margin-left:-1px;padding:.35rem 0 .35rem 1rem;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;display:block}.post-toc__item.depth-3 a{padding-left:2rem;font-size:.82rem}.post-toc__item a:hover{color:var(--blog-fg)}.post-toc__item.is-active a{color:var(--blog-accent);border-left-color:var(--blog-accent);font-weight:600}.post-rail{align-self:start;position:sticky;top:4.75rem}.cta-card{border:1px solid var(--blog-border);background:linear-gradient(180deg, color-mix(in oklab, var(--blog-accent) 12%, transparent), transparent);border-radius:16px;padding:1.4rem 1.4rem 1.5rem}.cta-card__title{color:var(--blog-fg);margin:0 0 .55rem;font-size:1.05rem;font-weight:600}.cta-card__body{color:var(--blog-muted);margin:0 0 1.1rem;font-size:.85rem;line-height:1.55}.cta-card__btn{background:var(--blog-accent);border-radius:100px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:filter .15s,transform .15s;display:inline-block;color:#fff!important;text-decoration:none!important}.cta-card__btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.runit{border:1px solid var(--blog-border);background:color-mix(in oklab, var(--blog-accent) 4%, transparent);border-radius:14px;margin:1.5rem 0;overflow:hidden}.runit__tabs{border-bottom:1px solid var(--blog-border);gap:.25rem;padding:.4rem .4rem 0;display:flex}.runit__tab{color:var(--blog-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.runit__tab:hover{color:var(--blog-fg)}.runit__tab.is-active{color:var(--blog-fg);background:var(--blog-card-bg-hover);box-shadow:inset 0 -2px 0 var(--blog-accent)}.runit__dot{background:var(--blog-muted);border-radius:50%;width:7px;height:7px}.runit__tab.is-active .runit__dot{background:var(--blog-accent)}.runit__dot--agent,.runit__tab.is-active .runit__dot--agent{background:var(--blog-contrast)}.runit__panel :is(pre,.nextra-code){border:0!important;border-radius:0!important;margin:0!important}.runit__panel--agent{flex-direction:column;gap:.9rem;padding:1.1rem 1.15rem 1.25rem;display:flex}.runit__msg{border:1px solid var(--blog-border);background:var(--blog-card-bg);border-radius:12px;padding:.8rem 1rem .85rem}.runit__msg--you{border-color:color-mix(in oklab, var(--blog-contrast) 40%, var(--blog-border))}.runit__msg--agent{border-color:color-mix(in oklab, var(--blog-accent) 40%, var(--blog-border));background:color-mix(in oklab, var(--blog-accent) 6%, transparent)}.runit__msg-label{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.66rem;font-weight:700;display:inline-block}.runit__msg--you .runit__msg-label{color:var(--blog-contrast)}.runit__msg--agent .runit__msg-label{color:var(--blog-accent)}.runit__msg p{color:var(--blog-fg);line-height:1.55;margin:0!important}.runit__msg--you p:before{content:"“"}.runit__msg--you p:after{content:"”"}.runit__tools{margin:0}.runit__tools-label{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-muted);margin-bottom:.5rem;font-size:.68rem;font-weight:700;display:block}.runit__chain{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.runit__tool{align-items:center;gap:.4rem;display:inline-flex}.runit__tool code{border:1px solid var(--blog-border);background:color-mix(in oklab, var(--blog-accent) 10%, transparent);color:var(--blog-accent);border-radius:6px;padding:.2rem .5rem;font-size:.78rem}.runit__arrow{color:var(--blog-muted)}@media (max-width:1024px){.post-body{grid-template-columns:minmax(0,46rem)}.post-aside,.post-rail{display:none}}