/* Мобильная раскладка — та же карточка, чуть плотнее полей и шрифта. */
@media(max-width:1024px){
  .at3pp-i{margin:0 0 18px}
  .at3pp-i:last-child{margin-bottom:0}
  .at3pp-ph{position:relative;border-radius:12px;overflow:hidden;background:#eef1f4;
    aspect-ratio:16/9}
  .at3pp-ph img{width:100%;height:100%;object-fit:cover;display:block}
  .at3pp-n{position:absolute;left:10px;top:10px;min-width:24px;height:24px;
    display:flex;align-items:center;justify-content:center;padding:0 7px;
    border-radius:12px;background:rgba(17,24,39,.72);color:#fff;
    font-size:12px;font-weight:700}
  .at3pp-cap{margin:8px 2px 0}
  .at3pp-t{display:block;font-size:15px;font-weight:700;color:#111827;line-height:1.3}
  .at3pp-d{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:#4b5563}
  .at3pp-i.at3pp-nophoto{display:flex;gap:12px;align-items:flex-start;
    padding:13px 14px;background:#f7f8fa;border:1px dashed #dbe1e8;border-radius:12px}
  .at3pp-nophoto .at3pp-n{position:static;flex:0 0 auto;background:#fff;
    color:#8a94a3;border:1px solid #dbe1e8}
  .at3pp-nophoto .at3pp-cap{margin:1px 0 0}
  .at3pp-nophoto .at3pp-t{color:#4b5563}
}
@media(min-width:1025px){
  .at3pp-i{margin:0 0 26px}
  .at3pp-i:last-child{margin-bottom:0}
  .at3pp-ph{position:relative;border-radius:14px;overflow:hidden;background:#eef1f4;
    aspect-ratio:16/9}
  .at3pp-ph img{width:100%;height:100%;object-fit:cover;display:block}
  /* Номер точки — тот же счёт, что и в «Программе» выше: человек видит,
     что это не новая информация, а та же поездка по шагам. */
  .at3pp-n{position:absolute;left:12px;top:12px;min-width:26px;height:26px;
    display:flex;align-items:center;justify-content:center;padding:0 8px;
    border-radius:13px;background:rgba(17,24,39,.72);color:#fff;
    font-size:13px;font-weight:700}
  .at3pp-cap{margin:10px 2px 0}
  .at3pp-t{display:block;font-size:16px;font-weight:700;color:#111827;line-height:1.35}
  .at3pp-d{display:block;margin-top:4px;font-size:15px;line-height:1.55;color:#4b5563}

  /* Точка без фото (владелец, 08.09.2026: «эти точки тоже вписывать но без
     фото, оформить визуально красиво»). Не притворяемся, что фото есть —
     вместо кадра тот же номер, что и у соседних карточек, в лёгком кружке на
     полосе-заглушке. Ниже той же высоты, что подпись под фото: рядом с
     карточками-фото не должно казаться, что здесь ошибка вёрстки. */
  .at3pp-i.at3pp-nophoto{display:flex;gap:16px;align-items:flex-start;
    padding:16px 18px;background:#f7f8fa;border:1px dashed #dbe1e8;border-radius:14px}
  .at3pp-nophoto .at3pp-n{position:static;flex:0 0 auto;background:#fff;
    color:#8a94a3;border:1px solid #dbe1e8}
  .at3pp-nophoto .at3pp-cap{margin:1px 0 0}
  .at3pp-nophoto .at3pp-t{color:#4b5563}
}
/* Подпись автора для фото из Wikimedia Commons — мелко в углу кадра,
   не мешает, но лицензия CC требует указания авторства. */
.at3pp-cr{position:absolute;right:0;bottom:0;max-width:100%;box-sizing:border-box;
  padding:2px 7px;font-size:10px;line-height:1.3;color:#fff;
  background:rgba(17,24,39,.55);border-radius:6px 0 0 0;letter-spacing:.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}