/* Меню «Другие сайты автора» на знаке LP (brand/lp-sites/lp-sites.js). ОДИН общий файл — копия в каждом сайте.
   Правило владельца (17.10.2026): меню выглядит как часть сайта — его шрифт, его цвета, светлая и тёмная тема.
   Поэтому здесь только переменные; каждый сайт в СВОЁМ файле стилей задаёт их через свои цвета, например:
     .lp-sites { --lp-bg: var(--surface); --lp-ink: var(--ink); --lp-muted: var(--ink-2); --lp-line: var(--rule);
                 --lp-accent: var(--accent); --lp-hover: var(--accent-soft); --lp-radius: 14px; }
   Цвета сайта переключаются темой — меню переключается вместе с ними. Ниже — запасные значения (золото знака LP). */
.lp-sign-btn { cursor: pointer; border-radius: 6px; }
.lp-sign-btn:hover { filter: brightness(1.12); }
.lp-sign-btn:focus-visible { outline: 3px solid var(--lp-accent, #c79a3b); outline-offset: 4px; }
/* Запасные значения — в :where(), то есть самые слабые: любая привязка сайта их перебивает, где бы ни стояла. */
:where(.lp-sites) { --lp-bg: #fffdf8; --lp-ink: #1b1a17; --lp-muted: #55504a; --lp-line: #e2d5b5; --lp-accent: #8a6a1f; --lp-hover: #f4ead2; --lp-radius: 14px; }
.lp-sites {
  position: fixed; z-index: 2147483000; width: min(22rem, calc(100vw - 16px)); max-height: calc(100vh - 16px); overflow-y: auto;
  padding: 14px; background: var(--lp-bg); color: var(--lp-ink); border: 1.5px solid var(--lp-line); border-radius: var(--lp-radius);
  box-shadow: 0 24px 60px -20px rgb(0 0 0 / 0.5); font-family: inherit; font-size: 15px; line-height: 1.4;
  text-align: start; -webkit-user-select: none; user-select: none;
}
.lp-sites[hidden] { display: none !important; }
.lp-sites-h { margin: 2px 8px 8px; font-weight: 800; font-size: 15px; color: var(--lp-ink); }
.lp-sites ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; }
.lp-sites a { display: grid; gap: 1px; padding: 9px 10px; border-radius: calc(var(--lp-radius) - 4px); text-decoration: none; color: var(--lp-ink); }
.lp-sites a:hover, .lp-sites a:focus-visible { background: var(--lp-hover); outline: none; }
.lp-sites b { font-weight: 800; font-size: 15.5px; justify-self: start; color: var(--lp-ink); }
.lp-sites span { font-size: 14px; color: var(--lp-muted); }
.lp-sites small { font-size: 13px; font-weight: 700; color: var(--lp-accent); justify-self: start; }