/* Тихий чат-паттерн и все правила ограничены только страницей статьи. */
.article-page{--article-ink:#24434b;--article-muted:#617780;--article-line:#dbe8e7;color:var(--article-ink);background-color:#edf5f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='180' viewBox='0 0 220 180'%3E%3Cg fill='none' stroke='%2394b9aa' stroke-width='1.4' opacity='.19'%3E%3Cpath d='M25 25h31v21H39l-8 7v-7h-6zM135 110h27v18h-9l-8 6v-6h-10zM160 28l17 8-17 8 4-8zM45 125c-10-14 8-22 12-10 4-12 22-4 12 10l-12 12z'/%3E%3Ccircle cx='105' cy='68' r='9'/%3E%3Cpath d='M101 67h1m6 0h1m-8 5q4 4 8 0M188 156l5-7 5 7m-5-7v14'/%3E%3C/g%3E%3C/svg%3E");}
.article-page .article-paper,.article-page .article-panel{background:#fff;border:1px solid var(--article-line);border-radius:22px;box-shadow:0 4px 18px #24434b08;padding:clamp(18px,3vw,32px)}
.article-page h1{font-size:clamp(1.9rem,3.7vw,3rem);line-height:1.15;letter-spacing:-.025em;margin:16px 0}
.article-page h2,.article-page h3{color:var(--article-ink);line-height:1.3}
.article-page .article-meta a{color:inherit;text-underline-offset:2px}
.article-page .article-lead{font-size:1.15rem;color:var(--article-muted);line-height:1.3}
.article-page .article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.8rem;color:var(--article-muted);margin:20px 0 26px}
.article-page .article-cover{margin:0 0 28px}.article-page .article-cover img{width:100%;height:auto;border-radius:14px}.article-page figcaption{font-size:.75rem;color:var(--article-muted);text-align:center;margin-top:8px}
.article-page .article-body{font-size:1.08rem;line-height:1.85;overflow-wrap:anywhere}.article-page .article-body>*+*{margin-top:1.15em}.article-page .article-body h2{margin-top:1.7em;font-size:1.6rem}.article-page .article-body img,.article-page .article-body video{max-width:100%;height:auto;border-radius:12px}.article-page .article-body iframe{max-width:100%}.article-page .article-body blockquote{background:#edf6f0;border-left:4px solid #88b99a;padding:16px 22px;border-radius:0 14px 14px 0}.article-page .article-body pre{overflow:auto;background:#eff4f5;padding:16px;border-radius:12px}.article-page .article-body table{display:block;overflow:auto;max-width:100%}.article-page .article-body td,.article-page .article-body th{padding:8px;border:1px solid var(--article-line)}
.article-page .article-tags,.article-page .article-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px}.article-page .article-tags a,.article-page .article-tags span{padding:5px 10px;border:1px solid var(--article-line);border-radius:14px;text-decoration:none;font-size:.85rem}.article-page .article-tags a[aria-current]{background:#e7f3eb}.article-page .article-share h2{flex-basis:100%;margin-bottom:0}.article-page .article-share a{padding:8px;text-decoration:none}.article-page .article-share [role=status]{font-size:.8rem}
.article-page .article-feedback{text-align:center;border-top:1px solid var(--article-line);padding-top:22px;margin-top:28px}.article-page [data-article-reactions]{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.article-page .article-reaction{border:1px solid var(--article-line);border-radius:22px;background:#f7faf8;padding:8px 13px;font-size:1.1rem;color:var(--article-ink);min-width:60px;min-height:44px}.article-page .article-reaction[aria-pressed=true]{background:#dff2e5;border-color:#5a9a70}.article-page button:disabled{opacity:.6;cursor:wait}.article-page a:focus-visible,.article-page button:focus-visible{outline:3px solid #328ca9;outline-offset:4px}
.article-page .article-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-page .article-card{display:block;text-decoration:none;color:var(--article-ink);border:1px solid var(--article-line);border-radius:14px;overflow:hidden;padding:13px;overflow-wrap:anywhere}.article-page .article-card img{width:100%;height:110px;object-fit:cover;border-radius:8px;margin-bottom:12px}.article-page .article-card p{font-size:.8rem;color:var(--article-muted);margin:8px 0 0}.article-page .article-card:hover{background:#f4faf6}.article-page .article-card>span{display:block;font-size:.8rem;margin-bottom:12px}.article-page .article-sidebar{display:grid;gap:20px}.article-page .article-side-link{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--article-line);color:var(--article-ink);text-decoration:none;overflow-wrap:anywhere}.article-page .article-side-link img{object-fit:cover;border-radius:10px}.article-page .article-side-link small{display:block;color:var(--article-muted);font-size:.75rem;margin-top:5px}.article-page .article-invite{background:#edf6f0}.article-page .article-author a{color:var(--article-ink)}
@media(max-width:575px){.article-page .article-cards{grid-template-columns:1fr}.article-page .article-card img{height:160px}.article-page .article-author{flex-direction:column}.article-page .article-meta{gap:8px}.article-page .article-paper{border-radius:16px}.article-page .article-body{font-size:1rem}}

.article-page .article-side-link .article-catalog-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover}