/* Общая система стилей для статей Пресс-центра: типографика, TOC, callout-блоки,
   таблицы, FAQ-аккордеон (классы совместимы с faq.html), related-карточки, источники. */

.art-wrap{width:100%;max-width:var(--max,1600px);margin:0 auto;padding-inline:clamp(24px,4.4vw,84px);box-sizing:border-box}
.art-col{max-width:820px}

/* Шапка статьи */
.art-meta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:'Golos Text',monospace;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--mid,#6f7479);margin-bottom:18px}
.art-meta-row .art-rubric{color:var(--purple,#6b2d8b);font-weight:700}
.art-meta-row span+span::before{content:'·';margin-right:14px;color:var(--line,rgba(36,39,43,.11))}
.art-h1{margin:0 0 22px;font-family:'Magistral','Golos Text',sans-serif;font-weight:700;font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-.015em;max-width:920px}
.art-lead{max-width:820px;margin:0 0 26px;font-family:'Golos Text',sans-serif;font-size:clamp(18px,1.4vw,21px);line-height:1.55;color:#3b3f43;font-weight:500}
.art-byline{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--line,rgba(36,39,43,.11));border-bottom:1px solid var(--line,rgba(36,39,43,.11));margin-bottom:30px;font-size:13px;color:var(--mid,#6f7479)}
.art-byline b{color:var(--ink,#24272b);font-weight:600}

/* ===== Изображения в статье: единая система =====
   Обложка (.art-hero-media) — всегда 16:9, выровнена по левому краю колонки, шире текста (до 1100 px).
   Фото в тексте (figure.art-photo) — три варианта: обычное (ширина колонки), .is-wide (до 1100 px), .is-side (справа, текст обтекает).
   Пара фото — figure.art-photo.is-pair с двумя img. Подпись — figcaption, одна фраза о том, что на снимке. */
.art-hero-media{width:100%;max-width:var(--max,1600px);margin:0 auto 12px;padding-inline:clamp(24px,4.4vw,84px);box-sizing:border-box}
.art-hero-media img{display:block;width:100%;max-width:1100px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#eef0f0}
.art-hero-caption{max-width:820px;margin:0 0 34px;padding-left:14px;border-left:2px solid var(--gold,#c9a227);font-size:13px;color:var(--mid,#6f7479);line-height:1.5}

.art-body .art-photo,.art-photo{margin:28px 0 30px;max-width:820px}
.art-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:#eef0f0}
.art-photo figcaption{margin-top:10px;padding-left:14px;border-left:2px solid var(--gold,#c9a227);font-size:13px;line-height:1.5;color:var(--mid,#6f7479)}
.art-photo.is-wide{max-width:none;width:min(1100px,calc(100vw - 2*clamp(24px,4.4vw,84px)))}
.art-photo.is-wide img{aspect-ratio:16/9}
.art-photo.is-side{float:right;width:46%;max-width:380px;margin:6px 0 18px 36px}
.art-photo.is-side img{aspect-ratio:4/5}
.art-photo.is-side.is-landscape img{aspect-ratio:4/3}
.art-photo.is-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.art-photo.is-pair img{aspect-ratio:4/3}
.art-photo.is-pair figcaption{grid-column:1/-1}
.art-body h2,.art-body h3{clear:both}
@media(max-width:820px){.art-photo.is-side{float:none;width:100%;max-width:100%;margin:24px 0}.art-photo.is-side img{aspect-ratio:3/2}.art-photo.is-pair{grid-template-columns:1fr}}

/* Старое одиночное фото — оставлено для совместимости, новым статьям использовать .art-photo */
.art-figure-photo{max-width:820px;margin:28px 0 30px}
.art-figure-photo img{width:100%;height:auto;display:block;border-radius:6px;background:#eef0f0;aspect-ratio:3/2;object-fit:cover}
.art-figure-photo figcaption{margin-top:10px;padding-left:14px;border-left:2px solid var(--gold,#c9a227);font-size:13px;color:var(--mid,#6f7479);line-height:1.5}

/* TOC */
.art-toc{background:#fff;border:1px solid var(--line,rgba(36,39,43,.11));padding:20px 24px;margin-bottom:38px;max-width:820px}
.art-toc-title{font-family:'Golos Text',monospace;font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold,#c9a227);margin-bottom:12px}
.art-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;display:grid;gap:8px}
.art-toc li{counter-increment:toc;font-size:13.5px}
.art-toc li::before{content:counter(toc) '. ';color:var(--purple,#6b2d8b);font-weight:700}
.art-toc a{color:var(--ink,#24272b);transition:.15s}
.art-toc a:hover,.art-toc a.is-active{color:var(--purple,#6b2d8b)}

/* Тело статьи */
.art-body{max-width:820px;font-family:'Golos Text',sans-serif;font-size:17px;line-height:1.72;color:#33373b}
.art-body h2{scroll-margin-top:90px;margin:44px 0 16px;font-family:'Magistral','Golos Text',sans-serif;font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;color:var(--ink,#24272b)}
.art-body h3{scroll-margin-top:90px;margin:30px 0 12px;font-family:'Magistral','Golos Text',sans-serif;font-size:clamp(19px,1.7vw,23px);font-weight:600;letter-spacing:-.01em;color:var(--ink,#24272b)}
.art-body p{margin:0 0 18px}
.art-body ul,.art-body ol{margin:0 0 18px;padding-left:22px}
.art-body li{margin-bottom:8px}
.art-body strong{color:var(--ink,#24272b);font-weight:700}
.art-body a{color:var(--purple,#6b2d8b);text-decoration:underline;text-underline-offset:2px}

/* Callout-блоки */
.art-callout{max-width:1000px;margin:26px 0;padding:20px 24px;border-left:3px solid var(--purple,#6b2d8b);background:rgba(107,45,139,.045)}
.art-callout.is-warn{border-left-color:var(--gold,#c9a227);background:rgba(201,162,39,.06)}
.art-callout-title{font-family:'Golos Text',monospace;font-size:10.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--purple,#6b2d8b);margin-bottom:8px}
.art-callout.is-warn .art-callout-title{color:#8a6a10}
.art-callout p{margin:0;font-size:15.5px;line-height:1.65;color:#3b3f43}
.art-callout p+p{margin-top:10px}

/* Таблицы */
.art-table-wrap{max-width:1100px;overflow-x:auto;margin:24px 0}
.art-table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff}
.art-table th,.art-table td{padding:11px 16px;border:1px solid var(--line,rgba(36,39,43,.11));text-align:left}
.art-table th{background:#f6f5f3;font-family:'Golos Text',sans-serif;font-weight:700;color:var(--ink,#24272b);white-space:nowrap}
.art-table td{color:#3b3f43}
.art-table tr:nth-child(even) td{background:rgba(36,39,43,.015)}

/* Карточки-вырезки моделей (каталожные PNG без фона), не для фотографий */
.art-figure{max-width:1100px;margin:28px 0}
.art-figure-media{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.art-figure-item{background:#fff;border:1px solid var(--line,rgba(36,39,43,.11));padding:18px;text-align:center}
.art-figure-item img{max-width:100%;max-height:180px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(26,26,26,.12))}
.art-figure-item span{display:block;margin-top:10px;font-size:12.5px;color:var(--mid,#6f7479)}
.art-figure-caption{margin-top:10px;font-size:12.5px;color:var(--mid,#6f7479);line-height:1.5}

/* FAQ (совместимо с faq.html: .faqi/.faqq/.faqa + toggleFaq()) */
.art-faq{max-width:820px;margin:10px 0 8px}
.faqi{background:#fff;border:1px solid var(--line,rgba(36,39,43,.11));margin-bottom:10px}
.faqq{width:100%;text-align:left;padding:18px 22px;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Golos Text',sans-serif;font-size:14.5px;font-weight:600;color:var(--ink,#24272b)}
.faqq .ic{flex:0 0 auto;font-size:18px;color:var(--purple,#6b2d8b);transition:transform .2s ease}
.faqi.open .faqq .ic{transform:rotate(45deg)}
.faqa{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 22px}
.faqi.open .faqa{max-height:300px;padding-bottom:18px}
.faqa p{margin:0;font-size:14px;line-height:1.65;color:var(--mid,#6f7479)}

/* Источники */
.art-sources{max-width:820px;margin:26px 0 8px;font-size:13px;color:var(--mid,#6f7479);line-height:1.7}
.art-sources li{margin-bottom:4px}

/* Related */
.art-related{padding:44px 0 10px}
.art-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art-related-card{display:block;background:#fff;border:1px solid var(--line,rgba(36,39,43,.11));padding:20px 22px;transition:.18s}
.art-related-card:hover{border-color:rgba(107,45,139,.3);transform:translateY(-2px)}
.art-related-card .r-label{font-family:'Golos Text',monospace;font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--purple,#6b2d8b);margin-bottom:8px}
.art-related-card h4{margin:0;font-family:'Magistral','Golos Text',sans-serif;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--ink,#24272b)}

.art-back{display:inline-flex;align-items:center;gap:8px;margin:14px 0 40px;font-size:13px;font-weight:600;color:var(--mid,#6f7479)}
.art-back:hover{color:var(--purple,#6b2d8b)}

@media(max-width:900px){
  .art-figure-media{grid-template-columns:1fr}
  .art-related-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .art-wrap{padding-inline:15px}
  .art-body{font-size:16px}
}