/* «Резиденты» (R11–R13, R19) — доска визиток: карточки, фильтры, окно визитки. Вид — прототип v23
   (docs/superpowers/prototypes/liga-doska-rezidentov/rezidenty.css); «Мой профиль» и «Кто в клубе» — у соседей (H, I).
   Только токены Лиги; визитка — тёмная карточка на светлом полотне. */
.rz-verh .rz-gost{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:28px;border:1px dashed var(--line);border-radius:4px}
.rz-gost .lead{max-width:52ch}

/* ===== карточка: всегда тёмная — на светлом полотне возвращаем токены ночи ===== */
.rz{--ink:#F1EFF8;--soft:#BEBBCC;--muted:#9C99AE;--line:rgba(241,239,248,.40);--sep:rgba(241,239,248,.24);--hair:rgba(241,239,248,.08);--tint:rgba(241,239,248,.06);--focus:#F1EFF8;--acc:var(--gold);
  position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;border:1px solid var(--hair);border-radius:4px;color:var(--ink);cursor:pointer;
  transition:border-color 160ms ease-out,transform 160ms var(--ease-out)}
.rz:hover{border-color:var(--line);transform:translateY(-2px);z-index:2}
/* подложка по типу карточки (Роман 30.10): команда — с тёплым золотым отливом, совет — с холодным, резиденты — как были */
.rz.rz-t-komanda{background:#2D2731}
.rz.rz-t-sovet{background:#24243A}
.rz-esche{height:1px}
.rz:focus-within{border-color:var(--ink);z-index:2}
.rz-top{display:flex;align-items:flex-start;gap:16px}
/* фото крупно: 96 в списке, 144 в окне, 80 на узком телефоне */
.rz-av{flex:none;display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:4px;background:var(--bg);border:1px solid var(--sep);
  font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--gold)}
img.rz-av{object-fit:cover;padding:0}
.rz-av.lg{width:144px;height:144px;font-size:44px}
.rz-k{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--gold)}
.rz-n{min-width:0;flex:1}
.rz-n h3{font-size:var(--fs-h4);font-weight:700;letter-spacing:-.01em;line-height:1.2;overflow-wrap:anywhere}
.rz-n h3 a{color:var(--ink);text-decoration:none}
.rz-n h3 a::after{content:"";position:absolute;inset:0}
.rz-n h3 a:focus-visible{outline:none}
.rz-n h3 a:focus-visible::after{outline:2px solid var(--focus);outline-offset:-2px;border-radius:4px}
.rz-n p{margin-top:4px;font-size:var(--fs-sm);line-height:1.4;color:var(--soft)}
.rz-logo{flex:none;font-weight:800;font-size:13px;letter-spacing:-.01em;color:var(--gold);padding-top:2px}
.rz-meta{font-size:13px;color:var(--muted);line-height:1.5}
.rz-meta .dot{margin:0 6px}
.rz-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.rz-tags li{font-size:13px;font-weight:600;line-height:1.2;padding:6px 10px;border:1px solid var(--sep);border-radius:4px;color:var(--ink)}
.rz-q b{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.rz-q p{font-size:15px;line-height:1.5;color:var(--soft);overflow-wrap:anywhere}
/* три строки, последняя гаснет — видно, что дальше есть ещё */
.rz .rz-q p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.rz-f{margin-top:auto;padding-top:16px;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rz-vsya{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;color:var(--gold);text-decoration:none}
.rz-vsya .lu{width:16px;height:16px;transition:transform 160ms var(--ease-out)}
.rz:hover .rz-vsya .lu,.rz-vsya:focus-visible .lu{transform:translateX(3px)}
.rz-vsya:hover{text-decoration:underline;text-underline-offset:.2em}
.rz-s{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}
.rz>.rz-s{margin-top:auto}
.rz>.rz-s+.rz-f{margin-top:0}
.rz-akt{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--gold)}
.rz-akt .lu{width:14px;height:14px}
.rz-new{font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;background:var(--accf,var(--gold));color:var(--accf-on,#16141F)}
.rz-tg{position:relative;z-index:1;min-height:44px;padding:0 18px;font-size:15px}
.rz-zam{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.rz-zam .lu{width:15px;height:15px}
.rz-site{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;margin-top:6px;min-height:24px;max-width:100%;font-size:13px;color:var(--ink);text-underline-offset:.2em;overflow-wrap:anywhere}
.rz-site .lu{flex:none;width:13px;height:13px;color:var(--muted)}
.rz-netviz{font-size:14px;line-height:1.5;color:var(--muted);font-style:italic}
.rz::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 260ms ease-out;
  background:radial-gradient(380px circle at var(--mx,50%) var(--my,0),rgba(199,154,62,.16),transparent 65%)}
.rz:hover::before{opacity:1}

/* паутинка: оценка — золотом, среднее по клубу — белым пунктиром */
.rz-nv>b{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.rz-p{display:block;width:100%;max-width:320px;height:auto;margin:4px auto 0;overflow:visible}
.rz-p .rz-p-k{fill:none;stroke:var(--sep);stroke-width:1}
.rz-p .rz-p-z{fill:var(--gold);fill-opacity:.28;stroke:var(--gold);stroke-width:2;stroke-linejoin:round}
.rz-p .rz-p-t{fill:var(--gold)}
.rz-p .rz-p-s{fill:none;stroke:var(--ink);stroke-opacity:.7;stroke-width:1.5;stroke-dasharray:4 4;stroke-linejoin:round}
.rz-p text{font-size:12px;font-weight:600;fill:var(--soft)}
.rz-p .rz-p-v{font-weight:800;fill:var(--soft)}
.rz-p .rz-p-v[data-ryadom="vyshe"]{fill:var(--gold)}
.rz-p .rz-p-v[data-ryadom="nizhe"]{fill:var(--muted);font-weight:600}
.rz-nv-l{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-top:8px;font-size:13px;color:var(--soft)}
.rz-nv-l span{display:inline-flex;align-items:center;gap:8px}
.rz-nv-l i{display:inline-block;width:18px;height:10px;border-radius:2px}
.rz-nv-l .ty{background:rgba(199,154,62,.35);border:2px solid var(--gold)}
.rz-nv-l .sr{height:0;border-top:2px dashed var(--ink);border-radius:0;opacity:.7}

/* ===== список: шире общей колонки — на 1920 четыре карточки в ряд, на 1440 три, на телефоне одна ===== */
.rz-vse>.wrap{max-width:1760px}
.rz-vse-h{margin-bottom:24px}
.rz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:var(--gut)}
.rz-itog{margin:0 0 24px;font-size:var(--fs-sm);color:var(--soft);max-width:80ch}
.rz-vse .empty{color:var(--soft)}

/* ===== фильтры: «кто» кнопками, поиск, списки с галочками ===== */
.rz-flt{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 24px;margin-bottom:16px}
.rz-kto{display:flex;flex-wrap:wrap;gap:8px}
.rz-kto button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:4px;background:transparent;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--soft);white-space:nowrap;cursor:pointer;
  transition:border-color 140ms ease-out,background-color 140ms ease-out,color 140ms ease-out}
.rz-kto button:hover{border-color:var(--ink);color:var(--ink)}
.rz-kto button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--canvas)}   /* как фильтры «Материалов» (26.10) */
.rz-kto .lu{width:15px;height:15px;color:var(--gold-d,var(--gold))}
.rz-c{font-size:12px;font-weight:700;color:var(--muted)}
.rz-srch{position:relative;display:block;grid-column:2;grid-row:1;width:280px}
.rz-srch .inp{height:44px;padding-left:44px;font-size:15px}
.rz-srch .lu{position:absolute;left:14px;top:13px;width:18px;height:18px;color:var(--muted)}
.rz-fr{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rz-sbros{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ink);
  text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.rz-sbros .lu{width:15px;height:15px}
.empty .rz-sbros{min-height:0;padding:0;font-size:inherit}
.rz-ssl{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.rz-ssl[disabled]{opacity:.45;cursor:default}
@media (max-width:1100px){.rz-flt{grid-template-columns:1fr}.rz-srch{grid-column:1;grid-row:auto;width:min(100%,360px)}}

.rz-dd{position:relative}
.rz-dd[data-dd=city]{--w:172px}.rz-dd[data-dd=seg]{--w:196px}.rz-dd[data-dd=dir]{--w:224px}.rz-dd[data-dd=silen]{--w:210px}.rz-dd[data-dd=slab]{--w:210px}
.rz-dd-b{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:var(--w,200px);height:44px;padding:0 12px 0 14px;border:1px solid var(--line);border-radius:4px;
  background:transparent;color:var(--soft);font:inherit;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color 140ms ease-out,background-color 140ms ease-out}
.rz-dd-v{overflow:hidden;text-overflow:ellipsis}
.rz-dd-b:hover,.rz-dd-b[aria-expanded="true"]{border-color:var(--ink);color:var(--ink)}
.rz-dd.on .rz-dd-b{border-color:var(--ink);background:var(--tint);color:var(--ink)}
.rz-dd-b .lu{flex:none;width:16px;height:16px;color:var(--muted);transition:transform 160ms ease-out}
.rz-dd-b[aria-expanded="true"] .lu{transform:rotate(180deg)}
.rz-dd-p{position:absolute;left:0;top:calc(100% + 6px);z-index:20;width:max(100%,290px);padding:8px;border:1px solid var(--line);border-radius:4px;
  background:var(--paper,#F2EEE6);box-shadow:0 14px 36px rgba(22,20,31,.18)}
.rz-dd-p[hidden]{display:none}
.rz-dd-n{padding:6px 8px 8px;font-size:13px;line-height:1.4;color:var(--muted)}
.rz-dd-l{display:grid;gap:2px;max-height:330px;overflow:auto}
.rz-ch{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px;border-radius:4px;font-size:15px;line-height:1.3;color:var(--ink);cursor:pointer}
.rz-ch:hover{background:var(--tint)}
.rz-ch input{flex:none;width:18px;height:18px;margin:0;accent-color:#16141F;cursor:pointer}
.rz-ch .rz-c{margin-left:auto}
.rz-dd-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:10px 8px 2px;border-top:1px solid var(--hair)}
.rz-dd-ok{min-height:38px;padding:0 16px;font-size:14px}
@media (max-width:640px){
  .rz-kto{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--pad,20px) * -1);padding:2px var(--pad,20px) 6px;scrollbar-width:none}
  .rz-srch{width:100%}
  .rz-dd{flex:1 1 calc(50% - 4px);min-width:0}.rz-dd-b{width:100%}
  .rz-dd-p{width:min(320px,calc(100vw - 32px))}.rz-dd:nth-child(even) .rz-dd-p{left:auto;right:0}
}
@media (max-width:420px){.rz{padding:20px}.rz-av{width:80px;height:80px;font-size:26px}}

/* ===== окно визитки: три колонки без прокрутки; на узком экране — одна, фото сверху ===== */
.modal:has(.rz-ok3){width:min(100%,1200px);padding:28px 32px}
.modal:has(.rz-ok3) .x{z-index:2}
.rz-ok3{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:28px;align-items:start}
.rz-ok-l,.rz-ok-c,.rz-ok-r{display:flex;flex-direction:column;gap:14px;min-width:0}
.rz-ok-fw{display:block}
.rz-ok3 .rz-ok-foto{display:block;width:100%;max-width:640px;height:auto;max-height:min(60vh,520px);object-fit:contain;object-position:50% 0;border-radius:4px}
.rz-ok-a{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.modal .rz-ok-a .btn{margin-top:0;width:100%}
.modal .rz-ok p{margin-top:0}
.rz-ok .rz-n .k{margin-bottom:6px;font-size:13px;font-weight:600;color:var(--gold)}
.rz-ok .rz-n h2{padding-right:44px;overflow-wrap:anywhere}
.modal .rz-ok .rz-ok-r1{margin-top:4px;font-size:15px;line-height:1.45;color:var(--soft)}
.modal .rz-ok .rz-q p{font-size:15px;line-height:1.5}
.rz-ok .rz-q b{margin-bottom:4px}
.rz-dl{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:0;border-top:1px solid var(--hair)}
.rz-dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--hair);font-size:14px}
.rz-dl dt{color:var(--muted)}
.rz-dl dd{margin:0;color:var(--ink);text-align:right}
.rz-nav>b{display:block;padding-right:44px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.rz-nav-g{display:grid;gap:10px}
.rz-nav-g .rz-p{max-width:300px}
.rz-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rz-nav li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;line-height:1.35;color:var(--muted)}
.rz-nav li b{display:block;font-size:14px;font-weight:700;color:var(--ink)}
.rz-nav em{flex:none;display:flex;align-items:baseline;gap:5px;font-style:normal;color:var(--ink);white-space:nowrap}
.rz-nav em b{display:inline;font-size:19px;font-weight:800;color:inherit}
.rz-nav em.rz-vys{color:var(--gold)}
.rz-nav em.rz-niz{color:var(--muted)}
.rz-nav em small,.rz-nav em i{font-size:12px;font-style:normal;font-weight:600;color:var(--muted)}
.rz-ok-net .tlink{margin-top:20px;display:inline-flex}
.modal .rz-ok .rz-nv-l{margin-top:2px;font-size:13px;line-height:1.4}
@media (max-width:1100px){.modal:has(.rz-ok3){width:min(100%,760px)}.rz-ok3{grid-template-columns:240px minmax(0,1fr)}.rz-ok3 .rz-ok-r{grid-column:1/-1}}
@media (max-width:700px){
  .modal:has(.rz-ok3){padding:40px 20px 24px}
  .rz-ok3{grid-template-columns:minmax(0,1fr);gap:20px}
  .rz-ok3 .rz-ok-l{display:contents}
  .rz-ok3 .rz-ok-fw{order:-2}
  .rz-ok3 .rz-ok-foto{max-height:none;margin:0 auto}
  .rz-ok3 .rz-ok-c{order:-1}
  .rz-ok3 .rz-ok-r{grid-column:auto;order:1}
  .rz-ok3 .rz-ok-a{order:2}
  .rz-dl{grid-template-columns:1fr}
  .rz-nav>b{padding-right:0}
}
@media (max-width:420px){.rz-av.lg{width:112px;height:112px}}
@media (prefers-reduced-motion:reduce){.rz,.rz:hover,.rz-vsya .lu,.rz::before,.rz-dd-b .lu,.rz-kto button,.rz-dd-b{transition:none;transform:none}}