.blog-page{padding:140px 40px 0}.blog-page-narrow{max-width:1280px;margin:0 auto}.blog-pill{white-space:nowrap;font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--amber-text);border:1px solid var(--line-2);background:var(--amber-soft);border-radius:999px;align-items:center;padding:7px 15px;font-size:10.5px;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.blog-pill:hover{border-color:var(--amber)}.blog-pill.mut{color:var(--muted);background:var(--tint);border-color:var(--line)}.blog-pill.on{background:var(--amber);color:#fff;border-color:var(--amber)}.blog-tag{font-family:var(--font-m);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:10.5px;text-decoration:none;transition:border-color .2s,color .2s}.blog-tag:hover{border-color:var(--line-2);color:var(--ink)}.blog-badge{z-index:2;font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--amber);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:9.5px;display:inline-flex;position:absolute;top:12px;right:12px}.blog-label{font-family:var(--font-m);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:10px}.blog-label-accent{color:var(--amber-text)}.blog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.blog-meta .sep{opacity:.5}.blog-avatar{width:26px;height:26px;font-family:var(--font-d);color:#fff;background:linear-gradient(160deg,#8a6dff,#5b3fe0);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-ph{background:radial-gradient(circle at 20% 18%, #7c5cff47, transparent 55%), radial-gradient(circle at 82% 84%, #3d63ff33, transparent 55%), var(--surface);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.blog-ph:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.3;background-size:26px 26px;position:absolute;inset:0}.blog-ph-icon{z-index:1;color:var(--amber-text);opacity:.55;position:relative}.blog-header{flex-direction:column;gap:16px;max-width:760px;padding-bottom:32px;display:flex}.blog-kick{font-family:var(--font-m);letter-spacing:.24em;text-transform:uppercase;color:var(--amber-text);align-items:center;gap:12px;font-size:11px;display:flex}.blog-kick:before{content:"";background:var(--amber);opacity:.6;width:26px;height:1px}.blog-header h1{font-family:var(--font-d);letter-spacing:-.025em;margin:0;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.05}.blog-header .lede{color:var(--muted);max-width:38em;margin:0;font-size:16.5px}.blog-filterbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:28px;display:flex}.blog-catrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-sorttabs{background:var(--tint);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px;display:flex}.blog-sorttabs a{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:9px 16px;font-size:10.5px;text-decoration:none;display:inline-block}.blog-sorttabs a.on{background:var(--amber);color:#fff}.blog-hero{border:1px solid var(--line-2);border-radius:22px;align-items:flex-end;min-height:420px;margin-bottom:48px;display:flex;position:relative;overflow:clip}.blog-hero-media{position:absolute;inset:0}.blog-hero-img{object-fit:cover}.blog-hero-ph{position:absolute;inset:0}.blog-hero-scrim{background:linear-gradient(#05081826 0%,#0508188c 50%,#050818f2 92%);position:absolute;inset:0}.blog-hero-content{z-index:2;flex-direction:column;gap:16px;max-width:760px;padding:48px 52px;display:flex;position:relative}.blog-hero-tags{align-items:center;gap:10px;display:flex}.blog-hero h1{font-family:var(--font-d);letter-spacing:-.02em;margin:0;font-size:clamp(28px,3.4vw,42px);font-weight:800;line-height:1.1}.blog-hero h1 a{color:var(--ink);text-decoration:none}.blog-hero h1 a:hover{color:var(--amber-text)}.blog-hero p{color:var(--muted);max-width:44em;margin:0;font-size:15.5px}.blog-layout{grid-template-columns:1fr 340px;align-items:start;gap:48px;padding-bottom:100px;display:grid}.blog-layout>*,.blog-detail-layout>*,.blog-prevnext>*,.blog-grid>*{min-width:0}.blog-section-head{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.blog-section-head h3{font-family:var(--font-d);margin:0;font-size:19px;font-weight:700}.blog-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.blog-card{color:inherit;border:1px solid var(--line);background:var(--tint);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:clip}.blog-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.blog-card-media{aspect-ratio:16/10;position:relative}.blog-card-img{object-fit:cover}.blog-card-body{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.blog-card-body .blog-pill{align-self:flex-start}.blog-card-body h4{font-family:var(--font-d);margin:0;font-size:16px;font-weight:700;line-height:1.3}.blog-sidebar{flex-direction:column;display:flex}.blog-widget{border:1px solid var(--line);background:var(--tint);border-radius:16px;padding:22px}.blog-widget+.blog-widget{margin-top:20px}.blog-numlist{flex-direction:column;gap:14px;display:flex}.blog-numrow{color:inherit;align-items:flex-start;gap:14px;text-decoration:none;display:flex}.blog-numrow .n{font-family:var(--font-d);color:var(--amber-text);opacity:.55;flex:none;width:22px;font-size:18px;font-weight:800}.blog-numrow-text{flex-direction:column;gap:3px;display:flex}.blog-numrow .t{font-family:var(--font-d);font-size:13.5px;font-weight:700;line-height:1.3}.blog-numrow .s{color:var(--muted);font-size:11px}.blog-numrow:hover .t{color:var(--amber-text)}.blog-catlist{flex-direction:column;gap:2px;display:flex}.blog-catlist-row{color:inherit;justify-content:space-between;padding:8px 0;font-size:13.5px;text-decoration:none;display:flex}.blog-catlist-row:hover{color:var(--amber-text)}.blog-catlist-row .c{color:var(--muted)}.blog-tagcloud{flex-wrap:wrap;gap:8px;display:flex}.blog-newsletter{background:linear-gradient(160deg, var(--amber-soft), #7c5cff05);border-color:var(--line-2)}.blog-newsletter h4{font-family:var(--font-d);margin:6px 0;font-size:15px;font-weight:700}.blog-newsletter p{color:var(--muted);margin:0 0 14px;font-size:12px}.blog-newsletter-row{flex-flow:column wrap;gap:10px;display:flex}.blog-newsletter-row input{background:var(--surface);border:1px solid var(--line-2);color:var(--muted);border-radius:999px;min-width:0;padding:12px 18px;font-family:inherit;font-size:13px}.blog-newsletter-row button{background:var(--amber-btn);color:#fff;cursor:not-allowed;opacity:.75;border:none;border-radius:999px;flex:none;padding:11px 18px;font-size:13px;font-weight:700}.blog-empty{text-align:center;color:var(--muted);padding:60px 0 100px}.blog-empty a{color:var(--amber-text)}@media (max-width:980px){.blog-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.blog-page{padding:110px 20px 0}.blog-grid{grid-template-columns:1fr}.blog-hero-content{padding:32px 24px}.blog-filterbar{flex-direction:column;align-items:flex-start}}.blog-progress{background:var(--line);z-index:260;height:3px;position:fixed;top:84px;left:0;right:0}.blog-progress-bar{background:linear-gradient(90deg,#3d63ff,#7c5cff 55%,#c084fc);height:100%;transition:width .1s linear}.blog-mobile-toc{display:none}.blog-crumb{font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 28px;font-size:11px;display:flex}.blog-crumb a{color:inherit;text-decoration:none}.blog-crumb a:hover{color:var(--ink)}.blog-crumb .cur{color:var(--amber-text)}.blog-article-header{flex-direction:column;gap:18px;max-width:840px;padding-bottom:28px;display:flex}.blog-article-header h1{font-family:var(--font-d);letter-spacing:-.02em;margin:0;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.1}.blog-article-header .lede{color:var(--muted);max-width:40em;margin:0;font-size:17px}.blog-article-meta-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.blog-article-meta-row .blog-avatar{width:34px;height:34px;font-size:12px}.blog-actions{flex:none;gap:10px;display:flex}.blog-actions button{border:1px solid var(--line-2);background:var(--tint);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:flex}.blog-actions button svg{width:15px;height:15px}.blog-actions button:hover{border-color:var(--amber);color:var(--amber-text)}.blog-actions button.on{border-color:var(--amber);color:var(--amber-text);background:var(--amber-soft)}.blog-cover{aspect-ratio:16/7;border:1px solid var(--line);border-radius:20px;width:100%;margin-bottom:48px;position:relative;overflow:clip}.blog-cover img{object-fit:cover}.blog-detail-layout{grid-template-columns:260px 1fr;gap:0;padding-bottom:100px;display:grid}.blog-detail-layout.no-nav{grid-template-columns:1fr}.blog-detail-layout.no-nav .blog-content{max-width:840px;margin:0 auto;padding-left:0}.blog-docnav{border-right:1px solid var(--line);align-self:start;max-height:calc(100vh - 140px);padding:4px 24px 24px 0;position:sticky;top:110px;overflow-y:auto}.blog-docnav .blog-label:not(:first-child){margin-top:24px}.blog-docnav-series{flex-direction:column;gap:2px;display:flex}.blog-docnav-series a{color:var(--muted);overflow-wrap:break-word;border-radius:8px;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:block}.blog-docnav-series a:hover{color:var(--ink)}.blog-docnav-series a.on{background:var(--amber-soft);color:var(--amber-text);font-weight:600}.blog-toc{flex-direction:column;display:flex}.blog-toc a{color:var(--muted);border-left:2px solid var(--line);padding:7px 0 7px 14px;font-size:13px;text-decoration:none;transition:color .15s,border-color .15s;display:block}.blog-toc a:hover{color:var(--ink);border-left-color:var(--line-2)}.blog-toc a.on{color:var(--amber-text);border-left-color:var(--amber);font-weight:600}.blog-content{max-width:840px;padding:0 0 0 64px}.blog-prose{color:var(--muted);font-size:16.5px;line-height:1.75}.blog-prose p{margin:0 0 22px}.blog-prose h2{font-family:var(--font-d);color:var(--ink);letter-spacing:-.01em;margin:40px 0 16px;scroll-margin-top:110px;font-size:26px;font-weight:800}.blog-prose h2:first-child{margin-top:0}.blog-prose ul,.blog-prose ol{margin:0 0 22px;padding-left:22px}.blog-prose li{margin-bottom:8px}.blog-prose a{color:var(--amber-text)}.blog-prose strong{color:var(--ink)}.blog-prose .blog-body-image{border:1px solid var(--line);border-radius:14px;margin:28px 0;display:block;overflow:clip}.blog-prose .blog-body-image img{width:100%;height:auto;display:block}.blog-pullquote{border-left:2px solid var(--amber);margin:36px 0;padding:4px 0 4px 26px}.blog-pullquote p{font-family:var(--font-s);color:var(--ink);margin:0;font-size:20px;font-style:italic;line-height:1.5}.blog-code{background:var(--surface);border:1px solid var(--line-2);border-radius:12px;margin:28px 0;padding:18px 20px;overflow-x:auto}.blog-code-lang{font-family:var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-text);margin-bottom:10px;font-size:9.5px;display:block}.blog-code pre{margin:0}.blog-code code{font-family:var(--font-m);color:var(--muted);white-space:pre;font-size:13px;line-height:1.7}.blog-callout{border:1px solid var(--line-2);border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:12px;gap:14px;margin:28px 0;padding:16px 20px;display:flex}.blog-callout svg{width:18px;height:18px;color:var(--amber-text);flex:none;margin-top:2px}.blog-callout p{color:var(--ink);font-size:14.5px;margin:0!important}.blog-callout-warning{background:#e0a8401a;border-left-color:#e0a840}.blog-callout-warning svg{color:#e0a840}.blog-prevnext{grid-template-columns:1fr 1fr;gap:18px;margin:48px 0 0;display:grid}.blog-prevnext-card{border:1px solid var(--line);background:var(--tint);border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:border-color .2s;display:flex}.blog-prevnext-card:hover{border-color:var(--line-2)}.blog-prevnext-card.right{text-align:right;align-items:flex-end}.blog-prevnext-card .k{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.blog-prevnext-card .t{font-family:var(--font-d);color:var(--ink);font-size:14px;font-weight:700}.blog-article-newsletter{border:1px solid var(--line-2);background:linear-gradient(160deg, var(--amber-soft), #7c5cff05);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin-top:36px;padding:32px 36px;display:flex}.blog-article-newsletter>*{min-width:0}.blog-article-newsletter h4{font-family:var(--font-d);margin:0 0 6px;font-size:18px;font-weight:700}.blog-article-newsletter p{color:var(--muted);margin:0;font-size:13px}.blog-article-newsletter .blog-newsletter-row{flex-direction:row;flex:1;justify-content:flex-end;min-width:260px}.blog-article-newsletter input{width:220px;max-width:100%}@media (max-width:900px){.blog-detail-layout{grid-template-columns:1fr}.blog-docnav{border-right:none;border-bottom:1px solid var(--line);max-height:none;margin-bottom:32px;padding:0 0 24px;position:static}.blog-docnav-toc{display:none}.blog-content{max-width:none;padding:0}.blog-mobile-toc{z-index:40;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1128f0;border-radius:12px;margin-bottom:28px;display:block;position:sticky;top:90px}.blog-mobile-toc-toggle{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:10px;padding:13px 16px;display:flex}.blog-mobile-toc-toggle .k{font-family:var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-text);flex:none;font-size:9.5px}.blog-mobile-toc-toggle .v{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.blog-mobile-toc-toggle .chev{width:11px;height:8px;color:var(--muted);flex:none;transition:transform .2s}.blog-mobile-toc-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.blog-mobile-toc-panel{border-top:1px solid var(--line);flex-direction:column;padding:6px 16px 10px;display:flex}.blog-mobile-toc-panel a{color:var(--muted);padding:9px 0;font-size:13.5px;text-decoration:none}.blog-mobile-toc-panel a.on{color:var(--amber-text);font-weight:600}}@media (max-width:760px){.blog-article-header{gap:14px}.blog-article-meta-row{flex-wrap:wrap}.blog-prevnext{grid-template-columns:1fr}.blog-article-newsletter{flex-direction:column;align-items:stretch;padding:26px 24px}.blog-article-newsletter .blog-newsletter-row{flex-direction:column;min-width:0}.blog-article-newsletter input{width:100%}.blog-progress{top:66px}.blog-mobile-toc{top:82px}}
