/* JA-25/26: маскот в статьях гидов — вступление и слот перед навигацией чтения, реплики в потоке с действием раздела, ссылки секций и схемы.
   Подключает inc/guide-progress.php на всех девяти гидах после guide-progress.css. Цвета — токены hub.css; у схем свои переменные для дня и ночи. Анимаций нет. */
.hg-guide-intro>.hg-mascot{margin:8px 0 28px}
/* У позы нет ночной пары в реестре hg_c1_mascot_poses() (data-hg-guide-night=none): в тёмной теме реплика без фигуры. */
html[data-theme=dark] .hg-guide-intro[data-hg-guide-night=none] .hg-mascot-figure{display:none}
html[data-theme=dark] .hg-guide-intro[data-hg-guide-night=none] .hg-mascot-bubble::before{display:none}
/* Иллюстрация осмотра (jp_mascot_illustration(), /inspection/). Без ночной сцены в медиатеке — только дневная: в тёмной теме не выводится (JA-26 A1).
   JA-27: с ночной сценой — пара .hg-scene. Обе картинки в одном боксе пропорции дневной сцены, вписаны без обрезки (object-fit: contain);
   видна одна по html[data-theme] — переключение темы не меняет геометрию. Скрытая картинка (loading=lazy, display:none) заранее не грузится. */
html[data-theme=dark] .jp-editorial>.jp-mascot-illustration:not(.hg-scene){display:none}
.hg-store .jp-editorial .hg-scene .hg-scene__box{position:relative;display:block;aspect-ratio:1600/1198}
.hg-store .jp-editorial .hg-scene .hg-scene__box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hg-store .jp-editorial .hg-scene [data-hg-scene-theme=night],html[data-theme=dark] .hg-store .jp-editorial .hg-scene [data-hg-scene-theme=day]{display:none}
html[data-theme=dark] .hg-store .jp-editorial .hg-scene [data-hg-scene-theme=night]{display:block}

/* Реплика маскота в потоке: видна на mobile и без JS. На desktop с панелью оглавления та же подсказка уже в панели. */
.hg-store .jp-editorial .hg-guide-remark{max-width:760px;margin:20px 0 0;padding:12px 16px;border-left:3px solid var(--hg-red);border-radius:4px 12px 12px 4px;background:var(--hg-soft)}
.hg-store .jp-editorial .hg-guide-remark p{margin:0;color:var(--hg-ink)}
.hg-store .jp-editorial .hg-guide-remark .hg-guide-remark__who{font-size:12px;font-weight:700;line-height:1.6;color:var(--hg-muted)}
.hg-store .jp-editorial .hg-guide-remark .hg-guide-remark__text{font-size:15px;line-height:1.8}
.hg-store .jp-editorial .hg-guide-remark .hg-guide-remark__action{display:inline-flex;align-items:center;min-height:44px;color:var(--hg-red);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hg-guide-remark__action:hover{color:var(--hg-red-hover)}
.hg-guide-remark__action:focus-visible{outline:2px solid var(--hg-red);outline-offset:2px}
@media(min-width:1000px){.hg-store .jp-editorial.hg-guide-on .hg-guide-remark{display:none}}

/* Ссылки секции: язык страницы сохраняется (jp_link), ссылка на неопубликованную страницу не выводится. */
.hg-store .jp-editorial .hg-section-links{display:flex;flex-wrap:wrap;gap:0 20px;margin:8px 0 0;font-size:15px;line-height:1.5}
.hg-section-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--hg-red);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hg-section-links a:hover{color:var(--hg-red-hover)}
.hg-section-links a:focus-visible{outline:2px solid var(--hg-red);outline-offset:2px}
.hg-section-links svg{flex:none;width:18px;height:18px}

