:root{--mainw: 900px;--leftw: 200px;--tocw: 300px;--gap: 28px;--bg: #fff;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--card:#f8fafc;--accent:#0ea5e9;--radius:10px;--sticky-top: 96px;--hero-h: 260px}.x2c__topline{border-top:1px solid var(--line)}.x2c{padding:0 16px 40px}.x2c__grid{display:grid;grid-template-columns:var(--leftw) minmax(0,calc(var(--mainw) + var(--tocw) + var(--gap)));justify-content:center;gap:var(--gap);margin-top:16px}.x2c__left{position:sticky;top:var(--sticky-top);align-self:start;z-index:1}.x2c__left .card{position:static}.x2c__left .card+*{margin-top:18px}.x2c__left .info-card{margin-bottom:18px}.x2c__right{position:relative;padding-left:var(--gap);border-left:1px solid var(--line)}.card{background:var(--bg);border:none;border-radius:var(--radius);box-shadow:none}.info-card{position:relative;height:var(--hero-h);overflow:hidden;border-radius:var(--radius);background-color:#f1f5f9;background-image:var(--info-bg);background-size:cover;background-position:center}.info-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000038,#0000)}.info-card__inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:12px;padding:32px 14px;color:#fff}.info-card__logo img{max-width:120px;height:auto;display:block}.info-card__text{color:#eef2f7;font-size:14px;line-height:1.5;padding:0 14px;max-width:calc(100% - 28px);word-break:break-word;margin:4px 0}.info-card__text p{margin:0}.info-card .btn{display:inline-block;padding:6px 10px;border-radius:6px;background:#2f87d9;color:#fff;text-decoration:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:500;font-size:13px;line-height:16px}.info-card .btn:hover{filter:brightness(.95)}.author-plain{padding:0;background:transparent}.x2c .author-plain__avatarWrap{width:56px;height:56px;display:block;border-radius:9999px!important;overflow:hidden!important;margin-bottom:8px}.x2c .author-plain__avatar{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:9999px!important}.author-plain__name{font-weight:800;color:var(--text)}.author-plain__title{color:var(--muted);font-size:14px;margin-bottom:6px}.author-plain__bio{color:var(--muted);font-size:14px;margin:8px 0}.author-plain__links a{margin-right:10px;color:#0369a1;text-decoration:none;font-weight:600}.author-plain__links a:hover{text-decoration:underline}.banner{position:relative;overflow:hidden}.banner__img{display:block;width:100%;height:var(--hero-h);object-fit:cover;border-radius:var(--radius)}.banner__fallback{height:var(--hero-h);background:linear-gradient(90deg,#eff6ff,#fff);border-radius:var(--radius)}.banner__text{position:absolute;left:20px;top:16px;right:20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.banner__title{font-family:Poppins,sans-serif;font-weight:700;font-size:36px;line-height:44px;margin-bottom:6px;letter-spacing:-.01em}.banner__subtitle{font-family:Poppins,sans-serif;font-weight:400;font-size:19px;line-height:26px;opacity:.95;margin-top:6px}.banner__actions{margin-top:10px;display:flex;gap:10px}.banner__actions .btn{display:inline-block;padding:8px 14px;border-radius:6px;background:#2f87d9;color:#fff;text-decoration:none;font-weight:600;font-size:14px;line-height:1}.banner__actions .btn:hover{filter:brightness(.95)}.x2c__contentRow{display:grid;grid-template-columns:minmax(0,var(--mainw)) var(--tocw);align-items:start;gap:var(--gap);margin-top:18px}.content{color:var(--text)}.content h1{font-size:clamp(28px,5vw,36px);line-height:1.2;margin:18px 0 6px}.content h2{margin:24px 0 10px;font-size:clamp(20px,3.2vw,24px)}.content h3{margin:16px 0 8px;font-size:clamp(18px,2.8vw,20px)}.content p{line-height:1.75;color:var(--text)}.toc{position:sticky;top:var(--sticky-top);padding:14px;background:var(--bg);font-size:14px}.toc__title{color:var(--muted);font-weight:500;font-size:12px;margin-bottom:6px}.toc__list{list-style:none;margin:0;border-left:2px solid var(--line);padding:0 0 0 12px}.toc__list li{margin:6px 0;line-height:1.45}.toc__list li.is-h3{margin-left:12px}.toc__list a{color:var(--text);text-decoration:none}.toc__list a:hover{color:#0369a1}.toc__list a.active,[aria-current=true]{color:#0369a1;font-weight:700}.toc__top{margin-top:10px;width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.tocMobile{display:none;margin-top:14px;padding:10px 14px}.tocMobile summary{cursor:pointer;font-weight:700}.tocMobile__list{list-style:none;margin:8px 0 0;border-left:2px solid var(--line);padding-left:12px}.tocMobile__list li{margin:6px 0}.tocMobile__list li.is-h3{margin-left:12px}@media (max-width: 1100px){:root{--hero-h: 220px}.x2c__grid{grid-template-columns:minmax(0,1fr)}.x2c__right{border-left:none;padding-left:0}.x2c__left{position:static}.x2c__contentRow{grid-template-columns:minmax(0,1fr)}#js-toc-desktop{display:none}.tocMobile{display:block}}.x2c a:focus,.x2c button:focus,.x2c summary:focus{outline:3px solid rgba(14,165,233,.3);outline-offset:2px}.x-chart{display:block;width:100%;max-width:100%;margin:16px 0 24px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/article-2col.css.map */