/* Registrul numelor. Randuri cu o linie intre ele, nu cutii: un nume singur
   intr-o cutie arata ca o fisa de produs goala, iar asta si era pe site-ul
   vechi — douazeci si doua de pagini cu cate un cuvant. Pe doua coloane la
   lat, pe una la ingust; randurile se citesc pe verticala, ca intr-un registru. */

.registru{
  list-style:none;margin:56px 0 0;padding:0;
  columns:2;column-gap:64px;
  border-top:1px solid var(--linie);
}
.registru li{
  break-inside:avoid;
  padding:22px 0;
  border-bottom:1px solid var(--linie);
  font-weight:300;font-size:clamp(19px,1.9vw,23px);line-height:1.3;
  letter-spacing:.01em;color:var(--alb);
}

@media(max-width:760px){
  .registru{columns:1;margin-top:40px}
  .registru li{padding:18px 0;font-size:18px}
}

/* Numele cu fotografie (adusă de pe site-ul vechi, 17.10): rândul rămâne rând de registru,
   miniatura stă în stânga, în alb-negru; la clic, fotografia întreagă într-un dialog. */
.registru .cu-foto{
  all:unset;box-sizing:border-box;display:flex;align-items:center;gap:18px;width:100%;
  cursor:pointer;color:inherit;font:inherit;
}
.registru .cu-foto:focus-visible{outline:1px solid var(--aur);outline-offset:6px}
.registru .mini{
  width:52px;height:52px;flex:none;object-fit:cover;object-position:50% 20%;
  filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s;
}
.registru .cu-foto:hover .mini,.registru .cu-foto:focus-visible .mini{filter:none;opacity:1}
.foto-destinatar{
  padding:0;border:1px solid var(--linie);background:var(--negru);color:var(--alb);
  max-width:min(92vw,900px);max-height:92vh;overflow:visible;
}
.foto-destinatar::backdrop{background:rgba(0,0,0,.86)}
.foto-destinatar figure{margin:0}
.foto-destinatar img{display:block;max-width:min(92vw,900px);max-height:82vh;width:auto;height:auto}
.foto-destinatar figcaption{padding:14px 18px;font-weight:300;letter-spacing:.02em}
.foto-destinatar .inchide{
  position:absolute;top:-44px;right:0;background:none;border:0;color:var(--alb);
  font-size:32px;line-height:1;cursor:pointer;padding:4px 8px;
}
@media(max-width:760px){.registru .mini{width:44px;height:44px}}