/* verumvet.ru — стили статического каталога (генерируется gen.js) */
  .vc-top { border-bottom: 1px solid var(--rule); background: var(--white, #fff); }
  .vc-top-in { max-width: 820px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  .vc-mark { font-family: var(--serif); font-size: 1.25rem; color: var(--ink); text-decoration: none; }
  .vc-mark span { color: var(--accent); }
  .vc-top-nav { display: flex; gap: 16px; font-size: 0.8125rem; }
  .vc-top-nav a { color: var(--ink-soft); text-decoration: none; }
  .vc-top-nav a:hover { color: var(--accent); }
  .vc-aud { max-width: 820px; margin: 0 auto; padding: 8px 24px 0; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-muted); }
  .vc-wrap { max-width: 820px; margin: 0 auto; padding: 0 24px; }
  .vc-nav { padding: 18px 0 20px; font-size: 0.8125rem; color: var(--ink-muted); line-height: 1.7; }
  .vc-nav a { color: var(--ink-muted); text-decoration: none; }
  .vc-nav a:hover { color: var(--ink); text-decoration: underline; }
  .vc-crumb { margin: 0 6px; opacity: 0.5; }
  .vc-hero { padding: 8px 0 28px; border-bottom: 1px solid var(--rule); }
  .vc-h1 { font-family: var(--serif); font-weight: 400; font-size: 2.1rem; line-height: 1.15; margin: 12px 0 12px; color: var(--ink); overflow-wrap: anywhere; }
  .vc-badge { display: inline-block; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; color: #fff; }
  .vc-flag { display: inline-block; font-size: 0.72rem; font-weight: 500; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--rule); color: var(--ink-soft); margin-left: 6px; }
  .vc-meta { font-size: 0.875rem; color: var(--ink-muted); margin: 10px 0 0; }
  .vc-body { padding: 26px 0 8px; font-size: 1.0625rem; line-height: 1.7; color: var(--ink); }
  .vc-body p { margin: 0 0 16px; }
  .vc-h2 { font-family: var(--serif); font-weight: 400; font-size: 1.45rem; margin: 30px 0 12px; color: var(--ink); }
  .vc-h3 { font-size: 0.95rem; font-weight: 600; margin: 22px 0 8px; color: var(--ink); letter-spacing: 0.01em; }
  .vc-list { margin: 0; padding: 0 0 0 20px; font-size: 0.975rem; line-height: 1.6; }
  .vc-list li { margin: 0 0 8px; }
  .vc-list small { color: var(--ink-muted); font-size: 0.875rem; }
  .vc-tag { display: inline-block; font-size: 0.72rem; padding: 1px 7px; border-radius: 4px; background: var(--accent-muted, rgba(14,124,90,0.12)); color: var(--ink-soft); margin-left: 4px; white-space: nowrap; }
  .vc-red { background: #FEF2F2; border-left: 3px solid #B91C1C; padding: 12px 16px 6px; border-radius: 4px; margin: 8px 0 8px; }
  .vc-red .vc-h3 { margin-top: 0; color: #9B1C1C; }
  .vc-draft { background: rgba(217,119,6,0.08); color: var(--ink-soft); border-left: 3px solid rgba(217,119,6,0.6); padding: 10px 14px; margin: 4px 0 8px; font-size: 0.875rem; line-height: 1.5; border-radius: 3px; }
  .vc-ok { display: inline-block; background: var(--accent-light, #ECFDF5); color: var(--accent); border: 1px solid var(--accent-muted); padding: 4px 12px; border-radius: 999px; font-size: 0.8125rem; font-weight: 500; }
  .vc-prog-meta { font-size: 0.875rem; color: var(--ink-muted); margin-top: 6px; }
  .vc-prog-meta span { margin-right: 14px; }
  .vc-src { margin: 26px 0 0; padding: 14px 18px; background: #F5F5F4; border-radius: 8px; font-size: 0.875rem; color: var(--ink-muted); line-height: 1.55; }
  .vc-src b { color: var(--ink); font-weight: 500; }
  .vc-cta { display: inline-flex; align-items: center; gap: 8px; margin: 22px 0 0; padding: 11px 20px; background: var(--accent, #0E7C5A); color: #fff; border-radius: 8px; text-decoration: none; font-size: 0.9375rem; font-weight: 500; }
  .vc-cta:hover { opacity: 0.92; }
  .vc-disc { padding: 16px 0 0; font-size: 0.8125rem; color: var(--ink-muted); font-style: italic; line-height: 1.55; }
  .vc-grid { display: grid; gap: 10px; padding: 8px 0 24px; }
  .vc-card { display: block; padding: 14px 18px; border: 1px solid var(--rule); border-radius: 10px; text-decoration: none; color: var(--ink); transition: border-color 0.18s, background 0.18s; }
  .vc-card:hover { border-color: var(--accent, #0E7C5A); background: #FAFAFA; }
  .vc-card-t { font-weight: 500; font-size: 1.0625rem; overflow-wrap: anywhere; }
  .vc-card-d { font-size: 0.875rem; color: var(--ink-muted); margin-top: 5px; line-height: 1.5; }
  .vc-sec { font-family: var(--serif); font-weight: 400; font-size: 1.35rem; margin: 30px 0 10px; color: var(--ink); }
  .vc-sec a { color: inherit; text-decoration: none; }
  .vc-sec small { font-family: var(--sans); font-size: 0.8125rem; color: var(--ink-muted); margin-left: 6px; }
  .vc-names { columns: 2 280px; column-gap: 28px; margin: 0; padding: 0 0 0 18px; font-size: 0.95rem; line-height: 1.55; }
  .vc-names li { margin: 0 0 6px; break-inside: avoid; }
  .vc-names a { color: var(--ink); text-decoration: none; }
  .vc-names a:hover { color: var(--accent); text-decoration: underline; }
  .vc-rel { margin: 34px 0 0; padding: 20px 0 0; border-top: 1px solid var(--rule); }
  .vc-foot { margin-top: 30px; padding: 22px 0 60px; border-top: 1px solid var(--rule); font-size: 0.8125rem; color: var(--ink-muted); line-height: 1.8; }
  .vc-foot a { color: inherit; }
  .vc-stats { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 16px 0 0; font-size: 0.9375rem; color: var(--ink-soft); }
  .vc-stats b { font-family: var(--serif); font-weight: 400; font-size: 1.6rem; color: var(--ink); display: block; }
  @media (max-width: 560px) { .vc-h1 { font-size: 1.65rem; } .vc-top-in, .vc-wrap, .vc-aud { padding-left: 16px; padding-right: 16px; } .vc-body { font-size: 1rem; } }