/* Схемы (parts/guide-figure.php): геометрия в разметке, здесь только цвет и раскладка подписей. */
.hg-figure{--hg-fig-tyre:#2f3237;--hg-fig-rim:#c3c9cf;--hg-fig-face:#eef0f2;--hg-fig-hub:#8a9199;--hg-fig-inner:#f6f7f8;--hg-fig-brake:#6f7a86;--hg-fig-line:#6b7178;max-width:640px;margin:22px 0 0;padding:16px 16px 12px;border:1px solid var(--hg-line);border-radius:12px;background:var(--hg-white);color:var(--hg-ink);box-sizing:border-box}
html[data-theme=dark] .hg-figure{--hg-fig-tyre:#5b6067;--hg-fig-rim:#a3aab2;--hg-fig-face:#2b2e33;--hg-fig-hub:#cfd4da;--hg-fig-inner:#1b1d20;--hg-fig-brake:#8e99a5;--hg-fig-line:#b8bdc3}
.hg-figure__art{display:block;width:100%;height:auto}
.hg-fig-tyre{fill:var(--hg-fig-tyre)}
.hg-fig-rim{fill:var(--hg-fig-rim)}
.hg-fig-face{fill:var(--hg-fig-face)}
.hg-fig-hub{fill:var(--hg-fig-hub)}
.hg-fig-inner{fill:var(--hg-fig-inner)}
.hg-fig-disc{fill:none;stroke:var(--hg-fig-brake);stroke-width:3}
.hg-fig-caliper{fill:var(--hg-fig-brake)}
.hg-fig-gap{fill:var(--hg-fig-line);fill-opacity:.55}
.hg-fig-touch{fill:var(--hg-red)}
.hg-fig-outer{stroke:var(--hg-fig-line);stroke-width:1.2;stroke-dasharray:5 4}
.hg-fig-side{fill:none;stroke:var(--hg-red);stroke-width:2.4;stroke-linecap:round}
.hg-fig-axis{stroke:var(--hg-fig-line);stroke-width:1.2}
.hg-fig-band{fill:var(--hg-red);fill-opacity:.18;stroke:var(--hg-red);stroke-width:1.5}
.hg-fig-mark{stroke:var(--hg-ink);stroke-width:2}
.hg-fig-num{fill:var(--hg-ink);font-size:12px;font-variant-numeric:tabular-nums}
.hg-store .jp-editorial .hg-figure__labels{display:grid;grid-template-columns:repeat(var(--hg-fig-cols,1),minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;text-align:center}
.hg-store .jp-editorial .hg-figure__labels li{display:flex;flex-direction:column;gap:2px;margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.hg-figure__labels strong{font-weight:700}
.hg-figure__labels span{font-size:12px;color:var(--hg-muted)}
.hg-store .jp-editorial .hg-figure__legend{display:flex;flex-wrap:wrap;gap:4px 18px;margin:12px 0 0;padding:0;list-style:none;font-size:12px;line-height:1.6;color:var(--hg-muted)}
.hg-store .jp-editorial .hg-figure__legend li{display:inline-flex;align-items:center;gap:6px;margin:0}
.hg-figure__key{flex:none;display:inline-block;width:22px;height:0;border-top:2.4px solid var(--hg-red)}
.hg-figure__key--outer{border-top:1.5px dashed var(--hg-fig-line)}
.hg-figure__key--brake{height:10px;border:0;border-radius:2px;background:var(--hg-fig-brake)}
.hg-figure figcaption{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--hg-line);font-size:13px;line-height:1.6;color:var(--hg-muted)}
.hg-figure__source{display:block;margin-top:4px;font-size:12px}
/* Справка по спидометру — компактная, уже схемы профиля. */
.hg-figure--speedometer{max-width:520px;padding:12px 14px 10px}
.hg-figure--speedometer .hg-figure__art{max-width:420px;margin:4px 0 0}
.hg-store .jp-editorial .hg-figure__formula{margin:0;font-size:14px;line-height:1.6;color:var(--hg-ink)}
.hg-figure__formula code{padding:2px 6px;border-radius:4px;background:var(--hg-soft);color:var(--hg-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}
.hg-store .jp-editorial .hg-figure__facts{margin:6px 0 0;padding:0 0 0 18px;font-size:13px;line-height:1.7}
.hg-store .jp-editorial .hg-figure__facts li{margin:0}