/* Страница индикатора: блок «Как пользоваться». Подключается только на /<lang>/indicator/. */
#guide{min-width:0}
.guide-lead{margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;background:var(--surface);font-size:15px;line-height:1.5;color:var(--muted)}
.guide-lead b{color:var(--ink);font-weight:650}
.guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:gd}
.guide>li{counter-increment:gd;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.guide-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
.guide-shots figure{margin:0;min-width:0;position:relative}
.guide-shots img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#131722}
.guide-shots .zoom-hint{width:24px;height:24px;font-size:14px;right:6px;bottom:6px}
.guide b{display:flex;gap:8px;align-items:baseline;font-size:15px;font-weight:650;line-height:1.3}
.guide b::before{content:counter(gd);flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:var(--accent);font-size:12px;font-weight:700}
.guide span{font-size:14px;line-height:1.45;color:var(--muted)}
.guide-note{margin:12px 0 0;font-size:13px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:1020px){.guide{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  .guide-lead{font-size:13px;padding:10px 12px;margin-bottom:10px}
  .guide{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px}
  .guide>li{flex:0 0 76%;scroll-snap-align:start;padding:10px;gap:8px}
  .guide b{font-size:14px}.guide span{font-size:13px}
  .guide-note{font-size:12px;margin-top:8px}
}
.guide-shots.pair img{aspect-ratio:4/5}
