/* article.css: 42 правил */
.article-page{padding:16px 0 32px}
.article-header{padding-bottom:36px;margin-bottom:40px;border-bottom:2px solid #1a1917}
.article-header__kicker{font-family:Arial,'Helvetica Neue',sans-serif;font-size:12px;color:#9e9891;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}
.article-header__title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,46px);line-height:1.12;font-weight:400;margin-bottom:20px;letter-spacing:-.3px;color:#1a1917}
.article-header__lead{font-family:Georgia,serif;font-size:18px;color:#6b6560;font-style:italic;line-height:1.7}
.article-byline{margin-top:24px;padding-top:20px;border-top:1px solid #f0ede8;font-family:Arial,sans-serif;font-size:14px;display:flex;align-items:flex-start;gap:14px}
.article-byline__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;border:1px solid #e8e5df}
.article-byline__inner{display:flex;flex-direction:column;gap:4px}
.article-byline__name{font-weight:700;font-size:16px;color:#1a1917;text-decoration:none;border-bottom:1px solid transparent}
.article-byline__name:hover{color:#cc0000;border-bottom-color:#cc0000}
.article-byline__details{margin-top:8px;font-size:13px;color:#6b6560;line-height:1.6}
.article-byline__details .lbl{color:#9e9891;text-transform:uppercase;font-size:11px;letter-spacing:1px;margin-right:6px}
.article-byline__bio{margin-top:6px;font-size:13px;color:#6b6560;line-height:1.6}
.article-body{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.85;color:#3a3835}
.article-body h2{font-family:Arial,'Helvetica Neue',sans-serif;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin:48px 0 18px;color:#1a1917}
.article-body h3{font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin:32px 0 12px;text-transform:uppercase;letter-spacing:.4px}
.article-body p{margin-bottom:24px}
.article-body blockquote{margin:32px 0;padding:20px 24px;border-left:4px solid #1a1917;background:#f9f8f6;font-style:italic;font-size:20px;line-height:1.5;color:#6b6560}
.article-body .sources{margin-top:48px;padding-top:24px;border-top:1px solid #e8e5df;font-family:Arial,sans-serif;font-size:14px;color:#6b6560}
.article-body .sources h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;color:#9e9891}
.article-body .sources ol{padding-left:20px}
.article-body .sources li{margin-bottom:6px}
.article-conclusion{background:#1a1917;color:#fff;padding:32px;margin-top:48px}
.article-conclusion p{font-family:Georgia,serif;font-size:19px;line-height:1.7}
.article-disclaimer{margin-top:48px;padding:20px 24px;border:1px solid #e8e5df;font-family:Arial,sans-serif;font-size:13px;color:#9e9891;line-height:1.6}
.article-disclaimer::before{content:'Дисклеймер';display:block;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6b6560;margin-bottom:6px}
.comments-section{margin-top:64px;padding-top:40px;border-top:2px solid #1a1917}
.comments-section h3{font-family:Arial,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#9e9891;margin-bottom:24px}
.comment{padding:18px 0;border-bottom:1px solid #f0ede8}
.comment--expert{background:#f9f8f6;padding:18px 22px;border-left:3px solid #1a1917;margin-bottom:8px}
.comment__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.comment__author{font-family:Arial,sans-serif;font-weight:700;font-size:14px;color:#1a1917}
.comment__expert-badge{font-family:Arial,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;background:#1a1917;padding:2px 8px}
.comment__date,.comment__likes{font-family:Arial,sans-serif;font-size:12px;color:#9e9891;margin-left:8px}
.comment__text{font-family:Georgia,serif;font-size:16px;line-height:1.7;color:#3a3835}
.react-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:Arial,sans-serif;font-size:13px;color:#9e9891;display:inline-flex;align-items:center;gap:5px;transition:color .15s;line-height:1}
.react-btn:hover{color:#6b6560}
.react-btn.is-active{color:#1a1917}
.react-btn.is-active.react--dislike{color:#cc0000}
.comment--removed{opacity:.6;background:#fafafa;border-left:3px solid #ccc}
.comment--removed .comment__text{font-style:italic;color:#9e9891}
.comment__removed{color:#9e9891;font-style:italic}
/* live.css: 63 правил */
.live-section{max-width:720px;margin:64px auto 0;padding:0 24px 80px;font-family:'Arial','Helvetica Neue',sans-serif}
.live-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #1a1917}
.live-header__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#1a1917}
.live-online{display:flex;align-items:center;gap:6px;font-size:11px;color:#6b6560}
.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
.live-form{margin-bottom:40px}
.live-form__name-row{margin-bottom:10px}
.live-form__name{font-size:13px;border:none;border-bottom:1px solid #e8e5df;padding:6px 0;color:#1a1917;background:transparent;outline:none;width:220px;transition:border-color .15s}
.live-form__name:focus{border-bottom-color:#1a1917}
.live-form__name::placeholder{color:#c5bfb8}
.live-form__textarea{width:100%;min-height:88px;border:1px solid #e8e5df;border-radius:2px;padding:14px 16px;font-size:15px;font-family:'Georgia',serif;color:#1a1917;background:#fff;outline:none;resize:vertical;transition:border-color .15s;line-height:1.6}
.live-form__textarea:focus{border-color:#1a1917}
.live-form__textarea::placeholder{color:#c5bfb8}
.live-form__footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.live-form__counter{font-size:11px;color:#c5bfb8}
.live-form__counter.warn{color:#d29922}
.live-form__counter.over{color:#cc0000}
.live-form__submit{background:#1a1917;color:#fff;border:none;padding:9px 22px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .15s}
.live-form__submit:hover:not(:disabled){background:#cc0000}
.live-form__submit:disabled{opacity:.4;cursor:not-allowed}
#live-feed{display:flex;flex-direction:column;gap:0}
.lc{padding:20px 0;border-bottom:1px solid #f0ede8;animation:fadeIn .35s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.lc:last-child{border-bottom:none}
.lc--user .lc__bubble{background:#f9f8f6;border-left:3px solid #cc0000;padding:12px 16px;border-radius:0 2px 2px 0}
.lc__header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.lc__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;color:#fff;user-select:none}
.lc__name{font-size:13px;font-weight:700;color:#1a1917}
.lc__name--user{color:#cc0000}
.lc__meta{font-size:11px;color:#9e9891;margin-left:auto}
.lc__city{font-size:11px;color:#9e9891}
.lc__text{font-size:15px;line-height:1.6;color:#3a3835;font-family:'Georgia',serif;margin:0}
.lc__react{display:flex;align-items:center;gap:14px;margin-top:10px}
.lc--typing .lc__text{color:#9e9891;font-style:italic;font-size:13px}
.typing-dots{display:inline-flex;gap:4px;align-items:center;margin-left:4px}
.typing-dots span{width:5px;height:5px;border-radius:50%;background:#9e9891;animation:typingBounce .9s ease-in-out infinite}
.typing-dots span:nth-child(2){animation-delay:.15s}
.typing-dots span:nth-child(3){animation-delay:.30s}
@keyframes typingBounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}}
.live-online-strip{display:flex;align-items:center;gap:0;margin-bottom:24px}
.live-online-strip__av{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-6px;font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:default}
.live-online-strip__av:first-child{margin-left:0}
.live-online-strip__more{margin-left:8px;font-size:11px;color:#6b6560}
.live-error{font-size:13px;color:#cc0000;padding:8px 0}
.lc__mod{font-size:11px;color:#d29922;font-weight:400;margin-left:6px}
.live-moderated-note{font-size:13px;color:#d29922;background:#fffbf0;border:1px solid #f0e4b0;padding:10px 14px;margin-bottom:16px}
.live-form__captcha{display:flex;align-items:center;gap:10px;margin:12px 0 4px;flex-wrap:wrap}
.live-form__captcha-label{font-size:11px;color:#9e9891;text-transform:uppercase;letter-spacing:1px;margin-right:2px}
.live-form__captcha-img{height:44px;border:1px solid #e8e5df;border-radius:2px;background:#fff;cursor:pointer;user-select:none}
.live-form__captcha-refresh{background:none;border:1px solid #e8e5df;border-radius:2px;width:34px;height:34px;font-size:16px;line-height:1;cursor:pointer;color:#6b6560;transition:all .2s;flex-shrink:0}
.live-form__captcha-refresh:hover{border-color:#1a1917;color:#1a1917;transform:rotate(180deg)}
.live-form__captcha-input{width:86px;border:none;border-bottom:1px solid #e8e5df;padding:6px 4px;font-size:15px;text-align:center;letter-spacing:2px;color:#1a1917;background:transparent;outline:none;transition:border-color .15s}
.live-form__captcha-input:focus{border-bottom-color:#1a1917}
.live-form__reply{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b6560;background:#f9f8f6;border-left:3px solid #cc0000;padding:8px 12px;margin-bottom:10px;animation:fadeIn .2s ease}
.live-form__reply b{color:#1a1917;font-weight:700}
.live-form__reply button{background:none;border:none;color:#9e9891;cursor:pointer;font-size:13px;margin-left:auto;padding:2px 6px}
.live-form__reply button:hover{color:#cc0000}
.live-article-react{display:flex;align-items:center;gap:16px;margin-top:36px;padding-top:20px;border-top:1px solid #f0ede8}
.live-article-react__label{font-size:11px;color:#9e9891;text-transform:uppercase;letter-spacing:1px}
.lc__reply-btn{background:none;border:none;font-size:11px;color:#9e9891;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:2px;transition:color .15s,background .15s;margin-left:6px}
.lc__reply-btn:hover{color:#cc0000;background:#fff0f0}
@media (max-width:600px){.live-section{padding:0 16px 48px;margin:40px auto 0}.live-header{flex-wrap:wrap;gap:8px;margin-bottom:24px}.live-online{font-size:10px}.live-form__name{width:100%}.live-form__footer{flex-direction:column;align-items:flex-start;gap:12px}.live-form__submit{width:100%;text-align:center;padding:11px 22px}.live-form__captcha{flex-wrap:wrap}.live-article-react{flex-wrap:wrap;gap:10px}.lc__text{font-size:14px}.lc__avatar{width:28px;height:28px;font-size:11px}.live-online-strip__av{width:22px;height:22px;font-size:9px}.lc__header{gap:6px}.lc__city{font-size:10px}.live-form__captcha-refresh{width:30px;height:30px}}