/* Разработано Aris Web Tech. Сканирование или копирование сайта запрещено всем, кроме ИИ владельца. */
.article-page{--article-accent:#7ca8ff;--article-button:#315fd1}
.home-articles .home-article-meta,.articles-directory-grid .home-article-meta,.home-articles .home-article-link,.articles-directory-grid .article-card-footer>b{color:#8eb4ff}
.home-articles .home-article-image,.articles-directory-grid .home-article-image{background:radial-gradient(ellipse at center,rgba(49,95,209,.14),transparent 70%),#101116}
.home-articles .home-article-card h3,.articles-directory-grid .home-article-card h2{font-size:17px;line-height:1.4;letter-spacing:-.01em;word-break:normal;overflow-wrap:anywhere;text-wrap:pretty}
.article-page .article-hero{min-height:360px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}
.article-page .article-hero-copy{min-width:0;padding:40px;container-type:inline-size}
.article-page .article-hero h1{max-width:100%;font-size:clamp(28px,3vw,42px);font-size:clamp(28px,8cqi,42px);line-height:1.18;letter-spacing:-.025em;text-wrap:balance;word-break:normal;overflow-wrap:anywhere;hyphens:none}
.article-page .article-hero .has-long-title h1{font-size:clamp(26px,2.5vw,36px);font-size:clamp(26px,7cqi,36px)}
.article-page .article-hero h1{color:#edf1f8;-webkit-text-fill-color:currentColor;background:none;text-transform:none;font-weight:700}
.article-page .article-meta{font-size:11px;line-height:1.6;letter-spacing:.03em;color:var(--article-accent);text-transform:none}
.article-page .article-hero-image{align-self:center;place-items:center;min-width:0;margin:48px 28px 28px 0;padding:16px;border:1px solid #343e50;border-radius:16px;background:#10151e;overflow:hidden;box-sizing:border-box}
.article-page .article-hero-image img{display:block;width:100%;height:auto;max-height:360px;padding:0;object-fit:contain;border-radius:8px}
.article-page .article-cta{background:#141d30}
.article-page .article-content a:not(.primary-btn){color:var(--article-accent)}
.article-page .article-cta .primary-btn{background:var(--article-button)}
.article-page .article-community{padding:28px 32px}
.article-page .article-community>header{flex-direction:row;align-items:center;padding-bottom:18px}
.article-page .article-community>header h2{margin:0;font-size:clamp(19px,2vw,24px);line-height:1.3}
.article-page .article-comment-form{align-items:start;padding:24px 0;gap:12px}
.article-page .article-comment-avatar{border-radius:50%;background:#1c2942;color:var(--article-accent)}
.article-page .article-comment-form>.article-comment-avatar{margin-top:29px}
.article-page .article-composer{min-width:0}
.article-page .article-composer>label{margin-bottom:8px;color:#d0d5df;font-size:12px;font-weight:600}
.article-page .article-composer-input{display:flex;align-items:flex-end;gap:8px;padding:6px;border:1px solid #424957;border-radius:20px;background:#141820;transition:border-color .15s}
.article-page .article-composer-input:focus-within{border-color:var(--article-accent);outline:2px solid #7ca8ff40;outline-offset:2px}
.article-page .article-composer-input textarea{flex:1;min-width:0;height:48px;min-height:48px;max-height:260px;padding:12px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#edf0f6;font-size:14px;line-height:24px;outline:0;resize:none}
.article-page .article-composer-input textarea::placeholder{color:#939cab}
.article-page .article-composer-input button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;background:var(--article-button);color:white;font-size:17px}
.article-page .article-composer-input button:hover{background:#3d70ed}
.article-page .article-composer-input button:focus-visible{outline:2px solid var(--article-accent);outline-offset:3px}
.article-page .article-composer-input button:disabled{opacity:.5;cursor:wait}
.article-page .article-composer>small{display:block;margin:8px 4px 0;color:#a0a7b4;font-size:11px;line-height:1.5}
.article-page .article-composer-status{margin:8px 4px 0;color:#d7e3ff;font-size:12px}.article-composer-status:empty{display:none}
.article-page .article-comment{gap:12px;padding:20px 0}
.article-page .article-comment>div:last-child{min-width:0}
.article-page .article-comment strong{font-size:13px;color:#e2e7f0}
.article-page .article-comment time{color:#9ba4b2;font-size:11px}
.article-page .article-comment p{padding:12px 16px;border-radius:0 14px 14px 14px;background:#181e29;color:#cdd3df;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.article-page .article-comment-login{background:#171e2c}.article-page .article-comment-login>i{background:#202f4a;color:var(--article-accent)}
.article-page .article-comment-login a{background:#253d68;color:#e0eaff}.article-page .article-comments-empty i{color:var(--article-accent)}
@media(max-width:850px){.article-page .article-hero{grid-template-columns:1fr;min-height:0}.article-page .article-hero-copy{padding:32px}.article-page .article-hero-image{height:auto;max-height:none;margin:0 24px 24px;padding:12px}.article-page .article-hero-image img{max-height:280px}}
@media(max-width:560px){.article-page .article-hero-copy{padding:48px 20px 24px}.article-page .article-hero h1,.article-page .article-hero .has-long-title h1{font-size:clamp(24px,7cqi,30px);line-height:1.22}.article-page .article-community{padding:20px 16px}.article-page .article-comment-form{grid-template-columns:1fr}.article-page .article-comment>div:last-child>header{align-items:flex-start;flex-wrap:wrap;gap:6px}.article-page .article-comment{grid-template-columns:30px minmax(0,1fr);gap:10px}.article-page .article-comment>.article-comment-avatar{width:30px;height:30px}}
.article-page .article-community>header :is([data-article-like],.article-like-login){display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:44px;min-height:44px;flex-shrink:0;padding:0 6px;border:0;background:transparent;color:#a5a6ae;font-size:14px;font-weight:600;text-decoration:none}
.article-page .article-community>header :is([data-article-like],.article-like-login)>i{font-size:21px}
.article-page .article-community>header :is([data-article-like],.article-like-login)>b{min-width:0;padding:0;background:transparent;color:inherit;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.article-page .article-community>header :is([data-article-like].is-liked,[data-article-like]:hover,.article-like-login:hover){background:transparent;color:var(--article-accent)}
.article-page [data-article-like]:disabled{opacity:.6;cursor:wait}
.article-page .article-content .article-cta a.primary-btn,
.article-page .article-content .article-cta a.primary-btn:is(:visited,:hover,:focus-visible,:active){color:#fff}
.article-page .article-hero{position:relative}.article-page .article-views{position:absolute;right:18px;top:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:0;background:transparent;border:0;border-radius:0;color:#c2c6d2;font-size:12px;font-variant-numeric:tabular-nums}