.blog-shell{width:min(100% - 32px,1120px);margin-inline:auto}.blog-hub,.blog-article-page{background:var(--background);color:var(--foreground)}.blog-hub{padding:0}.blog-hub-hero{background:#ffffff61;border-bottom:1px solid #dedbd2b8;padding:64px 0 72px}.blog-hub-content{padding-top:64px;padding-bottom:80px}.blog-hub-header{z-index:1;text-align:center;max-width:820px;margin:0 auto;position:relative}.blog-breadcrumb{min-width:0;color:var(--muted);align-items:center;gap:9px;font-size:14px;display:flex}.blog-breadcrumb-centered{justify-content:center;margin-bottom:22px}.blog-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .16s}.blog-breadcrumb a:hover{color:var(--foreground)}.blog-breadcrumb>span:last-child{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.blog-hub-header h1{font-family:var(--font-display,"Mona Sans"),var(--font-body,Inter),sans-serif;letter-spacing:0;margin:0;font-size:60px;font-weight:700;line-height:1.05}.blog-hub-header>p{max-width:660px;color:var(--muted);margin:16px auto 0;font-size:18px;line-height:1.65}.blog-empty-state{border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);text-align:center;border-radius:8px;padding:80px 16px}.blog-empty-state p{margin:0}.blog-featured-card{color:inherit;margin-bottom:64px;text-decoration:none;display:block}.blog-featured-card article{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.blog-featured-card:hover article{border-color:#c7c2b7;box-shadow:0 16px 44px #191a2214}.blog-featured-media{aspect-ratio:16/9;background:var(--panel-soft);align-self:center;position:relative;overflow:hidden}.blog-featured-media img{object-fit:cover;transition:opacity .18s}.blog-featured-card:hover .blog-featured-media img{opacity:.94}.blog-image-placeholder,.blog-card-placeholder{background:var(--panel-soft);position:absolute;inset:0}.blog-featured-content{flex-direction:column;justify-content:center;min-width:0;padding:42px 48px;display:flex}.blog-featured-labels{align-items:center;gap:12px;margin-bottom:16px;display:flex}.blog-featured-labels>span{color:var(--accent-strong);background:#7c3aed14;border:1px solid #7c3aed2e;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.blog-featured-labels small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.blog-featured-content h2{font-family:var(--font-display,"Mona Sans"),var(--font-body,Inter),sans-serif;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:1.2;transition:color .16s}.blog-featured-card:hover h2{color:var(--accent-strong)}.blog-featured-content>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:16px 0 22px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-featured-content time{color:var(--muted);font-size:13px}.blog-discovery{margin-bottom:64px}.blog-section-intro{margin-bottom:28px}.blog-section-intro h2,.blog-latest>h2,.blog-related h2{font-family:var(--font-display,"Mona Sans"),var(--font-body,Inter),sans-serif;letter-spacing:0;margin:0;font-size:36px;font-weight:700;line-height:1.1}.blog-section-intro p{max-width:720px;color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.6}.blog-discovery-grid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(82%,1fr);grid-auto-flow:column;gap:16px;margin-inline:-12px;padding:0 12px 10px;display:grid;overflow-x:auto}.blog-discovery-grid::-webkit-scrollbar{display:none}.blog-discovery-card{border:1px solid var(--line);background:var(--panel);scroll-snap-align:center;border-radius:8px;min-width:0;min-height:166px;padding:20px}.blog-discovery-card h3{letter-spacing:0;margin:0 0 15px;font-size:14px;line-height:1.35}.blog-discovery-card ul{margin:0;padding:0;list-style:none}.blog-discovery-card li+li{margin-top:10px}.blog-discovery-card a{color:var(--muted);font-size:14px;line-height:1.5;text-decoration:none;transition:color .16s;display:block}.blog-discovery-card a:hover{color:var(--accent-strong)}.blog-latest>h2{margin-bottom:28px}.blog-latest-grid{grid-template-columns:1fr;gap:18px;display:grid}.blog-card{min-width:0;color:inherit;text-decoration:none;display:block}.blog-card article{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;transition:border-color .16s,background .16s,box-shadow .16s;overflow:hidden}.blog-card:hover article{background:var(--panel);border-color:#c7c2b7;box-shadow:0 10px 30px #191a220f}.blog-card-compact article{gap:16px;min-height:128px;padding:16px;display:flex}.blog-card-image{background:var(--panel-soft);flex:none;position:relative;overflow:hidden}.blog-card-image img{transition:transform .22s}.blog-card:hover .blog-card-image img{transform:scale(1.035)}.blog-card-compact .blog-card-image{border-radius:6px;width:128px;height:96px}.blog-card-body{min-width:0}.blog-card-compact .blog-card-body{flex-direction:column;flex:1;display:flex}.blog-card h3{letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.35;transition:color .16s;display:-webkit-box;overflow:hidden}.blog-card:hover h3{color:var(--accent-strong)}.blog-card-compact .blog-card-body>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.blog-card-meta{min-width:0;color:var(--muted);align-items:center;gap:7px;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.blog-card-meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog-card-tile article{height:100%}.blog-card-tile .blog-card-image{aspect-ratio:16/10;border-bottom:1px solid var(--line);width:100%}.blog-card-tile .blog-card-body{padding:18px}.blog-card-tile h3{font-size:17px}.blog-card-tile .blog-card-meta{margin-top:12px}.blog-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:56px;display:grid}.blog-pagination>p{color:var(--muted);margin:0;font-size:13px}.blog-pagination>a{border:1px solid var(--line);background:var(--panel);width:fit-content;min-height:42px;color:var(--foreground);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:650;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.blog-pagination>a:last-child{justify-self:end}.blog-pagination>a:hover{border-color:var(--accent);background:#7c3aed0a}.blog-reading-progress{z-index:60;transform-origin:0;background:linear-gradient(90deg,var(--brand-from),var(--brand-to));pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.blog-article-page{padding:54px 0 0}.blog-article-shell{width:min(100% - 32px,896px);margin-inline:auto}.blog-article-header{margin-bottom:48px}.blog-article-header .blog-breadcrumb{margin-bottom:26px}.blog-article-header .blog-breadcrumb>span:last-child{max-width:240px;color:var(--muted);font-weight:400}.blog-article-tags{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.blog-article-tags span{color:var(--accent-strong);background:#7c3aed0f;border:1px solid #7c3aed2e;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:600}.blog-article-header h1{font-family:var(--font-display,"Mona Sans"),var(--font-body,Inter),sans-serif;letter-spacing:0;margin:0;font-size:48px;font-weight:700;line-height:1.1}.blog-article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px;font-size:14px;display:flex}.blog-article-meta span:last-child{align-items:center;gap:6px;display:inline-flex}.blog-cover{aspect-ratio:16/9;border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;position:relative;overflow:hidden}.blog-toc-desktop,.blog-toc-expand{display:none}.blog-toc-mobile{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:32px 0 0;overflow:hidden}.blog-toc-mobile-trigger{width:100%;min-height:48px;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:flex}.blog-toc-mobile-trigger span{align-items:center;gap:8px;display:inline-flex}.blog-toc-mobile-trigger>svg{transition:transform .16s}.blog-toc-mobile-trigger>svg.is-open{transform:rotate(180deg)}.blog-toc-mobile nav{border-top:1px solid var(--line);padding:0 16px 14px}.blog-toc-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.blog-toc-heading p{align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.blog-toc-heading button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.blog-toc-heading button:hover{background:var(--panel-soft);color:var(--foreground)}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-list li{border-left:2px solid var(--line)}.blog-toc-list a{color:var(--muted);padding:7px 0 7px 13px;font-size:12px;line-height:1.4;text-decoration:none;transition:color .14s,border-color .14s;display:block}.blog-toc-list a:hover{color:var(--foreground)}.blog-toc-list a[aria-current=location]{border-left:2px solid var(--accent);color:var(--foreground);margin-left:-2px;font-weight:650}.blog-toc-child a{padding-left:24px;font-size:11px}.blog-prose{min-width:0;color:var(--foreground);margin-top:48px;padding-bottom:80px;font-size:18px;line-height:1.78}.blog-prose>:first-child{margin-top:0}.blog-prose h2,.blog-prose h3,.blog-prose h4{font-family:var(--font-display,"Mona Sans"),var(--font-body,Inter),sans-serif;letter-spacing:0;scroll-margin-top:92px}.blog-prose h2{border-bottom:1px solid var(--line);margin:54px 0 20px;padding-bottom:12px;font-size:31px;line-height:1.2}.blog-prose h3{margin:36px 0 14px;font-size:23px;line-height:1.3}.blog-prose h4{margin:28px 0 12px;font-size:19px;line-height:1.35}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose table,.blog-prose figure,.blog-prose aside,.blog-prose section{margin:0 0 24px}.blog-prose p{color:#34353d}.blog-prose ul,.blog-prose ol{padding-left:25px}.blog-prose li+li{margin-top:8px}.blog-prose li::marker{color:var(--accent)}.blog-prose a{color:var(--accent-strong);text-underline-offset:3px;text-decoration-thickness:1px}.blog-prose strong{color:var(--foreground);font-weight:700}.blog-prose hr{border:0;border-top:1px solid var(--line);margin:44px 0}.blog-prose blockquote{border-left:3px solid var(--accent);color:var(--muted);padding:5px 0 5px 22px}.blog-prose .blog-answer,.blog-prose .blog-callout,.blog-prose .blog-note,.blog-prose .blog-key-takeaways{border:1px solid var(--line);border-left:4px solid var(--highlight);background:var(--panel-soft);border-radius:6px;padding:22px 24px}.blog-prose .blog-cta{background:var(--ink);color:#fff;border:1px solid #2e313a;border-radius:8px;padding:26px}.blog-prose .blog-cta p,.blog-prose .blog-cta strong{color:#fff}.blog-prose .blog-cta a{color:var(--highlight);margin-top:12px;font-weight:700;display:inline-flex}.blog-prose table{border-collapse:collapse;width:100%;font-size:15px}.blog-prose th,.blog-prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.blog-prose th{background:var(--panel-soft);font-weight:700}.blog-prose figure{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.blog-prose figure img{width:100%;height:auto;display:block}.blog-prose figcaption{color:var(--muted);padding:10px 14px;font-size:13px;line-height:1.45}.blog-prose code{background:#e8e5de;border-radius:4px;padding:2px 5px;font-size:.88em}.blog-prose pre{background:var(--ink);color:#fff;border-radius:6px;padding:18px;overflow-x:auto}.blog-prose pre code{color:inherit;background:0 0;padding:0}.blog-related{border-top:1px solid var(--line);background:var(--panel-soft);padding:72px 0 80px}.blog-related h2{margin-bottom:28px}.blog-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (min-width:640px){.blog-section-intro h2,.blog-latest>h2,.blog-related h2{font-size:48px}.blog-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;margin-inline:0;padding:0;overflow:visible}}@media (min-width:768px){.blog-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}}@media (min-width:960px){.blog-discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.blog-toc-mobile{display:none}.blog-toc-desktop{--blog-toc-width:clamp(168px,calc(100vw - 1112px),200px);top:124px;left:max(12px,calc(50vw - 448px - var(--blog-toc-width) - 20px));z-index:30;width:var(--blog-toc-width);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:8px;max-height:calc(100vh - 156px);padding:16px;display:block;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #191a2212}.blog-toc-expand{z-index:30;border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:8px;justify-content:center;align-items:center;position:fixed;top:124px;left:max(12px,50vw - 506px);box-shadow:0 10px 24px #191a2212}.blog-toc-expand:hover{border-color:var(--accent);color:var(--accent-strong)}}@media (max-width:760px){.blog-hub-hero{padding:48px 0 54px}.blog-hub-content{padding-top:48px;padding-bottom:64px}.blog-hub-header h1{font-size:48px}.blog-hub-header>p{font-size:16px}.blog-featured-card,.blog-discovery{margin-bottom:48px}.blog-featured-card article{grid-template-columns:1fr}.blog-featured-content{padding:25px 24px 28px}.blog-featured-content h2{font-size:25px}.blog-article-page{padding-top:38px}.blog-article-header{margin-bottom:32px}.blog-article-header h1{font-size:39px}.blog-prose{margin-top:36px;padding-bottom:58px;font-size:17px;line-height:1.72}.blog-prose h2{margin-top:45px;font-size:28px}.blog-prose h3{font-size:21px}.blog-prose table{white-space:nowrap;display:block;overflow-x:auto}.blog-related{padding:52px 0 60px}.blog-related-grid{grid-template-columns:1fr}}@media (max-width:460px){.blog-shell,.blog-article-shell{width:min(100% - 24px,1120px)}.blog-card-compact article{gap:13px;min-height:114px;padding:13px}.blog-card-compact .blog-card-image{width:104px;height:84px}.blog-card-compact .blog-card-body>p{-webkit-line-clamp:1}.blog-pagination{gap:8px}.blog-pagination>a{min-height:40px;padding:0 11px;font-size:13px}.blog-pagination>p{font-size:12px}}@media (prefers-reduced-motion:reduce){.blog-featured-card *,.blog-card *,.blog-pagination *,.blog-toc-mobile-trigger>svg{transition:none}}