/* Статьи: страница статьи и список. Цвета и шрифты — переменные --art-*:
   сначала берутся переменные темы (если есть), иначе — нейтральные запасные значения.
   Перекрасить на другом сайте — переопределить --art-* в теме. */
.art-page,.art-list{
  --art-maxw:var(--maxw,1200px);
  --art-pad-x:clamp(16px,4vw,48px);
  --art-text:var(--ink,#1f2328);
  --art-muted:var(--ink-soft,#57606a);
  --art-faint:var(--ink-faint,#8c959f);
  --art-accent:var(--teal-deep,#1f5f9e);
  --art-accent-soft:var(--teal-tint,rgba(31,95,158,0.08));
  --art-card:var(--card,#fff);
  --art-line:var(--line,rgba(0,0,0,0.12));
  --art-radius:var(--radius-lg,10px);
  --art-radius-sm:var(--radius,6px);
  --art-shadow:var(--shadow,0 8px 30px rgba(0,0,0,0.08));
  --art-head-font:var(--head-font,inherit);

  color:var(--art-text);
}
.art-page *,.art-list *{box-sizing:border-box}

/* ---- общее: ширина как у блоков конструктора ---- */
.art-page__head,.art-list{max-width:var(--art-maxw);margin:0 auto;padding-left:var(--art-pad-x);padding-right:var(--art-pad-x)}
.art-page__head{padding-top:clamp(24px,4vw,48px)}
.art-list{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(40px,6vw,72px)}

/* ---- хлебные крошки ---- */
.art-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 18px;font-size:13.5px;color:var(--art-muted)}
.art-crumbs a{color:var(--art-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.art-crumbs a:hover{color:var(--art-accent);border-bottom-color:currentColor}
.art-crumbs__sep{color:var(--art-faint)}
.art-crumbs [aria-current]{color:var(--art-text)}
.art-crumbs--rank-math p{margin:0}
.art-crumbs--rank-math .separator{margin:0 8px;color:var(--art-faint)}

/* ---- страница статьи ---- */
.art-page__title,.art-list__title{margin:0;font-family:var(--art-head-font);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.12;letter-spacing:-0.01em;color:var(--art-text)}
.art-page__meta{margin-top:12px;font-size:14px;color:var(--art-muted)}
.art-page__cover{margin:clamp(20px,3vw,32px) 0 0}
.art-page__img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:var(--art-radius)}
.art-page__body{margin-top:clamp(8px,2vw,16px)}

/* ---- список статей ---- */
.art-list__desc{margin-top:12px;max-width:65ch;color:var(--art-muted);line-height:1.6}
.art-list__desc p{margin:0}
.art-grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(24px,3vw,36px)}
.art-list__empty{margin-top:24px;color:var(--art-muted)}

.art-card{min-width:0}
.art-card__link{display:flex;flex-direction:column;height:100%;background:var(--art-card);border:1px solid var(--art-line);border-radius:var(--art-radius);overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.art-card__link:hover{transform:translateY(-3px);box-shadow:var(--art-shadow);border-color:var(--art-accent)}
.art-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--art-accent-soft)}
.art-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.art-card__link:hover .art-card__img{transform:scale(1.04)}
.art-card__noimg{display:block;width:100%;height:100%}
.art-card__body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px}
.art-card__date{font-size:12.5px;color:var(--art-faint)}
.art-card__title{margin:0;font-family:var(--art-head-font);font-weight:400;font-size:1.3rem;line-height:1.2;color:var(--art-text)}
.art-card__link:hover .art-card__title{color:var(--art-accent)}
.art-card__excerpt{margin:0;font-size:14.5px;line-height:1.55;color:var(--art-muted)}

/* ---- разбивка по страницам ---- */
.art-pages{margin-top:clamp(28px,4vw,44px)}
.art-pages ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.art-pages a,.art-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--art-line);border-radius:var(--art-radius-sm);font-size:14.5px;color:var(--art-text);text-decoration:none;background:var(--art-card)}
.art-pages a:hover{border-color:var(--art-accent);color:var(--art-accent)}
.art-pages .current{background:var(--art-accent);border-color:var(--art-accent);color:#fff}
.art-pages .dots{border:0;background:none}

@media (max-width:1024px){ .art-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .art-grid-list{grid-template-columns:minmax(0,1fr)} }

/* Блоки конструктора внутри статьи — прежние отступы (общие отступы конструктора на вёрстку статей не влияют) */
.art-page__body .pb-blocks{
  --pb-gap-y:calc(clamp(28px,4.5vw,56px) / 2);
  --pb-gap-first:clamp(28px,4.5vw,56px);
  --pb-gap-last:clamp(28px,4.5vw,56px);
}