#content.content--blog,#content.blog--archive{margin-top:-120px;margin-bottom:120px;position:relative}.blog_header_image{position:relative;top:-90px;height:60vh;overflow:hidden}.blog_header_image img{width:100%;height:100%;object-fit:cover;display:block}.blog_header_image:before{content:"";position:absolute;display:block;width:100%;height:120px;background:linear-gradient(180deg,#00000075,transparent);left:0;top:0;z-index:0}.blog_header_image_frame{position:absolute;bottom:-1px;width:100%;transform:rotate(180deg)}body.blog header{min-width:unset;max-width:900px;border:1px solid #d3d3ff69;position:sticky;top:10px;z-index:10;transition:background .2s linear,box-shadow .2s linear,border-color .2s linear}body.blog header #logo,body.blog header #logo span{color:#fff;font-weight:600}body.blog header .tools_switcher details>summary,body.blog header .lang_switcher details>summary{color:#fff}body.blog header .header_cta_item{display:inline-block!important;margin-left:6px}body.blog header .header_cta{display:inline-block;padding:6px 18px!important;border-radius:var(--radius-pill);background:var(--gradient-coral);color:var(--color-white)!important;font-weight:600;text-decoration:none;box-shadow:var(--shadow-coral);transition:var(--transition);font-size:.9rem!important}body.blog header .header_cta:hover{filter:brightness(1.08);transform:scale(1.03)}body.blog.blog-scrolled header{background:#ffffffeb;border-color:#e6e6f2;box-shadow:0 4px 20px #00000012}body.blog.blog-scrolled header #logo,body.blog.blog-scrolled header #logo span{color:#444}body.blog.blog-scrolled header .tools_switcher details>summary,body.blog.blog-scrolled header .lang_switcher details>summary{color:#444}.breadcrumb{max-width:760px;margin:0 auto;padding:6px 0 0;font-size:.9286rem}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.breadcrumb li{color:var(--color-text-muted)}.breadcrumb li+li:before{content:"/";margin-right:6px;color:var(--color-text-faint)}.breadcrumb a{color:var(--color-blue-link);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.blog_index{max-width:820px;margin:0 auto;padding:0 16px 40px;text-align:left}.blog_index__head{text-align:center;margin:8px 0 32px}.blog_index__head h1{color:var(--color-heading);margin:0 0 8px}.blog_index__head p{color:var(--color-text);margin:0}.post_list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.post_card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-soft);border-radius:10px;transition:border-color .15s,box-shadow .15s}.post_card:hover{border-color:var(--color-blue-border);box-shadow:0 4px 18px #2a8bb814}.post_card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-border-soft)}.post_card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.post_card:hover .post_card__media img{transform:scale(1.03)}.post_card__body{display:flex;flex-direction:column;padding:18px 22px 22px;font-size:1rem}.post_card__title{margin:0 0 8px;font-size:1.2857rem;line-height:1.4}.post_card__title a{color:var(--color-blue-deep);text-decoration:none}.post_card__body p{margin:0 0 12px;color:var(--color-text-strong);line-height:1.6}@media(max-width:720px){.post_list{grid-template-columns:1fr}}.post_meta{font-size:.9286rem;color:var(--color-text-muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.post_meta__sep{color:var(--color-text-faint)}.post_tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.post_tag{font-size:.8571rem;color:#4a7fb0;background:#eef4fa;border:1px solid var(--color-divider);border-radius:20px;padding:2px 10px}.blog_article{max-width:760px;margin:0 auto;padding:0 16px 48px;text-align:left}.blog_article__head{margin:8px 0 28px;border-bottom:1px solid var(--color-divider);padding-bottom:22px}.blog_article__head h1{color:var(--color-heading);font-size:2.4286rem;line-height:1.2;margin:20px 0 15px}.blog_article__head .post_meta{font-size:1rem}.blog_body{line-height:1.75;color:var(--color-text);font-size:1.2143rem}.blog_body h2{margin:40px 0 14px;color:var(--color-heading);font-size:1.8571rem;line-height:1.3}.blog_body h3{margin:28px 0 8px;color:var(--color-heading);font-size:1.4286rem}.blog_body p{margin:0 0 18px}.blog_body ul,.blog_body ol{margin:0 0 18px;padding-left:24px}.blog_body li{margin-bottom:8px}.blog_body a{color:var(--color-blue-link)}.blog_body strong{color:var(--color-heading);font-weight:600}.blog_body hr{border:none;border-top:1px solid #ececf1;margin:32px 0}.blog_body .cta_note{display:block;margin-top:8px;font-size:.8571rem;color:var(--color-text-muted)}.blog_body blockquote{margin:0 0 18px;padding:4px 18px;border-left:4px solid var(--color-blue-border);color:var(--color-text-strong);background:#f7fafd}.blog_body code{background:#f1f3f7;border-radius:var(--radius-sm);padding:1px 6px;font-size:.9em}.blog_body pre{background:#1f2430;color:#e7ecf3;border-radius:var(--radius);padding:16px 18px;overflow-x:auto;margin:0 0 18px}.blog_body pre code{background:none;padding:0;color:inherit}.blog_body table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:1.0714rem}.blog_body th,.blog_body td{border:1px solid var(--color-border-soft);padding:9px 12px;text-align:left}.blog_body th{background:#f3f7fb;color:var(--color-heading);font-weight:600}.blog_body tr:nth-child(2n) td{background:#fafbfd}.blog_body img{max-width:100%;height:auto;border-radius:var(--radius)}.blog_related{max-width:760px;margin:36px auto;padding:0 16px}.blog_related h2{color:var(--color-heading);font-size:1.5714rem;margin:0 0 14px}.blog_related__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.blog_related__list a{display:block;padding:14px 16px;border:1px solid var(--color-border-soft);border-radius:var(--radius);color:var(--color-blue-deep);font-weight:600;text-decoration:none;transition:border-color .15s,background .15s}.blog_related__list a:hover{background:var(--color-blue-bg);border-color:var(--color-blue-border)}.blog_related__list a span{display:block;margin-top:3px;font-size:.8571rem;font-weight:400;color:var(--color-text-muted);text-transform:capitalize}@media screen and (max-width:570px){.blog_article__head h1{font-size:1.9286rem}.blog_body{font-size:1.1429rem}.blog_related__list{grid-template-columns:1fr}}
