/* press-marquee.css v1 — бегущая строка изданий «Мы в СМИ» (один компонент на все страницы).
   Разметка: server/press/press-marquee.partial.html (собирает server/press/marquee_build.py, обновляет press-marquee.js).
   Чистый CSS: две одинаковые ленты, сдвиг на −50 %, бесшовно. Пауза при наведении и фокусе.
   prefers-reduced-motion: неподвижный ряд с переносом, копия скрыта. Отступ сверху задаёт страница: style="--pm-space:28px". */
html .pm{
  --pm-navy:#142033; --pm-gold:#c6a15b; --pm-h:56px; --pm-gap:28px; --pm-fs:20px;
  display:block; align-self:stretch; width:100%; max-width:100%; min-width:0; contain:inline-size;
  margin:var(--pm-space,24px) 0 0; color:var(--pm-navy);
}
html .pm__link{
  display:block; position:relative; overflow:hidden; border-radius:12px; color:inherit; text-decoration:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);
}
html .pm__link:focus{outline:none}
html .pm__link:focus-visible{outline:2px solid var(--pm-gold); outline-offset:-2px; -webkit-mask-image:none; mask-image:none}
html .pm__track{display:flex; width:max-content; animation:pm-run var(--pm-dur,60s) linear infinite; will-change:transform}
html .pm:hover .pm__track, html .pm:focus-within .pm__track{animation-play-state:paused}
html .pm__row{display:flex; flex:none; align-items:center; margin:0; padding:0; list-style:none}
html .pm__item{display:flex; flex:none; align-items:center; height:var(--pm-h); margin:0; padding:0}
html .pm__item::after{content:""; flex:none; width:4px; height:4px; margin:0 var(--pm-gap); border-radius:50%; background:var(--pm-gold)}
html .pm__wm{
  font-family:var(--font-display,"Literata",Georgia,serif); font-size:var(--pm-fs); line-height:1; font-weight:600;
  letter-spacing:.005em; white-space:nowrap; color:var(--pm-navy);
}
html .pm__logo{display:block; width:auto; height:17px}
html .pm__logo--tass{height:30px; border-radius:2px}
html .pm__logo--vedomosti{height:20px}
html .pm__link:hover .pm__wm{color:#24365a}
@keyframes pm-run{from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)}}
@media (max-width:767px){
  html .pm{--pm-h:48px; --pm-gap:20px; --pm-fs:18px}
  html .pm__logo{height:15px} html .pm__logo--tass{height:26px} html .pm__logo--vedomosti{height:17px}
  html .pm__link{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}
}
@media (prefers-reduced-motion:reduce){
  html .pm{--pm-gap:16px}
  html .pm__link{-webkit-mask-image:none; mask-image:none}
  html .pm__track{animation:none; width:auto; transform:none}
  html .pm__row{flex:1 1 auto; flex-wrap:wrap}
  html .pm__row[aria-hidden="true"]{display:none}
  html .pm__item{height:40px}
}
/* телефон + без анимации: тот же неподвижный ряд одной строкой, листается пальцем (страница не прокручивается вбок) */
@media (prefers-reduced-motion:reduce) and (max-width:767px){
  html .pm__link{overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; -webkit-overflow-scrolling:touch}
  html .pm__track{width:max-content}
  html .pm__row{flex:none; flex-wrap:nowrap}
  html .pm__item{height:48px}
}