/* Приближение вёрстки статьи VC.ru: серый фон, белая карточка 640px, Roboto 17/26 */
.skin-vc { background: #f2f2f2; color: #000; font: 17px/26px Roboto, system-ui, -apple-system, "Segoe UI", sans-serif; }
.vc-header { background: #fff; border-bottom: 1px solid #e6e6e6; }
.vc-header__in { max-width: 1100px; margin: 0 auto; height: 60px; display: flex; align-items: center; gap: 20px; padding-inline: 16px; font-size: 15px; }
.vc-logo { font-weight: 700; font-size: 24px; letter-spacing: -.02em; }
.vc-logo span { color: #e8375a; }
.vc-search { flex: 1; max-width: 360px; background: #f2f2f2; border-radius: 10px; padding: 8px 14px; color: #777; }
.vc-write { margin-left: auto; background: #4d8ef7; color: #fff; border-radius: 10px; padding: 8px 14px; }

.vc-layout { padding-block: 16px 60px; padding-inline: 16px; }
.vc-entry { max-width: 640px; margin: 0 auto; background: #fff; border-radius: 10px; padding: 20px 0 6px; }
.vc-author { display: flex; align-items: center; gap: 10px; padding: 0 24px 14px; font-size: 15px; line-height: 20px; }
.vc-ava { width: 36px; height: 36px; border-radius: 10px; background: #dfe8f7; color: #2b5aa8; display: grid; place-items: center; font-weight: 500; }
.vc-name { font-weight: 500; }
.vc-sub { color: #8a8a8a; font-size: 14px; }
.vc-sub-btn { margin-left: auto; font-size: 14px; background: #f2f2f2; border-radius: 8px; padding: 6px 12px; }

.vc-content h1 { font-size: 28px; line-height: 36px; font-weight: 500; margin: 0 0 16px; padding: 0 24px; }
.vc-content h2 { font-size: 22px; line-height: 30px; font-weight: 500; margin: 30px 0 10px; padding: 0 24px; }
.vc-content h3 { font-size: 19px; line-height: 26px; font-weight: 500; margin: 22px 0 8px; padding: 0 24px; }
.vc-content p { margin: 0 0 12px; padding: 0 39px 0 24px; }
.vc-content ul, .vc-content ol { margin: 0 0 14px; padding: 0 39px 0 50px; }
.vc-content li { margin-bottom: 8px; }
.vc-content a { color: #346ed2; text-decoration: none; }
.vc-content strong { font-weight: 500; }
.vc-content code { background: #f2f2f2; border-radius: 4px; padding: 1px 5px; font-size: 15px; }
.vc-content blockquote { margin: 20px 0; padding: 0 39px 0 24px; font-size: 22px; line-height: 30px; }
.vc-content blockquote p { padding: 0; }
.vc-content figure { margin: 18px 0 20px; }
.vc-content figure img { width: 100%; }
.vc-content figcaption { color: #595959; font-size: 15px; line-height: 22px; text-align: center; padding: 8px 24px 0; }
.vc-content hr { border: 0; margin: 26px 24px; text-align: center; }
.vc-content hr::after { content: "* * *"; color: #999; letter-spacing: .4em; }
.vc-content > p:last-child em { color: #595959; }
.vc-footer { display: flex; gap: 22px; padding: 14px 24px 10px; color: #595959; font-size: 15px; border-top: 1px solid #f0f0f0; margin-top: 18px; }
.vc-views { margin-left: auto; }