/* Статьи базы знаний (собираются drafts/vet-content/data/build_site.py) и страница /articles */

/* текст статьи */
.art sup.fn{font-size:.68em;line-height:0;margin-left:1px}
.art sup.fn a{color:var(--navy);text-decoration:none;font-weight:700}
.art sup.fn a:hover{text-decoration:underline}
.art ol{margin:0 0 18px;padding-left:22px}
.art .tbl-wrap{margin:8px 0 24px}
.art table.tbl th,.art table.tbl td{text-align:left;vertical-align:top;font-variant-numeric:normal;line-height:1.45}
.art table.tbl td{font-size:.92rem}
.art blockquote.note{margin:22px 0}
.art blockquote.note p:last-child{margin-bottom:0}
.art a{color:var(--navy)}

/* частые вопросы */
.faq{border-top:1px solid var(--sand)}
.faq-item{padding:18px 0 4px;border-bottom:1px solid var(--sand)}
.art .faq-item h3{margin:0 0 8px;font-size:1.04rem}
.art .faq-item p{font-size:.98rem;color:#2c3845}

/* источники */
.art h2.src-h{margin-top:48px;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
ol.sources{margin:0;padding-left:22px;font-size:.84rem;color:var(--muted)}
ol.sources li{margin-bottom:6px;line-height:1.45;overflow-wrap:anywhere;scroll-margin-top:110px}
ol.sources li:target{color:var(--ink);background:var(--pale);border-radius:6px}
ol.sources a{color:var(--muted)}
ol.sources span{opacity:.7}

/* страница /articles */
body.page-list .art{max-width:none}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.chip{appearance:none;border:1px solid rgba(33,85,205,.18);background:#fff;color:var(--navy-dark);border-radius:999px;
  padding:10px 16px;min-height:44px;font:600 .9rem var(--font-text);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.chip b{margin-left:4px;color:var(--dust);font-weight:700}
.chip:hover{border-color:var(--navy)}
.chip.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.chip.is-on b{color:#C7D7EE}
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media(max-width:1000px){.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.art-grid{grid-template-columns:1fr}}

/* карточка статьи — общая для списка и слайдера на главной */
.art-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(23,59,114,.08);border-radius:22px;overflow:hidden;
  text-decoration:none;color:var(--ink,#17212B);box-shadow:0 1px 2px rgba(23,59,114,.04),0 12px 30px rgba(23,59,114,.06);
  transition:transform .25s cubic-bezier(.25,.1,.25,1),box-shadow .25s cubic-bezier(.25,.1,.25,1)}
.art-card[hidden]{display:none}
.art-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(23,59,114,.13)}
.art-card-media{display:flex;align-items:center;justify-content:center;height:150px;background:#F4F7FC;border-bottom:1px solid rgba(23,59,114,.06)}
.art-card-media img{height:112px;width:auto;max-width:80%}
.art-card-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.art-card-tag{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#F06449;margin-bottom:10px}
.art-card-title{font-weight:800;font-size:1.06rem;line-height:1.3;margin-bottom:10px;color:#17212B}
.art-card-desc{font-size:.9rem;line-height:1.5;color:#5D6875;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.art-card-meta{margin-top:16px;font-size:.8rem;font-weight:600;color:#2155CD}
@media(prefers-reduced-motion:reduce){.art-card{transition:none}.art-card:hover{transform:none}}

/* лид-магнит внутри статьи: материал присылаем после заявки */
.lm{display:flex;align-items:center;gap:20px;margin:6px 0 26px;padding:20px 22px;border-radius:18px;background:var(--pale);border:1px solid rgba(33,85,205,.14)}
.lm b{display:block;font-family:var(--font-display);font-size:1.02rem;margin-bottom:4px;color:var(--navy-dark)}
.lm span{display:block;font-size:.92rem;color:var(--muted);line-height:1.45}
.lm .btn{flex:none;min-height:44px}
@media(max-width:600px){.lm{flex-direction:column;align-items:stretch;text-align:left}}