.blog-page{--obsidian:var(--color-obsidian);--surface:var(--color-surface);--elevated:var(--color-elevated);--line:var(--color-line);--teal:var(--color-teal);--nile:var(--color-nile);--nile-deep:var(--color-nile-deep);--teal-dark:var(--color-teal-dark);--text:var(--color-text);--text-sec:var(--color-text-secondary);--muted:var(--color-muted);--amber:var(--color-amber);--critical:var(--color-critical);--gold:var(--color-gold);--positive:var(--color-positive);--display:var(--font-display);--body:var(--font-sans);--ar:var(--font-arabic);--mono:var(--font-mono);background:var(--obsidian);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.65}.blog-page *{box-sizing:border-box;margin:0;padding:0}.blog-page .wrap{max-width:1140px;margin:0 auto;padding:0 28px}.blog-page h1,.blog-page h2,.blog-page h3{font-family:var(--display);letter-spacing:-.01em;font-weight:500;line-height:1.12}.blog-page .it{color:var(--nile);font-style:italic}.blog-page .eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--nile);font-size:10.5px;font-weight:500;display:block}.blog-page .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.blog-page a{color:inherit;text-decoration:none}.blog-page .btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.blog-page .btn-primary{background:var(--teal);color:#04110e}.blog-page .btn-primary:hover{background:var(--nile)}.blog-page .btn.lg{padding:13px 28px;font-size:15px}.blog-page .crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.blog-page .crumbs a:hover{color:var(--nile)}.blog-page .crumbs .sep{color:var(--line);-webkit-user-select:none;user-select:none}.blog-page .hero{max-width:760px;padding-block:40px 22px}.blog-page .hero h1{margin:10px 0 14px;font-size:clamp(32px,5.4vw,52px)}.blog-page .hero p{color:var(--text-sec);max-width:62ch;font-size:16.5px}.blog-page .chips{flex-wrap:wrap;gap:8px;padding-block:8px 20px;display:flex}.blog-page .chip{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-sec);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:10px 15px;font-size:11px;transition:all .15s}.blog-page .chip:hover{border-color:var(--teal-dark);color:var(--text)}.blog-page .chip[aria-pressed=true]{background:var(--teal-dark);border-color:var(--teal);color:var(--text)}.blog-page .chip:focus-visible,.blog-page .more:focus-visible,.blog-page a:focus-visible{outline:2px solid var(--nile);outline-offset:2px}.blog-page .grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px;padding-bottom:28px;display:grid}.blog-page .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:20px;transition:all .18s;display:flex}.blog-page .card:hover{border-color:var(--teal-dark);transform:translateY(-2px)}.blog-page .card .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-page .card h2{color:var(--text);font-size:19px;line-height:1.25}.blog-page .card p{color:var(--text-sec);font-size:14px}.blog-page .pill{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--teal-dark);color:var(--text);border-radius:999px;padding:4px 9px;font-size:9.5px}.blog-page .cluster{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nile);font-size:9.5px}.blog-page .count{font-family:var(--mono);color:var(--muted);padding-bottom:10px;font-size:11px}.blog-page .hidden-by-filter{display:none}.blog-page .empty{background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:720px;margin-bottom:36px;padding:28px 24px}.blog-page .empty h2{margin-bottom:10px;font-size:22px}.blog-page .empty p{color:var(--text-sec);font-size:15px}.blog-page .page{grid-template-columns:208px 1fr;gap:48px;padding-block:34px 80px;display:grid}.blog-page .toc{align-self:start;font-size:13px;position:sticky;top:90px}.blog-page .toc .lbl{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:10px}.blog-page .toc a{color:var(--text-sec);border-left:1px solid var(--line);padding:5px 0;padding-left:14px;transition:all .15s;display:block}.blog-page .toc a:hover{color:var(--nile);border-color:var(--teal)}.blog-page .blog-article{min-width:0;max-width:760px}@media (max-width:920px){.blog-page .page{grid-template-columns:1fr}.blog-page .toc{display:none}}.blog-page .head-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-page .blog-article h1{margin:10px 0 16px;font-size:clamp(30px,4.8vw,46px)}.blog-page .byline{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding-bottom:22px;font-size:13px;display:flex}.blog-page .byline .who{color:var(--text-sec)}.blog-page .byline time{font-family:var(--mono);font-size:11.5px}.blog-page .hero-img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--surface);border-radius:14px;width:100%;height:auto;margin-top:24px;display:block}.blog-page .answer{background:var(--elevated);border:1px solid var(--teal-dark);border-radius:14px;margin:24px 0 8px;padding:20px 22px}.blog-page .answer p{color:var(--text);margin-top:6px;font-size:16px}.blog-page .blog-article section{padding-top:32px}.blog-page .blog-article section>h2{margin:8px 0 12px;font-size:clamp(22px,3.2vw,30px)}.blog-page .prose p{color:var(--text-sec);margin-top:14px;font-size:16px}.blog-page .prose h2{margin-top:34px;scroll-margin-top:88px;font-size:clamp(21px,3vw,28px)}.blog-page .prose h3{margin-top:24px;scroll-margin-top:88px;font-size:19px}.blog-page .prose strong{color:var(--text);font-weight:600}.blog-page .prose a{color:var(--nile);text-decoration:underline;-webkit-text-decoration-color:var(--teal-dark);text-decoration-color:var(--teal-dark);text-underline-offset:3px}.blog-page .prose a:hover{text-decoration-color:currentColor}.blog-page .prose code{font-family:var(--mono);background:var(--elevated);border-radius:5px;padding:1px 5px;font-size:.92em}.blog-page .prose blockquote{border-left:2px solid var(--teal-dark);color:var(--text-sec);margin-top:18px;padding-left:16px;font-style:italic}.blog-page .prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}.blog-page .prose ul{margin-top:10px;list-style:none}.blog-page .prose ol{margin-top:10px;padding-left:22px}.blog-page .prose li{color:var(--text-sec);padding:6px 0;font-size:15.5px}.blog-page .prose ul>li{padding-left:20px;position:relative}.blog-page .prose ul>li:before{content:"";background:var(--teal-dark);border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:0}.blog-page .takeaways{margin-top:8px;list-style:none}.blog-page .takeaways li{color:var(--text-sec);border-bottom:1px solid var(--line);padding:9px 0 9px 22px;font-size:15.5px;position:relative}.blog-page .takeaways li:last-child{border-bottom:none}.blog-page .takeaways li:before{content:"";background:var(--teal);border-radius:50%;width:6px;height:6px;position:absolute;top:18px;left:0}.blog-page details{border-bottom:1px solid var(--line);padding:4px 0}.blog-page summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-size:15.5px;font-weight:500;list-style:none;display:flex}.blog-page summary::-webkit-details-marker{display:none}.blog-page summary:after{content:"+";color:var(--nile);font-family:var(--mono);font-size:18px}.blog-page details[open] summary:after{content:"−"}.blog-page details p{color:var(--text-sec);padding:0 0 14px;font-size:14.5px}.blog-page .srcs{margin-top:10px;list-style:none}.blog-page .srcs li{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.blog-page .srcs li:last-child{border-bottom:none}.blog-page .srcs a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.blog-page .srcs a:hover{color:var(--nile)}.blog-page .srcs .url{font-family:var(--mono);color:var(--muted);overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;margin-top:3px;font-size:11px;display:block}.blog-page .disc{background:var(--elevated);border:1px solid var(--line);color:var(--muted);border-radius:12px;margin-top:30px;padding:16px 20px;font-size:13px}.blog-page .updated{font-family:var(--mono);color:var(--muted);margin-top:14px;font-size:11px}.blog-page .related{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px;margin-top:12px;display:grid}.blog-page .related .card{padding:16px}.blog-page .related .card h3{color:var(--text);font-size:16px;line-height:1.3}.blog-page .funnel{border:1px solid var(--teal-dark);text-align:center;background:radial-gradient(120% 130% at 50% 0,#0d948829,#0000 62%);border-radius:18px;margin-top:40px;padding:36px 32px}.blog-page .funnel h2{margin-bottom:12px;font-size:clamp(24px,3.5vw,34px)}.blog-page .funnel p{color:var(--text-sec);max-width:46ch;margin:0 auto 22px}[dir=rtl] .blog-page{font-family:var(--ar)}[dir=rtl] .blog-page h1,[dir=rtl] .blog-page h2,[dir=rtl] .blog-page h3{font-family:var(--ar);letter-spacing:0;font-weight:700;line-height:1.3}[dir=rtl] .blog-page .eyebrow,[dir=rtl] .blog-page .toc .lbl,[dir=rtl] .blog-page .cluster,[dir=rtl] .blog-page .pill,[dir=rtl] .blog-page .chip{font-family:var(--ar);text-transform:none;letter-spacing:0}[dir=rtl] .blog-page .chip{font-size:13px}[dir=rtl] .blog-page .cluster,[dir=rtl] .blog-page .pill{font-size:11px}[dir=rtl] .blog-page .toc a{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:14px}[dir=rtl] .blog-page .toc a:hover{border-color:var(--teal)}[dir=rtl] .blog-page .prose ul>li{padding-left:0;padding-right:20px}[dir=rtl] .blog-page .prose ul>li:before{left:auto;right:0}[dir=rtl] .blog-page .prose ol{padding-left:0;padding-right:22px}[dir=rtl] .blog-page .prose blockquote{border-left:0;border-right:2px solid var(--teal-dark);padding-left:0;padding-right:16px}[dir=rtl] .blog-page .takeaways li{padding-left:0;padding-right:22px}[dir=rtl] .blog-page .takeaways li:before{left:auto;right:0}[dir=rtl] .blog-page .crumbs .sep{display:inline-block;transform:scaleX(-1)}
