:root{--va-green:#0a956d;--va-green-dark:#087a5a;--va-border:#e3ece7;--va-soft:#f4faf7;--va-text:#17231e;--va-muted:#6e7c75}
.vsofte-articles-widget{border:1px solid var(--va-border);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(23,55,43,.055);overflow:hidden}
.vsofte-articles-widget-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px}
.vsofte-articles-widget-title{margin:0;color:var(--va-text);font-size:1.05rem;font-weight:800}
.vsofte-articles-widget-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--va-green);font-weight:800;margin-bottom:3px}
.vsofte-article-mini-list{display:grid;padding:0 12px 10px}
.vsofte-article-mini{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:11px;align-items:center;padding:13px 7px;border-top:1px solid #edf2ef;color:inherit;text-decoration:none;transition:background .16s ease,transform .16s ease}
.vsofte-article-mini:first-child{border-top:0}
.vsofte-article-mini:hover{background:#f7fbf9;color:inherit;transform:translateY(-1px)}
.vsofte-article-mini-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eaf8f2;color:var(--va-green);font-size:.9rem}
.vsofte-article-mini-title{font-size:.91rem;line-height:1.28;font-weight:780;color:#23312b;margin-bottom:3px}
.vsofte-article-mini-meta{font-size:.72rem;color:#809088;line-height:1.25;display:flex;gap:8px;flex-wrap:wrap}
.vsofte-article-mini-arrow{color:#9aaba3;font-size:.8rem;text-align:center}
.vsofte-articles-widget-all{display:flex;justify-content:center;padding:0 15px 16px}
.vsofte-articles-widget-all a{display:inline-flex;align-items:center;gap:7px;color:var(--va-green-dark);font-size:.82rem;font-weight:800;text-decoration:none}
.vsofte-articles-page{max-width:1120px;margin:0 auto}
.vsofte-articles-hero{padding:30px;border:1px solid var(--va-border);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f3fbf7 100%);box-shadow:0 14px 38px rgba(19,67,49,.06)}
.vsofte-articles-hero-app{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.vsofte-articles-hero-app img{width:58px;height:58px;border-radius:15px;object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.vsofte-articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vsofte-article-card{display:flex;flex-direction:column;min-height:210px;padding:22px;border:1px solid var(--va-border);border-radius:20px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 9px 28px rgba(23,55,43,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.vsofte-article-card:hover{color:inherit;transform:translateY(-3px);box-shadow:0 15px 38px rgba(23,55,43,.085);border-color:#c9dfd4}
.vsofte-article-card-type{font-size:.72rem;color:var(--va-green);font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.vsofte-article-card h2{font-size:1.1rem;line-height:1.3;font-weight:800;color:#1f2e27;margin:0 0 10px}
.vsofte-article-card p{font-size:.9rem;line-height:1.55;color:var(--va-muted);margin:0 0 18px}
.vsofte-article-card-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#84928b;font-size:.76rem}
.vsofte-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(250px,1fr);gap:28px;align-items:start}
.vsofte-article-main{min-width:0}
.vsofte-article-body{font-size:1.02rem;line-height:1.78;color:#293832}
.vsofte-article-body h2{font-size:1.45rem;font-weight:850;margin:2.1rem 0 .9rem;color:#17231e}
.vsofte-article-body h3{font-size:1.18rem;font-weight:820;margin:1.7rem 0 .75rem}
.vsofte-article-body img{max-width:100%;height:auto;border-radius:16px}
.vsofte-article-body table{width:100%;border-collapse:collapse;margin:1rem 0}
.vsofte-article-body th,.vsofte-article-body td{border:1px solid #e1e9e5;padding:9px 10px;vertical-align:top}
.vsofte-article-body blockquote{padding:14px 18px;margin:1.2rem 0;border-left:4px solid var(--va-green);background:#f4faf7;border-radius:0 12px 12px 0}
.vsofte-article-side{position:sticky;top:95px}
.vsofte-article-appbox{border:1px solid var(--va-border);border-radius:18px;background:#fff;padding:18px;box-shadow:0 9px 28px rgba(23,55,43,.045)}
.vsofte-article-appbox-top{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.vsofte-article-appbox img{width:52px;height:52px;object-fit:cover;border-radius:14px}
.vsofte-article-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px 16px;border-radius:12px;background:var(--va-green);color:#fff!important;font-weight:800;text-decoration:none}
.vsofte-article-cta:hover{background:var(--va-green-dark)}
.vsofte-article-meta{display:flex;flex-wrap:wrap;gap:10px;color:#74837b;font-size:.82rem;margin:10px 0 22px}
@media(max-width:991.98px){.vsofte-article-layout{grid-template-columns:1fr}.vsofte-article-side{position:static}.vsofte-articles-grid{grid-template-columns:1fr}.vsofte-articles-hero{padding:22px}.vsofte-articles-widget{border-radius:16px}}

/* VSOFTE_V1072_ARTICLE_CONTENT */
.vsofte-article-body p{margin:0 0 1.05rem}
.vsofte-article-body ul,.vsofte-article-body ol{margin:1.25rem 0 1.45rem;padding:0;list-style:none}
.vsofte-article-body ul>li,.vsofte-article-body ol>li{position:relative;margin:.62rem 0;padding:.1rem 0 .1rem 2.05rem;line-height:1.68}
.vsofte-article-body ul>li::before{content:"";position:absolute;left:.43rem;top:.78rem;width:.52rem;height:.52rem;border-radius:50%;background:var(--va-green);box-shadow:0 0 0 5px #eaf8f2}
.vsofte-article-body ol{counter-reset:vsofte-article-list}
.vsofte-article-body ol>li{counter-increment:vsofte-article-list;padding-left:2.55rem}
.vsofte-article-body ol>li::before{content:counter(vsofte-article-list);position:absolute;left:0;top:.03rem;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:#eaf8f2;color:var(--va-green-dark);font-size:.78rem;font-weight:850}
.vsofte-article-body li>ul,.vsofte-article-body li>ol{margin:.65rem 0 .3rem}
.vsofte-article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--va-border);border-radius:15px;border-collapse:separate;border-spacing:0;margin:1.45rem 0 1.65rem;background:#fff;box-shadow:0 7px 22px rgba(23,55,43,.04);-webkit-overflow-scrolling:touch}
.vsofte-article-body thead{background:#eef9f4}
.vsofte-article-body th,.vsofte-article-body td{min-width:145px;border:0!important;border-right:1px solid #e5ede9!important;border-bottom:1px solid #e5ede9!important;padding:12px 14px!important;vertical-align:top;line-height:1.5}
.vsofte-article-body th{color:#173d30;font-weight:820;background:#eef9f4}
.vsofte-article-body td{color:#31413a;background:#fff}
.vsofte-article-body tbody tr:nth-child(even) td{background:#fbfdfc}
.vsofte-article-body tr>*:last-child{border-right:0!important}
.vsofte-article-body tbody tr:last-child td{border-bottom:0!important}
.vsofte-article-body a{color:var(--va-green-dark);text-decoration-thickness:1px;text-underline-offset:2px}
.vsofte-article-body strong{color:#203129}

/* VSOFTE_V1072_ADS */
.vsofte-article-inline-ad-wrap{width:100%;margin:1.35rem 0 1.75rem}
.vsofte-article-ad{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box;text-align:center}
.vsofte-article-ad>div,.vsofte-article-ad iframe,.vsofte-article-ad img,.vsofte-article-ad video{max-width:100%!important;box-sizing:border-box}
.vsofte-article-ad-mobile{display:none}
.vsofte-article-sidebar-ad{margin:0 0 18px;width:100%;min-width:0}
.vsofte-article-ad-sidebar{width:100%}
@media(max-width:991.98px){.vsofte-article-ad-desktop,.vsofte-article-ad-sidebar{display:none!important}.vsofte-article-ad-mobile{display:block}.vsofte-article-inline-ad-wrap{margin:1rem 0 1.35rem}}

/* VSOFTE_V1072_AUTHOR */
.vsofte-article-author{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:start;margin:2.25rem 0 1.3rem;padding:18px;border:1px solid var(--va-border);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7fbf9 100%);box-shadow:0 8px 24px rgba(23,55,43,.045)}
.vsofte-article-author>img,.vsofte-article-author-placeholder{width:68px;height:68px;border-radius:50%;object-fit:cover;background:#eaf8f2;color:var(--va-green);display:grid;place-items:center;font-size:1.35rem;border:1px solid #dcebe4}
.vsofte-article-author-label{text-transform:uppercase;letter-spacing:.07em;color:var(--va-green);font-size:.66rem;font-weight:850;margin-bottom:2px}
.vsofte-article-author-name{font-size:1.02rem;font-weight:850;color:#1e3028}
.vsofte-article-author-name a{color:inherit;text-decoration:none}
.vsofte-article-author-role{font-size:.82rem;color:#6f7e77;margin-top:1px}
.vsofte-article-author-expertise{font-size:.78rem;color:#53635b;margin-top:7px}
.vsofte-article-author p{font-size:.84rem;line-height:1.55;color:#617068;margin:.45rem 0 0}

/* VSOFTE_V10722_REACTIONS — заметный блок оценки */
.vsofte-article-reactions{position:relative;margin:1.45rem 0 2.15rem;padding:24px 22px;border:1px solid #b9ddcd;border-radius:20px;background:linear-gradient(135deg,#eaf8f2 0%,#f8fffb 52%,#eefaf5 100%);box-shadow:0 12px 32px rgba(10,149,109,.10);overflow:hidden}
.vsofte-article-reactions::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--va-green)}
.vsofte-article-reactions-title{text-align:center;font-size:1.12rem;font-weight:900;color:#173d30}
.vsofte-article-reactions-subtitle{text-align:center;font-size:.84rem;color:#62756c;margin:5px auto 0;max-width:620px}
.vsofte-article-reaction-buttons{display:grid;gap:10px;margin-top:17px}
.vsofte-article-reaction-buttons.is-problem{grid-template-columns:repeat(5,minmax(0,1fr))}
.vsofte-article-reaction-buttons.is-binary{grid-template-columns:repeat(2,minmax(0,190px));justify-content:center;margin-left:auto;margin-right:auto}
.vsofte-article-reaction{border:1px solid #cfe4da;background:rgba(255,255,255,.92);border-radius:14px;min-height:72px;padding:11px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:#41574d;font-size:.77rem;font-weight:760;transition:.16s ease;cursor:pointer;box-shadow:0 4px 12px rgba(23,55,43,.035)}
.vsofte-article-reaction i{font-size:1.2rem;color:#5e776b}
.vsofte-article-reaction-buttons.is-binary .vsofte-article-reaction i{font-size:1.48rem}
.vsofte-article-reaction b{font-size:.68rem;color:#8da198;font-weight:750}
.vsofte-article-reaction:hover{border-color:#8fc9b0;background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,149,109,.09)}
.vsofte-article-reaction.is-selected{border-color:#60b994;background:#dff5eb;color:#116348;box-shadow:0 0 0 3px rgba(10,149,109,.10)}
.vsofte-article-reaction.is-selected i{color:var(--va-green)}
.vsofte-article-reactions.is-loading .vsofte-article-reaction{pointer-events:none;opacity:.72}
.vsofte-article-reaction-note{text-align:center;min-height:20px;margin-top:10px;color:#567066;font-size:.76rem;font-weight:650}
@media(max-width:767.98px){
  .vsofte-article-body{font-size:.98rem;line-height:1.72}
  .vsofte-article-body h2{font-size:1.3rem}
  .vsofte-article-body h3{font-size:1.12rem}
  .vsofte-article-body th,.vsofte-article-body td{min-width:132px;padding:10px 11px!important;font-size:.88rem}
  .vsofte-article-author{grid-template-columns:52px minmax(0,1fr);padding:15px;gap:12px}
  .vsofte-article-author>img,.vsofte-article-author-placeholder{width:52px;height:52px}
  .vsofte-article-reaction-buttons.is-problem{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vsofte-article-reaction-buttons.is-problem .vsofte-article-reaction:last-child{grid-column:1/-1}
  .vsofte-article-reaction-buttons.is-binary{grid-template-columns:repeat(2,minmax(0,160px));justify-content:center}
  .vsofte-article-reactions{padding:20px 15px}
  .vsofte-article-reaction{min-height:64px}
}
