/*
 * Подписи фото (28.10.2026) - один набор на весь сайт: значок «©» в углу фото (компонент x-photo-credit) и полоса
 * «Авторы фото» над подвалом (partials/photo-credits-list). Подключает layouts/site, если на странице есть значок.
 * Положение и вид значка в оформлениях страниц - CSS-переменными (--phcr-x/-y - отступ от угла, --phcr-size, --phcr-bg,
 * --phcr-bg-on, --phcr-fg, --phcr-ring, --phcr-tip-w) у самого значка или любого его предка, без переопределения правил ниже.
 */

/* обёртка фото, в угол которой ставится значок (значок - вне ссылки на фото, рядом с ней) */
.phcr-host{position:relative}

.phcr{
  position:absolute;z-index:6;display:block;width:var(--phcr-size,18px);height:var(--phcr-size,18px);margin:0;padding:0;
  font:500 13px/1.35 Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:normal;text-transform:none;text-align:left;
  white-space:normal;transform:none;filter:none;opacity:1}
.phcr--br{right:var(--phcr-x,8px);bottom:var(--phcr-y,8px)}
.phcr--tr{right:var(--phcr-x,8px);top:var(--phcr-y,8px)}
.phcr--bl{left:var(--phcr-x,8px);bottom:var(--phcr-y,8px)}
.phcr--tl{left:var(--phcr-x,8px);top:var(--phcr-y,8px)}

.phcr>.phcr__b{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;
  width:var(--phcr-size,18px);height:var(--phcr-size,18px);border-radius:50%;background:var(--phcr-bg,rgba(16,18,22,.55));color:var(--phcr-fg,#fff);
  font:700 calc(var(--phcr-size,18px) * .66)/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  box-shadow:0 0 0 1px var(--phcr-ring,rgba(255,255,255,.62)),0 1px 3px rgba(0,0,0,.35);cursor:pointer;transition:background .2s ease;-webkit-tap-highlight-color:transparent}
.phcr>.phcr__b::before{content:"";position:absolute;inset:calc((var(--phcr-size,18px) - 32px) / 2)}  /* область касания 32 px */
.phcr>.phcr__b:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #1f4fd8}
.phcr:focus-within>.phcr__b,.phcr.is-open>.phcr__b{background:var(--phcr-bg-on,rgba(16,18,22,.9))}

/* подсказка: у нижнего угла - над значком, у верхнего - под ним; у правого - вровень с правым краем, у левого - с левым */
.phcr>.phcr__t{position:absolute;right:-6px;bottom:calc(100% + 8px);z-index:1;box-sizing:border-box;display:block;width:max-content;
  max-width:min(var(--phcr-tip-w,220px),calc(100vw - 24px));padding:7px 10px;border-radius:5px;background:#fff;color:#16181d;
  font:500 13px/1.35 Manrope,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-align:left;text-transform:none;letter-spacing:normal;
  white-space:normal;overflow-wrap:anywhere;box-shadow:0 10px 24px -10px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.1);
  visibility:hidden;opacity:0;transform:translateY(4px);translate:var(--phcr-dx,0px) 0;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .2s;pointer-events:none}
.phcr>.phcr__t::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}  /* мостик: мышь доходит до ссылки автора */
.phcr--tr>.phcr__t,.phcr--tl>.phcr__t{bottom:auto;top:calc(100% + 8px);transform:translateY(-4px)}
.phcr--tr>.phcr__t::after,.phcr--tl>.phcr__t::after{top:auto;bottom:100%}
.phcr--bl>.phcr__t,.phcr--tl>.phcr__t{right:auto;left:-6px}
.phcr.phcr--tip-start>.phcr__t{right:auto;left:-6px}
.phcr.phcr--tip-end>.phcr__t{left:auto;right:-6px}
.phcr.phcr--tip-up>.phcr__t{top:auto;bottom:calc(100% + 8px);transform:translateY(4px)}
.phcr.phcr--tip-up>.phcr__t::after{bottom:auto;top:100%}
.phcr.phcr--tip-down>.phcr__t{bottom:auto;top:calc(100% + 8px);transform:translateY(-4px)}
.phcr.phcr--tip-down>.phcr__t::after{top:auto;bottom:100%}
.phcr>.phcr__t a{color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(22,24,29,.35)}
.phcr>.phcr__t a:hover{text-decoration-color:currentColor}
.phcr:focus-within>.phcr__t,.phcr.is-open>.phcr__t{visibility:visible;opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease;pointer-events:auto}
.phcr:focus-within,.phcr.is-open{z-index:30}
/* открытая подсказка - над соседними блоками: обёртка фото поднимается, пока подсказка открыта (у обёртки бывает свой слой) */
:where(*):has(>.phcr.is-open),:where(*):has(>.phcr:focus-within){z-index:40!important}   /* !important: у обёрток бывает свой z-index в стилях страницы */
@media (hover:hover){
  .phcr:hover>.phcr__b{background:var(--phcr-bg-on,rgba(16,18,22,.9))}
  .phcr:hover>.phcr__t{visibility:visible;opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease;pointer-events:auto}
  .phcr:hover{z-index:30}
  :where(*):has(>.phcr:hover){z-index:40!important}
}
@media (prefers-reduced-motion:reduce){.phcr>.phcr__t,.phcr>.phcr__b{transition:none}}
@media print{.phcr{display:none}}

/* «Авторы фото» над подвалом: полоса в цвете подвала (фон турнира - из style макета), свёрнута */
.phcrl{box-sizing:border-box;margin-top:40px;background:#0e0e20;color:#a9aac6;font:500 13px/1.45 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.phcrl+.sc-ft{margin-top:0}
.phcrl__in{box-sizing:border-box;max-width:var(--rd-container,1640px);margin:0 auto;padding:10px 28px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.phcrl details{margin:0}
.phcrl summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:#f4f4f8}
.phcrl summary::-webkit-details-marker{display:none}
.phcrl summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.phcrl details[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.phcrl summary small{font-size:12px;font-weight:600;color:#a9aac6}
.phcrl summary:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}
.phcrl ol{list-style:none;margin:2px 0 0;padding:0 0 20px;columns:3 320px;column-gap:32px}
.phcrl li{break-inside:avoid;padding:2px 0;overflow-wrap:anywhere}
.phcrl b{font-weight:700;color:#e6e6f2}
.phcrl a{color:#e6e6f2;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.phcrl a:hover{color:#fff;text-decoration-color:currentColor}
@media (max-width:700px){.phcrl__in{padding:6px 16px 0}.phcrl ol{columns:1}}