/* Страница статьи /articles/{slug} (28.10.2026; шаблон articles/show, данные App\Support\ArticlePage). Классы - внутри .art;
 * шапку и подвал сайта (sc-*) не трогаем. Светлая колонка для чтения в шрифте сайта (Manrope), акцент - коралл сайта.
 * Подпись обложки - значок «©» в углу, подсказка по наведению, фокусу и касанию (без JS - :hover и :focus-within). */

.art{--ink:var(--rd-ink,#14142b);--text:rgba(0,0,0,.84);--muted:#5f6380;--line:#e3e3e8;--acc:#d7313b;
  color:var(--text);padding:28px 0 88px;font-size:18px;line-height:1.65}
.art *,.art *::before,.art *::after{box-sizing:border-box}
.art-in{max-width:760px;margin:0 auto;padding:0 24px}
.art :focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}
.art-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 26px;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.art-crumbs li+li::before{content:"›";margin-right:10px}
.art-crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:rgba(20,20,43,.25);text-underline-offset:3px}
.art-crumbs a:hover{color:var(--ink);text-decoration-color:var(--acc)}
.art-m{margin:0;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.art .art-h1{margin:10px 0 0;font-size:clamp(30px,4.2vw,46px);line-height:1.12;font-weight:800;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.art-lead{margin:18px 0 0;font-size:20px;line-height:1.5;font-weight:500;color:var(--ink);text-wrap:pretty}
.art-cv{position:relative;margin:30px 0 0;border-radius:14px;overflow:clip;background:#e9eaee}
.art-cv img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.art-body{margin-top:30px}
.art-body>*{margin:0 0 1.05em}
.art-body :is(h2,h3){margin:1.6em 0 .5em;line-height:1.25;color:var(--ink)}
.art-body h2{font-size:26px}
.art-body h3{font-size:21px}
.art-body a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.art-body :is(ul,ol){padding-left:1.3em}
.art-body blockquote{margin-left:0;padding-left:18px;border-left:3px solid var(--acc);color:var(--ink)}
.art-body img{max-width:100%;height:auto;border-radius:10px}
.art-tg{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--line);list-style:none}
.art-tg a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);
  font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;transition:box-shadow .15s}
.art-tg a:hover{box-shadow:inset 0 0 0 1.5px var(--acc)}
/* подпись фото: значок «©» в углу, подсказка */
.art .cr{position:static}
.art .cr-b{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;
  background:none;cursor:pointer;color:#fff;font:800 12px/1 var(--font-sans,system-ui);isolation:isolate}
.art .cr-b::before{content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(8,18,22,.58);box-shadow:0 0 0 1px rgba(255,255,255,.6);z-index:-1}
.art .cr-t{position:absolute;z-index:3;top:42px;right:8px;max-width:min(420px,calc(100% - 16px));padding:8px 11px;border-radius:8px;background:#14142b;
  font-size:13px;line-height:1.4;color:#e6e7ee;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.art .cr-t a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.art .cr:hover .cr-t,.art .cr:focus-within .cr-t,.art .cr.is-open .cr-t{opacity:1;visibility:visible;transform:none}
.art-pcr{margin-top:48px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.art-pcr>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:700;color:var(--muted)}
.art-pcr p{margin:4px 0 0}
.art-pcr a{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.art *{transition-duration:.01ms!important}}
@media (max-width:759px){
  .art{font-size:17px;padding:18px 0 64px}
  .art-in{padding:0 16px}
  .art-crumbs ol{font-size:13px;margin-bottom:18px}
  .art-lead{font-size:18px}
  .art-cv{margin-top:22px;border-radius:10px}
  .art-body{margin-top:22px}
}