.blog-hero{position:relative;overflow:hidden;background:var(--grad-hero);padding:calc(var(--nav-h) + 40px) 0 40px}.blog-hero .blob{background:var(--a1);opacity:.28}.blog-hero .b1{width:340px;height:340px;top:-120px;right:-60px}.blog-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;position:relative;z-index:1}.blog-hero h1{font-size:clamp(2rem,4vw,3rem);margin-top:14px}.blog-hero p{color:var(--muted);font-size:1.06rem;margin-top:12px;max-width:560px}.blog-hero-visual{display:grid;place-items:center}.blog-hero-visual .person{width:min(300px,80%);filter:drop-shadow(0 20px 34px rgba(6,63,110,.16))}.blog-search{display:flex;align-items:center;gap:10px;margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px 6px 4px 16px;max-width:460px;box-shadow:var(--shadow-sm)}.blog-search svg{width:18px;height:18px;color:var(--muted);flex:none}.blog-search input{flex:1;border:none;outline:none;background:none;font:inherit;font-size:.96rem;padding:10px 0;color:var(--ink)}.cover-deco{position:absolute;border-radius:50%;background:#ffffff2e;pointer-events:none}.cover-deco.d1{width:140px;height:140px;top:-40px;right:-30px}.cover-deco.d2{width:90px;height:90px;bottom:-34px;left:10%;background:#ffffff1f}.cover-deco.d3{width:60px;height:60px;top:30%;left:-20px;background:#ffffff1a}.feat-article{display:grid;grid-template-columns:1fr 1.1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin:34px 0 26px;transition:transform .25s ease,box-shadow .25s ease}.feat-article:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feat-article.hide{display:none}.feat-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--a1),var(--a2));display:grid;place-items:center;min-height:240px;color:#fff}.feat-ico{position:relative;z-index:1;display:grid;place-items:center;width:88px;height:88px;border-radius:24px;background:#ffffff29;backdrop-filter:blur(4px)}.feat-body{padding:30px 34px;display:flex;flex-direction:column;justify-content:center}.feat-body h2{font-size:clamp(1.3rem,2.4vw,1.9rem);margin:12px 0 10px}.feat-body p{color:var(--muted);font-size:1rem;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--a2);background:var(--aTint);border:1px solid transparent;padding:5px 12px;border-radius:var(--radius-pill);width:max-content}.art-meta{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:.84rem;color:var(--muted);flex-wrap:wrap}.art-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--line-strong)}.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 24px}.blog-filter button{padding:8px 16px;border-radius:var(--radius-pill);font-weight:700;font-size:.86rem;background:#fff;border:1px solid var(--line);color:var(--ink-soft);transition:all .2s ease}.blog-filter button.on{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;border-color:transparent}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.art-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform .25s ease,box-shadow .25s ease}.art-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.art-card.hide{display:none}.art-cover{position:relative;overflow:hidden;min-height:150px;background:linear-gradient(135deg,var(--a1),var(--a2));display:grid;place-items:center;color:#fff}.art-ico{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#ffffff2e}.art-cat{position:absolute;z-index:1;bottom:12px;left:14px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#0003;padding:4px 10px;border-radius:var(--radius-pill)}.art-body{padding:20px 22px;display:flex;flex-direction:column;flex:1}.art-body h3{font-size:1.1rem;line-height:1.3}.art-body p{color:var(--muted);font-size:.9rem;margin-top:8px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-empty{text-align:center;color:var(--muted);padding:40px 0}.blog-cta-wrap{padding:40px 0 60px}.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,var(--a2),var(--a1));border-radius:var(--radius-xl);padding:clamp(28px,4vw,44px);color:#fff}.blog-cta h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem)}.blog-cta p{color:#ffffffe6;margin-top:8px;max-width:520px}.blog-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.art-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--aTint),#fff);padding:calc(var(--nav-h) + 30px) 0 20px}.art-hero .blob{background:var(--a1);opacity:.2;width:320px;height:320px;top:-130px;right:-60px}.art-hero-in{position:relative;z-index:1;max-width:820px}.crumbs{font-size:.82rem;color:var(--muted);margin-bottom:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumbs a{color:var(--a2);font-weight:600}.crumbs em{font-style:normal}.art-hero-in h1{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:12px 0 14px;line-height:1.15}.art-lede{font-size:1.1rem;color:var(--ink-soft);line-height:1.6}.art-meta.big{margin-top:20px;font-size:.88rem}.art-author{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}.art-author .av{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2))}.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding-top:34px;align-items:start}.art-content{min-width:0}.art-banner{position:relative;overflow:hidden;height:220px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--a1),var(--a2));display:grid;place-items:center;color:#fff;margin-bottom:30px}.art-banner-ico{position:relative;z-index:1;display:grid;place-items:center;width:96px;height:96px;border-radius:26px;background:#ffffff29;backdrop-filter:blur(4px)}.art-content .lead{font-size:1.12rem;line-height:1.75;color:var(--ink-soft);margin-bottom:16px}.art-content .lead:first-of-type:first-letter{font-size:3.2rem;font-weight:800;float:left;line-height:.8;padding:6px 12px 0 0;color:var(--a2);font-family:var(--font-display)}.art-html{font-size:1.02rem;line-height:1.8;color:var(--ink-soft)}.art-html>*:first-child{margin-top:0}.art-html h2{font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.6rem);color:var(--ink);margin:30px 0 12px;scroll-margin-top:calc(var(--nav-h) + 20px)}.art-html h3{font-family:var(--font-display);font-size:1.15rem;color:var(--ink);margin:22px 0 8px}.art-html h4{font-family:var(--font-display);font-size:1.02rem;color:var(--ink);margin:18px 0 6px}.art-html p{margin-bottom:14px}.art-html a{color:var(--a2);font-weight:600;text-decoration:underline;text-underline-offset:2px}.art-html ul,.art-html ol{margin:4px 0 18px;padding-left:4px;display:grid;gap:9px}.art-html li{position:relative;padding-left:30px;line-height:1.6;list-style:none}.art-html ul li:before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:6px;background:var(--aTint)}.art-html ul li:after{content:"";position:absolute;left:6px;top:11px;width:6px;height:3px;border-left:2px solid var(--a2);border-bottom:2px solid var(--a2);transform:rotate(-45deg)}.art-html ol{counter-reset:hol}.art-html ol li{counter-increment:hol}.art-html ol li:before{content:counter(hol);position:absolute;left:0;top:2px;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--aGrad, linear-gradient(135deg, var(--a1), var(--a2)));color:#fff;font-size:.72rem;font-weight:800}.art-html blockquote{margin:20px 0;padding:18px 24px;border-left:4px solid var(--a2);background:var(--bg-soft);border-radius:0 12px 12px 0;font-size:1.08rem;font-style:italic;color:var(--ink);line-height:1.6}.art-html table{width:100%;border-collapse:collapse;font-size:.94rem;margin:6px 0 20px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.art-html th,.art-html td{padding:11px 15px;text-align:left;border-bottom:1px solid var(--line)}.art-html th{background:var(--bg-soft);font-family:var(--font-display);font-size:.9rem}.art-html tr:last-child td{border-bottom:none}.art-html strong{color:var(--ink);font-weight:700}.art-section{margin-top:30px;scroll-margin-top:calc(var(--nav-h) + 20px)}.art-section h2{font-size:clamp(1.3rem,2.2vw,1.6rem);margin-bottom:12px}.art-section p{font-size:1.02rem;line-height:1.8;color:var(--ink-soft);margin-bottom:14px}.art-list{display:grid;gap:10px;margin:4px 0 18px}.art-list li{position:relative;padding-left:30px;font-size:1rem;color:var(--ink-soft);line-height:1.6}.art-list li:before{content:"";position:absolute;left:0;top:7px;width:18px;height:18px;border-radius:6px;background:var(--aTint)}.art-list li:after{content:"";position:absolute;left:6px;top:11px;width:6px;height:3px;border-left:2px solid var(--a2);border-bottom:2px solid var(--a2);transform:rotate(-45deg)}.art-stats{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 20px}.art-stat{flex:1;min-width:120px;background:var(--aTint);border-radius:var(--radius);padding:16px 18px}.art-stat b{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--a2);line-height:1}.art-stat span{display:block;font-size:.82rem;color:var(--ink-soft);margin-top:6px}.art-quote{margin:20px 0;padding:18px 24px;border-left:4px solid var(--a2);background:var(--bg-soft);border-radius:0 12px 12px 0;font-size:1.08rem;font-style:italic;color:var(--ink);line-height:1.6}.art-table-wrap{overflow-x:auto;margin:6px 0 20px;border:1px solid var(--line);border-radius:var(--radius)}.art-table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:420px}.art-table th,.art-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}.art-table th{background:var(--bg-soft);font-family:var(--font-display);font-size:.9rem}.art-table td:first-child{font-weight:600;color:var(--ink-soft)}.art-table tr:last-child td{border-bottom:none}.art-faq{margin-bottom:14px;padding:16px 18px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius)}.art-faq h3{font-size:1rem}.art-faq p{font-size:.94rem;color:var(--muted);margin-top:6px;line-height:1.6}.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.art-tags .tag{font-size:.8rem;font-weight:600;color:var(--a2);background:var(--aTint);padding:6px 12px;border-radius:var(--radius-pill)}.art-product{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,var(--aTint),#fff);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 26px;margin-top:10px}.art-product h3{font-size:1.3rem;margin-top:8px}.art-product p{color:var(--muted);margin-top:4px}.art-product-cta{display:flex;gap:10px;flex-wrap:wrap}.art-side{position:sticky;top:calc(var(--nav-h) + 16px);display:flex;flex-direction:column;gap:16px}.side-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-xs)}.side-box h4{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:4px}.toc li{counter-increment:toc}.toc a{display:flex;gap:10px;padding:7px 10px;border-radius:9px;font-size:.88rem;color:var(--ink-soft);line-height:1.35;transition:background .2s ease,color .2s ease}.toc a:before{content:counter(toc);font-weight:800;color:var(--a2);flex:none}.toc a:hover,.toc a.active{background:var(--aTint);color:var(--a2)}.share-row{display:flex;gap:8px}.share-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-soft);transition:all .2s ease;cursor:pointer}.share-btn:hover,.share-btn.copied{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;border-color:transparent}.side-box.cta{background:linear-gradient(135deg,var(--a2),var(--a1));color:#fff;border-color:transparent}.side-box.cta h4{color:#ffffffd9}.side-box.cta p{font-size:.9rem;color:#ffffffeb;margin-bottom:14px;line-height:1.5}.side-box.cta .btn{width:100%;background:#fff;color:var(--a2)}.related-wrap{padding:40px 0 70px;background:var(--bg-soft);margin-top:40px}.related-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.related-head h2{font-size:clamp(1.4rem,2.4vw,1.8rem)}.related-head .link-arrow{color:var(--a2)}@media(max-width:1024px){.art-grid{grid-template-columns:repeat(2,1fr)}.art-layout{grid-template-columns:1fr}.art-side{position:static;flex-direction:row;flex-wrap:wrap}.side-box{flex:1;min-width:220px}.side-box.toc{flex-basis:100%}}@media(max-width:860px){.blog-hero-grid{grid-template-columns:1fr}.blog-hero-visual{order:-1}.feat-article{grid-template-columns:1fr}.feat-cover{min-height:180px}}@media(max-width:640px){.art-grid{grid-template-columns:1fr}.art-content .lead:first-of-type:first-letter{font-size:2.6rem}}