.expert-article { --ea-ink: #10182d; --ea-text: #3d4d6d; --ea-muted: #74809b; --ea-line: #e7e8f3; --ea-violet: #5e13ef; color: var(--ea-ink); }
.expert-article * { box-sizing: border-box; }
.expert-article__header { max-width: 1060px; margin: 0 auto; padding: clamp(34px, 5vw, 70px) 0 50px; text-align: center; }
.expert-article__back { display: inline-block; margin-bottom: 25px; color: var(--ea-muted); font-size: 14px; font-weight: 600; text-decoration: none; }
.expert-article__back:hover { color: var(--ea-violet); }
.expert-article__eyebrow { margin-bottom: 18px; color: #5f6d90; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.expert-article h1 { margin: 0; font-size: clamp(42px, 5.6vw, 72px); line-height: 1.06; letter-spacing: -.047em; }
.expert-article__lead { max-width: 850px; margin: 24px auto 0; color: var(--ea-text); font-size: clamp(17px, 1.55vw, 21px); line-height: 1.65; }
.expert-article__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 25px; margin-top: 28px; color: var(--ea-muted); font-size: 13px; }
.expert-article__meta span:first-child { display: inline-flex; align-items: center; gap: 8px; color: var(--ea-ink); font-weight: 600; }
.expert-article__meta img { width: 30px; height: 30px; object-fit: cover; background: #eee8ff; border-radius: 50%; }
.expert-article__meta > * + * { position: relative; }
.expert-article__meta > * + *::before { content: ""; position: absolute; top: 50%; left: -14px; width: 3px; height: 3px; background: #b0b6c7; border-radius: 50%; }
.expert-article__cover { overflow: hidden; margin: 0; background: #f7f3ff; border: 1px solid var(--ea-line); border-radius: 24px; box-shadow: 0 25px 70px rgba(35,27,79,.08); }
.expert-article__cover img { display: block; width: 100%; max-height: 680px; object-fit: cover; }
.expert-article__layout { display: grid; grid-template-columns: 250px minmax(0, 790px); gap: clamp(42px, 6vw, 80px); justify-content: center; margin-top: clamp(55px, 7vw, 90px); }
.expert-article__aside { position: sticky; top: 215px; align-self: start; display: grid; gap: 14px; }
.expert-article__author { display: grid; gap: 17px; padding: 23px; background: linear-gradient(145deg, #fff, #faf8ff); border: 1px solid var(--ea-line); border-radius: 18px; box-shadow: 0 18px 45px rgba(35,27,79,.06); }
.expert-article__aside-label { color: #637091; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.expert-article__author-head { display: flex; align-items: center; gap: 13px; }
.expert-article__author-head img { flex: 0 0 54px; width: 54px; height: 54px; object-fit: cover; background: #eee8ff; border-radius: 50%; box-shadow: 0 8px 20px rgba(94,19,239,.12); }
.expert-article__author-head > span { display: grid; min-width: 0; gap: 3px; }
.expert-article__author-head strong { color: var(--ea-ink); font-size: 14px; line-height: 1.3; }
.expert-article__author-head small { color: var(--ea-muted); font-size: 11px; line-height: 1.35; }
.expert-article__author p { margin: 0; color: var(--ea-text); font-size: 12px; line-height: 1.6; }
.expert-article__telegram { position: relative; display: grid; grid-template-columns: 38px 1fr; gap: 12px; overflow: hidden; padding: 18px; color: #fff; text-decoration: none; background: radial-gradient(circle at 92% 8%, rgba(255,255,255,.22), transparent 28%), linear-gradient(135deg, #5512ef, #8123df 58%, #d63d94); border-radius: 18px; box-shadow: 0 18px 38px rgba(94,19,239,.2); transition: box-shadow .25s ease, transform .25s ease; }
.expert-article__telegram:hover { color: #fff; box-shadow: 0 22px 45px rgba(94,19,239,.28); transform: translateY(-2px); }
.expert-article__telegram:focus-visible { color: #fff; outline: 3px solid rgba(94,19,239,.24); outline-offset: 3px; }
.expert-article__telegram-icon { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.2); border-radius: 11px; }
.expert-article__telegram-icon svg { width: 21px; height: 21px; fill: currentColor; }
.expert-article__telegram-copy { display: grid; min-width: 0; gap: 4px; }
.expert-article__telegram-copy small { font-size: 10px; font-weight: 700; letter-spacing: .08em; opacity: .7; text-transform: uppercase; }
.expert-article__telegram-copy strong { font-size: 17px; line-height: 1.2; }
.expert-article__telegram-copy > span { margin-top: 3px; font-size: 11px; font-weight: 400; line-height: 1.5; opacity: .78; }
.expert-article__telegram-cta { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; margin-top: 3px; padding-top: 13px; font-size: 12px; font-weight: 700; border-top: 1px solid rgba(255,255,255,.18); }
.expert-article__telegram-cta b { font-size: 16px; transition: transform .25s ease; }
.expert-article__telegram:hover .expert-article__telegram-cta b { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .expert-article__telegram, .expert-article__telegram-cta b { transition: none; } }
.expert-article__content { min-width: 0; color: var(--ea-text); font-size: 18px; line-height: 1.82; }
.expert-article__content > :first-child { margin-top: 0; }
.expert-article__content > :last-child { margin-bottom: 0; }
.expert-article__content h2 { margin: 2em 0 .75em; color: var(--ea-ink); font-size: clamp(29px, 3vw, 39px); line-height: 1.18; letter-spacing: -.025em; }
.expert-article__content h3 { margin: 1.8em 0 .7em; color: var(--ea-ink); font-size: 25px; line-height: 1.25; }
.expert-article__content p { margin: 0 0 1.35em; }
.expert-article__content ul, .expert-article__content ol { margin: 1.3em 0; padding-left: 1.3em; }
.expert-article__content li { margin-bottom: .7em; padding-left: .35em; }
.expert-article__content li::marker { color: var(--ea-violet); }
.expert-article__content a { color: var(--ea-violet); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.expert-article__content img { display: block; max-width: 100%; height: auto; margin: 2em auto; border-radius: 17px; box-shadow: 0 18px 48px rgba(30,22,70,.08); }
.expert-article__content blockquote { margin: 2em 0; padding: 26px 30px; color: var(--ea-ink); font-size: 19px; font-weight: 600; line-height: 1.6; background: linear-gradient(120deg, #f7f2ff, #fff8fc); border-left: 4px solid var(--ea-violet); border-radius: 0 15px 15px 0; }
.expert-article__content table { display: block; overflow-x: auto; width: 100%; margin: 2em 0; border-collapse: collapse; font-size: 15px; }
.expert-article__content th, .expert-article__content td { min-width: 150px; padding: 14px 16px; text-align: left; border: 1px solid var(--ea-line); }
.expert-article__content th { color: var(--ea-ink); background: #f7f4ff; }
.expert-article__content pre { overflow-x: auto; padding: 22px; color: #f5f3ff; font-size: 14px; line-height: 1.6; background: #15182a; border-radius: 14px; }
.expert-article__footer { display: flex; max-width: 1000px; align-items: center; justify-content: space-between; gap: 30px; margin: clamp(60px, 8vw, 100px) auto 0; padding: 28px; background: linear-gradient(120deg, #faf8ff, #fff); border: 1px solid var(--ea-line); border-radius: 20px; }
.expert-article__footer > div { display: flex; align-items: center; gap: 18px; }
.expert-article__footer img { flex: 0 0 70px; width: 70px; height: 70px; object-fit: cover; background: #eee8ff; border-radius: 50%; }
.expert-article__footer span { display: grid; gap: 5px; }
.expert-article__footer small { max-width: 570px; color: var(--ea-muted); font-size: 13px; line-height: 1.5; }
.expert-article__footer button { display: inline-flex; flex: 0 0 auto; min-height: 46px; align-items: center; gap: 16px; padding: 11px 18px; color: #fff; font-weight: 700; cursor: pointer; background: linear-gradient(110deg, #5512ef, #ed3f8d); border: 0; border-radius: 11px; }

@media (max-width: 991.98px) { .expert-article__layout { grid-template-columns: 1fr; max-width: 790px; margin-right: auto; margin-left: auto; } .expert-article__aside { position: static; grid-template-columns: 1fr 1fr; } .expert-article__author, .expert-article__telegram { min-height: 100%; } }
@media (max-width: 767.98px) { .expert-article__header { padding-top: 20px; } .expert-article h1 { font-size: clamp(36px, 11vw, 50px); } .expert-article__meta { gap: 9px 19px; } .expert-article__meta > * + *::before { left: -11px; } .expert-article__cover { border-radius: 17px; } .expert-article__aside { grid-template-columns: 1fr; } .expert-article__author, .expert-article__telegram { padding: 20px; } .expert-article__content { font-size: 16px; line-height: 1.75; } .expert-article__content blockquote { padding: 22px; font-size: 17px; } .expert-article__footer { align-items: stretch; flex-direction: column; padding: 22px; } .expert-article__footer button { justify-content: center; } }