.blog-page{--cat: var(--accent)}.bl-hero{padding: clamp(44px,6vw,76px) 0 26px}.bl-hero h1{margin: 10px 0 14px}.bl-hero .lead{max-width: 62ch}.bl-proof{display: flex;flex-wrap: wrap;gap: 10px 20px;margin-top: 22px}.bl-proof-i{display: inline-flex;align-items: center;gap: 7px;font-size: .82rem;color: var(--text-2)}.bl-proof-i svg{width: 14px;height: 14px;color: var(--up);flex: none}.bl-search{display: flex;align-items: center;gap: 10px;margin-top: 26px;max-width: 560px;background: var(--surface-2);border: 1px solid var(--border);border-radius: var(--r-md);padding: 6px 6px 6px 12px}.bl-search svg{width: 16px;height: 16px;color: var(--text-3);flex: none}.bl-search input{flex: 1 1 auto;min-width: 0;background: none;border: 0;outline: none;color: var(--text);font: inherit;font-size: .9rem;height: 30px}.bl-search input::placeholder{color: var(--text-3)}.bl-chips-wrap{padding: 0 0 8px}.bl-chips{display: flex;gap: 8px;overflow-x: auto;padding-bottom: 6px;scrollbar-width: none}.bl-chips::-webkit-scrollbar{display: none}.bl-chips a{display: inline-flex;align-items: center;gap: 7px;flex: none;height: 32px;padding: 0 13px;border-radius: 999px;border: 1px solid var(--border);color: var(--text-2);font-size: .82rem;font-weight: 500;white-space: nowrap;transition: border-color .16s,color .16s,background .16s}.bl-chips a svg{width: 13px;height: 13px;color: var(--cat,var(--accent))}.bl-chips a:hover{color: var(--text);border-color: var(--border-strong)}.bl-chips a.on{color: var(--text);border-color: var(--cat,var(--accent));background: rgb(var(--veil) / .05)}.bl-chip-n{font-size: .72rem;color: var(--text-3)}.bl-list{padding: 26px 0 clamp(48px,7vw,80px)}.bl-grid{display: grid;gap: 22px;grid-template-columns: repeat(auto-fill,minmax(300px,1fr))}.bl-card{--cat: var(--accent);display: flex;flex-direction: column;min-width: 0;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--surface);overflow: hidden;transition: border-color .18s,transform .18s,box-shadow .18s}.bl-card:hover{border-color: var(--border-strong);transform: translateY(-2px);box-shadow: var(--shadow-sm)}.bl-card-img{position: relative;display: block;aspect-ratio: 1200 / 630;background: var(--surface-2)}.bl-card-img img{width: 100%;height: 100%;object-fit: cover;display: block}.bl-cat{position: absolute;inset-block-end: 10px;inset-inline-start: 10px;display: inline-flex;align-items: center;gap: 6px;height: 24px;padding: 0 10px;border-radius: 999px;background: var(--glass);backdrop-filter: blur(8px);border: 1px solid rgb(var(--veil) / .14);font-size: .72rem;font-weight: 600;color: #fff;letter-spacing: .01em}.bl-cat svg{width: 13px;height: 13px;color: var(--cat,var(--accent))}.bl-cat-lg{position: static;height: 28px;font-size: .78rem;margin-bottom: 16px;background: rgb(var(--veil) / .06);color: var(--text-2);border-color: var(--border);backdrop-filter: none}.bl-cat-lg:hover{color: var(--text);border-color: var(--cat,var(--accent))}.bl-card-body{display: flex;flex-direction: column;gap: 9px;padding: 16px 17px 15px;flex: 1 1 auto}.bl-card-h{font-size: 1.02rem;line-height: 1.32;font-weight: 600}.bl-card-h a{color: var(--text)}.bl-card-h a:hover{color: var(--accent)}.bl-card-p{font-size: .875rem;line-height: 1.55;color: var(--text-2);margin: 0;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.bl-card-foot{display: flex;align-items: center;gap: 7px;margin-top: auto;padding-top: 10px;font-size: .76rem;color: var(--text-3);border-top: 1px solid var(--border)}.bl-dot{color: var(--text-3)}.bl-card-go{margin-inline-start: auto;display: inline-flex;align-items: center;gap: 5px;color: var(--text-2);font-weight: 550}.bl-card-go:hover{color: var(--accent)}.bl-card-go svg{width: 14px;height: 14px}[dir="rtl"] .bl-card-go svg,[dir="rtl"] .bl-crumb svg{transform: scaleX(-1)}.bl-card-lg{margin-bottom: 22px}@media (min-width: 860px){.bl-card-lg{flex-direction: row;align-items: stretch}.bl-card-lg .bl-card-img{flex: 0 0 52%;aspect-ratio: auto}.bl-card-lg .bl-card-body{justify-content: center;gap: 12px;padding: 30px 32px}.bl-card-lg .bl-card-h{font-size: 1.55rem;line-height: 1.22;letter-spacing: -.02em}.bl-card-lg .bl-card-p{font-size: .95rem;-webkit-line-clamp: 4;line-clamp: 4}}.bl-empty{text-align: center;padding: 60px 20px;border: 1px dashed var(--border);border-radius: var(--r-lg)}.bl-empty svg{color: var(--text-3);margin-bottom: 14px}.bl-empty h2{font-size: 1.3rem;margin-bottom: 8px}.bl-empty p{margin-bottom: 18px}.bl-pager{display: flex;align-items: center;justify-content: center;gap: 14px;margin-top: 36px}.bl-pager-n{font-size: .82rem;color: var(--text-3)}.bl-progress{position: fixed;inset-block-start: 0;inset-inline: 0;height: 2px;z-index: 60;pointer-events: none}.bl-progress span{display: block;height: 100%;width: 0;background: var(--accent);transition: width .1s linear}.bl-article{display: block}.bl-head{padding: clamp(30px,4vw,52px) 0 22px}.bl-head h1{margin-bottom: 16px;max-width: 20ch}@media (min-width: 720px){.bl-head h1{max-width: 24ch}}.bl-excerpt{max-width: 68ch}.bl-crumb{display: flex;align-items: center;gap: 7px;font-size: .78rem;color: var(--text-3);margin-bottom: 20px;flex-wrap: wrap}.bl-crumb a{color: var(--text-3)}.bl-crumb a:hover{color: var(--text-2)}.bl-crumb svg{width: 13px;height: 13px;opacity: .6}.bl-meta{display: flex;align-items: center;gap: 9px;flex-wrap: wrap;margin-top: 20px;font-size: .82rem;color: var(--text-3)}.bl-author-chip{display: inline-flex;align-items: center;gap: 7px;color: var(--text-2);font-weight: 550}.bl-author-chip svg{width: 14px;height: 14px;color: var(--accent)}.bl-cover{border-radius: var(--r-xl);overflow: hidden;border: 1px solid var(--border);margin-bottom: clamp(26px,4vw,44px)}.bl-cover img{width: 100%;height: auto;display: block}.bl-layout{display: grid;gap: clamp(28px,4vw,52px);align-items: start;padding-bottom: clamp(40px,6vw,72px)}@media (min-width: 1000px){.bl-layout{grid-template-columns: 258px minmax(0,1fr)}}.bl-side{display: flex;flex-direction: column;gap: 16px;min-width: 0}@media (min-width: 1000px){.bl-side{position: sticky;top: calc(var(--nav-h) + 18px)}}.bl-toc{border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--surface);overflow: hidden}.bl-toc > summary{display: flex;align-items: center;gap: 8px;cursor: pointer;list-style: none;padding: 12px 15px;font-size: .74rem;font-weight: 650;letter-spacing: .1em;text-transform: uppercase;color: var(--text-3)}.bl-toc > summary::-webkit-details-marker{display: none}.bl-toc > summary svg{width: 14px;height: 14px}.bl-toc nav{display: flex;flex-direction: column;padding: 0 8px 10px;max-height: 46vh;overflow-y: auto}.bl-toc nav a{padding: 7px 9px;border-radius: var(--r-sm);font-size: .84rem;line-height: 1.4;color: var(--text-2);border-inline-start: 2px solid transparent}.bl-toc nav a:hover{color: var(--text);background: rgb(var(--veil) / .04)}.bl-toc nav a.on{color: var(--text);border-inline-start-color: var(--cat,var(--accent));background: rgb(var(--veil) / .05)}.bl-side-cta{border: 1px solid var(--border-strong);border-radius: var(--r-lg);background: linear-gradient(150deg,rgba(78,127,255,.12),rgba(139,92,246,.06)),var(--surface);padding: 16px;display: flex;flex-direction: column;gap: 9px}.bl-side-cta strong{font-size: .95rem;line-height: 1.35}.bl-side-cta p{font-size: .82rem;line-height: 1.5;margin: 0}.bl-side-note{font-size: .72rem;color: var(--text-3);text-align: center}.bl-langs{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;font-size: .78rem;color: var(--text-3)}.bl-langs a{color: var(--accent)}.bl-langs a:hover{text-decoration: underline;text-underline-offset: 3px}.bl-main{min-width: 0}.bl-key{border: 1px solid var(--border);border-inline-start: 3px solid var(--cat,var(--accent));border-radius: var(--r-lg);background: var(--surface-2);padding: 18px 20px;margin-bottom: 30px}.bl-key h2{display: flex;align-items: center;gap: 8px;font-size: .74rem;font-weight: 650;letter-spacing: .1em;text-transform: uppercase;color: var(--text-3);margin-bottom: 12px}.bl-key h2 svg{width: 15px;height: 15px;color: var(--cat,var(--accent))}.bl-key ul{display: flex;flex-direction: column;gap: 8px;list-style: none}.bl-key li{position: relative;padding-inline-start: 18px;font-size: .9rem;line-height: 1.55;color: var(--text-2)}.bl-key li::before{content: "";position: absolute;inset-inline-start: 0;top: .55em;width: 6px;height: 6px;border-radius: 50%;background: var(--cat,var(--accent))}.bl-body{font-size: 1.02rem;line-height: 1.75;color: var(--text-2)}.bl-body > * + *{margin-top: 1.15em}.bl-body h2{font-size: clamp(1.3rem,1.05rem + .9vw,1.7rem);color: var(--text);margin-top: 2em;margin-bottom: .55em;scroll-margin-top: calc(var(--nav-h) + 20px)}.bl-body h3{font-size: 1.1rem;color: var(--text);margin-top: 1.7em;margin-bottom: .4em}.bl-body h4{font-size: .98rem;color: var(--text);margin-top: 1.4em}.bl-body p{margin-bottom: 0}.bl-body strong{color: var(--text)}.bl-body a{color: var(--accent);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.bl-body a:hover{color: var(--accent-hover)}.bl-body ul,.bl-body ol{padding-inline-start: 1.35em;display: flex;flex-direction: column;gap: .5em}.bl-body ul{list-style: disc}.bl-body ol{list-style: decimal}.bl-body li::marker{color: var(--text-3)}.bl-body blockquote{border-inline-start: 3px solid var(--cat,var(--accent));padding: 4px 0 4px 18px;margin-inline-start: 0;color: var(--text-2);font-style: italic}[dir="rtl"] .bl-body blockquote{padding: 4px 18px 4px 0}.bl-body hr{height: 1px;background: var(--border);border: 0;margin: 2em 0}.bl-body code{font-family: var(--mono);font-size: .88em;background: var(--surface-2);border: 1px solid var(--border);border-radius: 5px;padding: 1px 5px}.bl-body pre{background: var(--surface-2);border: 1px solid var(--border);border-radius: var(--r-md);padding: 14px 16px;overflow-x: auto}.bl-body pre code{background: none;border: 0;padding: 0}.bl-body img{max-width: 100%;height: auto;border-radius: var(--r-md)}.bl-body figure{margin: 0}.bl-body figcaption{font-size: .8rem;color: var(--text-3);margin-top: 8px}.bl-body table{width: 100%;border-collapse: collapse;font-size: .9rem;display: block;overflow-x: auto}.bl-body th,.bl-body td{border: 1px solid var(--border);padding: 9px 12px;text-align: start}.bl-body th{background: var(--surface-2);color: var(--text);font-weight: 600}.bl-cta-mid{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;margin: 2.2em 0;padding: 15px 17px;border: 1px solid var(--border-strong);border-radius: var(--r-lg);background: linear-gradient(120deg,rgba(78,127,255,.1),rgba(139,92,246,.05)),var(--surface)}.bl-cta-mid-ic{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 38px;height: 38px;border-radius: var(--r-md);background: var(--accent-soft);color: var(--accent)}.bl-cta-mid-txt{display: flex;flex-direction: column;gap: 2px;flex: 1 1 240px;min-width: 0}.bl-cta-mid-txt strong{font-size: .95rem;color: var(--text)}.bl-cta-mid-txt span{font-size: .84rem;color: var(--text-2);line-height: 1.5}.bl-symbol{display: flex;align-items: center;justify-content: space-between;gap: 18px;flex-wrap: wrap;margin-top: 34px;padding: 20px 22px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--surface-2)}.bl-symbol strong{display: block;font-size: 1.02rem;margin: 8px 0 5px}.bl-symbol p{font-size: .86rem;margin: 0;max-width: 56ch}.bl-symbol-k{display: inline-flex;align-items: center;gap: 6px;font-family: var(--mono);font-size: .76rem;letter-spacing: .04em;color: var(--warn);background: rgba(240,169,75,.12);border: 1px solid rgba(240,169,75,.28);border-radius: 999px;padding: 2px 10px}.bl-symbol-k svg{width: 13px;height: 13px}.bl-cta-section{padding: 0 0 clamp(48px,7vw,88px)}.bl-cta-end{border: 1px solid var(--border-strong);border-radius: var(--r-xl);background: linear-gradient(135deg,rgba(78,127,255,.13),rgba(139,92,246,.07)),var(--surface);padding: clamp(28px,5vw,52px);text-align: center}.bl-cta-end-in{max-width: 640px;margin: 0 auto}.bl-cta-end h2{margin-bottom: 12px}.bl-cta-end > .bl-cta-end-in > p{margin: 0 auto;max-width: 56ch}.bl-cta-badge{display: inline-flex;align-items: center;gap: 7px;margin-bottom: 16px;height: 26px;padding: 0 12px;border-radius: 999px;background: var(--accent-soft);color: var(--accent);font-size: .74rem;font-weight: 600;letter-spacing: .04em}.bl-cta-list{list-style: none;display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 20px;margin: 20px 0 0}.bl-cta-list li{display: inline-flex;align-items: center;gap: 7px;font-size: .86rem;color: var(--text-2)}.bl-cta-list svg{width: 15px;height: 15px;color: var(--up);flex: none}.bl-cta-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 26px}.bl-cta-note{display: inline-flex;align-items: center;gap: 7px;margin-top: 16px;font-size: .78rem;color: var(--text-3)}.bl-cta-note svg{width: 13px;height: 13px}.bl-faq{margin-top: 40px}.bl-faq h2{font-size: clamp(1.3rem,1.05rem + .9vw,1.7rem);margin-bottom: 18px}.bl-faq details{border: 1px solid var(--border);border-radius: var(--r-md);background: var(--surface);margin-bottom: 10px}.bl-faq summary{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px 16px;cursor: pointer;list-style: none;font-size: .95rem;font-weight: 550;color: var(--text)}.bl-faq summary::-webkit-details-marker{display: none}.bl-faq summary svg{width: 15px;height: 15px;color: var(--text-3);flex: none;transition: transform .18s}.bl-faq details[open] summary svg{transform: rotate(180deg)}.bl-faq p{padding: 0 16px 15px;font-size: .92rem;line-height: 1.65;margin: 0}.bl-share{display: flex;align-items: center;gap: 10px;margin-top: 36px;font-size: .82rem;color: var(--text-3)}.bl-share-b{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border-radius: 50%;border: 1px solid var(--border);color: var(--text-2);background: none;cursor: pointer;transition: color .16s,border-color .16s,background .16s}.bl-share-b:hover{color: var(--text);border-color: var(--border-strong);background: rgb(var(--veil) / .05)}.bl-share-b.is-done{color: var(--up);border-color: rgba(38,166,154,.4)}.bl-author{display: flex;gap: 16px;align-items: flex-start;margin-top: 34px;padding: 20px 22px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--surface)}.bl-author-ic{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 46px;height: 46px;border-radius: var(--r-md);background: var(--accent-soft);color: var(--accent)}.bl-author strong{display: block;font-size: .98rem;margin-bottom: 5px}.bl-author p{font-size: .87rem;line-height: 1.6;margin: 0 0 8px}.bl-author a{display: inline-flex;align-items: center;gap: 5px;font-size: .84rem;color: var(--accent)}.bl-author a:hover{text-decoration: underline;text-underline-offset: 3px}.bl-disclaimer{display: flex;gap: 9px;align-items: flex-start;margin-top: 26px;padding-top: 18px;border-top: 1px solid var(--border);font-size: .78rem;line-height: 1.6;color: var(--text-3)}.bl-disclaimer svg{width: 14px;height: 14px;flex: none;margin-top: 2px}.bl-related{padding: 0 0 clamp(40px,6vw,64px)}.bl-related .section-head{margin-bottom: 24px}.bl-related h2{font-size: clamp(1.3rem,1.05rem + .9vw,1.7rem)}.bl-bar{position: fixed;inset-inline: 0;inset-block-end: 0;z-index: 55;padding: 12px 16px calc(12px + env(safe-area-inset-bottom));background: var(--glass);backdrop-filter: blur(14px);border-top: 1px solid var(--border-strong);transform: translateY(110%);transition: transform .32s cubic-bezier(.2,.8,.3,1)}.bl-bar.is-on{transform: translateY(0)}.bl-bar-in{display: flex;align-items: center;gap: 14px;width: 100%;max-width: var(--max);margin: 0 auto}.bl-bar-ic{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 34px;height: 34px;border-radius: var(--r-md);background: var(--accent-soft);color: var(--accent)}.bl-bar-txt{display: flex;flex-direction: column;min-width: 0;flex: 1 1 auto}.bl-bar-txt strong{font-size: .9rem;color: var(--text)}.bl-bar-txt span{font-size: .8rem;color: var(--text-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.bl-bar-x{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 30px;height: 30px;border-radius: 50%;background: none;border: 0;color: var(--text-3);cursor: pointer}.bl-bar-x:hover{color: var(--text);background: rgb(var(--veil) / .06)}@media (max-width: 560px){.bl-bar-txt span{display: none}.bl-bar-in{gap: 10px}}@media (prefers-reduced-motion: reduce){.bl-card,.bl-bar,.bl-progress span{transition: none}}.bl-pillar{display: flex;align-items: center;justify-content: space-between;gap: 18px;flex-wrap: wrap;margin-top: 34px;padding: 20px 22px;border: 1px solid var(--border);border-radius: var(--r-lg);background: var(--surface-2)}.bl-pillar strong{display: block;font-size: 1.02rem;margin: 0 0 5px}.bl-pillar p{font-size: .86rem;margin: 0;max-width: 56ch}