.blog-page{--blog-ink: #171719;--blog-surface: #fff;--blog-muted: #28292f;--blog-border: #d7d7d7;--blog-soft: #f5f5f5;--blog-accent: #CAEF45;color:var(--blog-ink);background:var(--blog-surface);font-size:18px;line-height:1.56;overflow-wrap:anywhere}.dark .blog-page{--blog-ink: #fff;--blog-surface: #171719;--blog-muted: #d7d7d7;--blog-border: #2e2e32;--blog-soft: #1e1e21}.blog-page [hidden]{display:none!important}.blog-page :where(a,button,input,summary):focus-visible{outline:3px solid #4d7c0f;outline-offset:4px}.dark .blog-page :where(a,button,input,summary):focus-visible{outline-color:var(--blog-accent)}.blog-page :where(button,input,summary){font:inherit}.blog-page :where(button,summary){cursor:pointer}.blog-page :where(img,iframe,video){max-width:100%}.blog-page .blog-section{padding-block:100px}.blog-page .blog-filter-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-bottom:50px}.blog-page .blog-filter-title{font-size:44px;line-height:1.15;font-weight:600;margin:0}.blog-page .blog-filter-item-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;max-width:100%}.blog-page .blog-search-label{position:relative;min-width:0}.blog-page .blog-search-label svg{position:absolute;top:15px;left:16px;pointer-events:none}.blog-page .search-input{height:48px;width:100%;max-width:270px;padding:10px 12px 10px 40px;background:var(--blog-surface);color:var(--blog-ink);border:1px solid var(--blog-border);border-radius:4px;box-shadow:2px 4px 10px #0000000d;font-size:16px}.blog-page .search-input::-moz-placeholder{color:var(--blog-muted);opacity:1}.blog-page .search-input::placeholder{color:var(--blog-muted);opacity:1}.blog-page .blog-filter-dropdown{position:relative;min-width:0}.blog-page .blog-filter-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;padding:10px 20px;border:1px solid var(--blog-border);border-radius:4px;list-style:none;box-shadow:2px 4px 10px #0000000d;font-size:16px}.blog-page .blog-filter-dropdown summary::-webkit-details-marker{display:none}.blog-page .blog-filter-dropdown-list{position:absolute;top:calc(100% + 5px);inset-inline:0;z-index:20;background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:4px;padding:10px;box-shadow:0 5px 20px #0000000d;min-width:0}.blog-page .blog-filter-dropdown-list label{display:flex;align-items:center;gap:10px;padding:6px;font-size:16px}.blog-page .blog-filter-dropdown-list input{accent-color:#4d7c0f}.blog-page .blog-filter-dropdown-list button{text-decoration:underline;font-size:14px;padding:6px}.blog-page .blog-results{font-size:14px;margin:-20px 0 20px;color:var(--blog-muted)}.blog-page .blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.blog-page .single-blog-item{border-radius:8px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.blog-page .blog-thumbnail-block{position:relative}.blog-page .blog-image-link{display:block}.blog-page .blog-thumbnail{display:block;width:100%;height:auto}.blog-page .blog-category-list{position:absolute;top:20px;right:20px;left:20px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.blog-page .blog-category-text{color:var(--blog-ink);background:var(--blog-surface);border:1px solid var(--blog-ink);border-radius:50px;padding:9px 16px;font-size:16px;line-height:1.2}.blog-page .blog-content-block{border:1px solid var(--blog-border);border-top:0;border-radius:0 0 8px 8px;padding:30px 28px;box-shadow:0 5px 20px #0000000d;flex:1;display:flex;flex-direction:column}.blog-page .blog-title{font-size:28px;font-weight:600;line-height:36px;margin:0 0 12px}.blog-page .blog-title a{transition:opacity .3s}.blog-page .blog-title a:hover{opacity:.8}.blog-page .blog-excerpt{color:var(--blog-muted);margin:0 0 30px}.blog-page .blog-meta-block{border-top:1px solid var(--blog-border);padding-top:28px;margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.blog-page .blog-date-block{display:flex;align-items:center;gap:10px;color:var(--blog-muted);font-size:16px}.blog-page .blog-date-block svg{flex-shrink:0}.blog-page .blog-read-more{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:600}.blog-page .blog-read-more:hover{opacity:.8}.blog-page .blog-grid-pagination-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:50px}.blog-page .blog-button{display:inline-flex;justify-content:center;align-items:center;background:#3a3c44;color:#fff;border:0;border-radius:100px;padding:12px 30px;font-size:18px;font-weight:600;text-align:center;transition:background .3s,color .3s}.blog-page .blog-button:hover:not(:disabled){background:var(--blog-accent);color:#171719}.blog-page button:disabled{opacity:.4;cursor:not-allowed}.blog-page .pagination-page-design{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.blog-page .pagination-page-button{min-width:40px;height:40px;border-radius:50%;background:#28292f;color:#fff;padding:0 8px}.blog-page .pagination-page-button[aria-current]{background:var(--blog-accent);color:#171719}.blog-page .blog-empty{padding:40px 0}.blog-page .page-title-section{position:relative;background:#28292f;color:#fff;padding-block:100px}.blog-page .page-title-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.blog-page .page-title-content-wrap{padding-right:35px;min-width:0}.blog-page .blog-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:20px;line-height:32px}.blog-page .blog-breadcrumb a:hover{text-decoration:underline}.blog-page .page-title{font-size:38px;line-height:48px;font-weight:600;margin:37px 0 20px}.blog-page .page-short-description{margin:0}.blog-page .blog-hero-meta{margin-top:20px;font-size:14px;color:#d7d7d7}.blog-page .page-title-image-block{position:absolute;width:50%;top:0;bottom:0;right:0}.blog-page .page-title-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-page .blog-details-section{padding:100px 50px 0}.blog-page .blog-content-with-sidebar-block{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);grid-template-rows:auto 1fr;gap:30px;align-items:start}.blog-page .blog-content-with-sidebar-block>*{min-width:0}.blog-page .blog-left-sidebar-block{grid-column:1;grid-row:1 / 3;position:sticky;top:80px;display:flex;flex-direction:column;gap:30px;max-height:calc(100dvh - 96px);overflow-y:auto}.blog-page .blog-contect-wrap{grid-column:2;grid-row:1 / 3}.blog-page .blog-share-position{min-width:0}.blog-page .blog-right-sidebar-block{grid-column:3;grid-row:1 / 3;position:sticky;top:80px}.blog-page .blog-sidebar{border:1px solid var(--blog-border);border-radius:8px;padding:28px;background:var(--blog-surface);box-shadow:0 5px 20px #0000000d}.blog-page .blog-toc-block{padding:28px 15px 18px}.blog-page .blog-sidebar-title-block{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.blog-page .blog-sidebar-title{display:block;font-size:22px;line-height:30px;font-weight:600;margin:0 0 10px}.blog-page .toc-item-list{margin:0;padding:0;list-style:none}.blog-page .toc-item-link{display:block;background:var(--blog-soft);padding:5px 10px;margin-bottom:8px;text-decoration:none;font-size:16px;transition:color .3s}.blog-page .toc-subheading{padding-left:12px}.blog-page .toc-item-link:hover{color:#5463ff}.dark .blog-page .toc-item-link:hover{color:var(--blog-accent)}.blog-page .toc-toggle{margin-top:10px;font-weight:600;font-size:16px}.blog-page .blog-contect-wrap :where(h2,h3){scroll-margin-top:88px;font-weight:600;color:var(--blog-ink)}.blog-page .blog-contect-wrap h2{font-size:44px;line-height:54px;margin:0 0 10px}.blog-page .blog-contect-wrap h3{font-size:28px;line-height:36px;margin:0 0 10px}.blog-page .blog-contect-wrap :where(h4,h5,h6){font-weight:600;margin-bottom:10px}.blog-page .blog-contect-wrap h4{font-size:24px;line-height:32px}.blog-page .blog-contect-wrap h5{font-size:20px;line-height:28px}.blog-page .blog-contect-wrap h6{font-size:18px;line-height:28px}.blog-page .blog-contect-wrap>:first-child{margin-top:0}.blog-page .blog-contect-wrap p{margin-bottom:20px;color:var(--blog-muted)}.blog-page .blog-contect-wrap :where(ul,ol){padding-left:32px;margin-bottom:20px;color:var(--blog-muted)}.blog-page .blog-contect-wrap ul{list-style:disc}.blog-page .blog-contect-wrap ol{list-style:decimal}.blog-page .blog-contect-wrap li{margin-bottom:8px}.blog-page .blog-contect-wrap a:not(.blog-cta-button){text-decoration:underline;text-underline-offset:3px}.blog-page .blog-contect-wrap blockquote{border-left:4px solid var(--blog-accent);padding:15px 20px;margin-block:25px;background:var(--blog-soft)}.blog-page .blog-contect-wrap figure{margin:25px 0}.blog-page .blog-contect-wrap figure>div{max-width:100%}.blog-page .blog-contect-wrap figure img{width:100%;height:auto}.blog-page .blog-contect-wrap figcaption{font-size:14px;color:var(--blog-muted);margin-top:8px}.blog-page .blog-contect-wrap iframe{width:100%;aspect-ratio:16 / 9;height:auto;border:0}.blog-page .blog-contect-wrap :where(pre,.blog-table-scroll){max-width:100%;overflow-x:auto}.blog-page .blog-contect-wrap .button-primary-light{display:inline-block;background:var(--blog-accent);color:#171719;border-radius:100px;padding:12px 32px;margin-bottom:10px;text-decoration:none;transition:background .3s,color .3s}.blog-page .blog-contect-wrap .button-primary-light:hover{background:#171719;color:#fff}.blog-page .blog-post-cta-block{background:#28292f;color:#fff;text-align:center;border-radius:12px;margin:25px auto;padding:30px 40px 50px}.blog-page .blog-post-cta-block .cta-title{color:#fff;font-size:30px;line-height:45px;margin:0 0 15px}.blog-page .blog-post-cta-block .cta-excerpt{color:#fff;font-size:20px;line-height:32px}.blog-page .blog-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#171719;border-radius:8px;padding:12px 32px;margin-top:0;font-weight:600;text-decoration:none;transition:background .3s}.blog-page .blog-cta-button:hover{background:var(--blog-accent)}.blog-page .blog-social-share-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.blog-page .blog-social-share-wrap a{display:inline-flex;padding:3px;color:var(--blog-muted)}.blog-page .blog-social-share-wrap a:hover{color:var(--blog-ink)}.blog-page .blog-social-share-wrap svg{width:24px;height:24px;fill:currentColor}.blog-page .sidebar-cta-wrap{border:1px solid var(--blog-border);border-radius:8px;text-align:center;padding:20px 15px}.blog-page .sidebar-cta-title{font-size:24px;line-height:32px;font-weight:600;margin-bottom:15px}.blog-page .sidebar-cta-wrap p{margin-bottom:14px;font-weight:500}.blog-page .sidebar-cta-wrap .blog-button{padding-inline:20px}.blog-page .sidebar-blog-banner-wrap{display:block;margin-top:20px;border-radius:8px;overflow:hidden}.blog-page .sidebar-blog-banner-wrap img{width:100%}@media(min-width:1280px){.blog-page .blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-page .blog-section{padding-block:140px}.blog-page .blog-details-section{padding-top:140px}.blog-page .blog-filter-wrap{margin-bottom:60px}.blog-page .page-title{font-size:44px;line-height:54px}.blog-page .sidebar-cta-wrap{padding:29px 20px}}@media(min-width:1440px){.blog-page .blog-details-section{padding-inline:150px}.blog-page .blog-content-with-sidebar-block{gap:60px}}@media(min-width:1920px){.blog-page .blog-content-with-sidebar-block{grid-template-columns:308px minmax(0,1fr) 308px}}@media(max-width:991px){.blog-page .blog-section{padding-block:80px}.blog-page .blog-filter-title{font-size:40px}.blog-page .blog-title,.blog-page .blog-contect-wrap h3{font-size:24px;line-height:32px}.blog-page .blog-contect-wrap h2{font-size:40px;line-height:50px}.blog-page .blog-filter-item-wrap{gap:20px}.blog-page .page-title-section{padding:80px 0 0}.blog-page .page-title-grid{grid-template-columns:minmax(0,1fr);gap:30px}.blog-page .page-title-content-wrap{padding-right:0}.blog-page .page-title-image-block{position:relative;width:100%}.blog-page .page-title-image{height:auto}.blog-page .blog-details-section{padding:80px 24px 0}.blog-page .blog-content-with-sidebar-block{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.blog-page .blog-left-sidebar-block{display:contents;position:static;max-height:none;overflow:visible}.blog-page .blog-toc-block{grid-column:1 / -1;grid-row:1}.blog-page .blog-contect-wrap{grid-column:1 / -1;grid-row:2}.blog-page .blog-share-position{grid-column:1;grid-row:3;position:static}.blog-page .blog-right-sidebar-block{grid-column:2;grid-row:3;position:static}}@media(max-width:767px){.blog-page .blog-section{padding-block:60px}.blog-page .blog-list{grid-template-columns:minmax(0,1fr)}.blog-page .blog-filter-wrap{margin-bottom:40px}.blog-page .blog-filter-title{font-size:36px}.blog-page .blog-filter-item-wrap{width:100%}.blog-page .search-input{max-width:none}.blog-page .blog-grid-pagination-wrap{flex-direction:column;margin-top:40px}.blog-page .page-title-section,.blog-page .blog-details-section{padding-top:60px}.blog-page .blog-content-with-sidebar-block{display:flex;flex-direction:column}.blog-page .blog-content-with-sidebar-block>*{width:100%}.blog-page .blog-contect-wrap{order:1}.blog-page .blog-share-position{order:2;width:100%}.blog-page .blog-right-sidebar-block{order:3}.blog-page .blog-sidebar.blog-toc-block{width:100%;padding:15px}.blog-page .blog-sidebar-title-block{position:relative;cursor:pointer;padding-right:30px}.blog-page .blog-sidebar-title-block:before,.blog-page .blog-sidebar-title-block:after{content:"";position:absolute;top:50%;right:2px;width:14px;height:2px;background:currentColor;transform:translateY(-50%);transition:transform .3s ease}.blog-page .blog-sidebar-title-block:after{transform:translateY(-50%) rotate(90deg)}.blog-page .blog-sidebar-title-block[aria-expanded=true]:after{transform:translateY(-50%) rotate(90deg) scaleX(0)}.blog-page .blog-sidebar-title{margin-bottom:0}.blog-page .toc-item-block{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease}.blog-page .toc-item-block.is-open{grid-template-rows:1fr}.blog-page .toc-item-inner{min-height:0;overflow:hidden;padding-top:0;transition:padding-top .3s ease}.blog-page .toc-item-block.is-open .toc-item-inner{padding-top:10px}.blog-page .blog-social-share-wrap{justify-content:center}.blog-page .blog-share{text-align:center}.blog-page .sidebar-cta-wrap{padding-block:40px}.blog-page .blog-contect-wrap h2{font-size:36px;line-height:46px}}@media(max-width:479px){.blog-page .blog-filter-item-wrap{grid-template-columns:minmax(0,1fr)}.blog-page .blog-filter-title{font-size:32px}.blog-page .blog-content-block{padding-inline:22px}.blog-page .blog-excerpt{margin-bottom:25px}.blog-page .blog-filter-wrap{margin-bottom:35px}.blog-page .blog-post-cta-block{padding-inline:20px}.blog-page .blog-contect-wrap p{margin-bottom:10px}.blog-page .blog-contect-wrap h2{font-size:32px;line-height:44px}}@media(prefers-reduced-motion:reduce){.blog-page *,.blog-page *:before,.blog-page *:after{transition:none!important;animation:none!important}}
