/* Страничные стили given-name. Извлечено из макета v2/10-given-name.html. */
.summary{ border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; }
.summary-top{ padding:20px 22px; border-bottom:1px solid var(--line); background:var(--surface);
  display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.summary-rank{ font-family:var(--f-head); font-weight:600; letter-spacing:-.03em; font-size:46px; line-height:1; color:var(--accent); font-variant-numeric:tabular-nums; }
.summary-rank small{ font-size:24px; font-weight:500; margin-right:.12em; }
.summary-top p{ font-size:14.5px; color:var(--ink-soft); line-height:1.4; }
.summary dl{ padding:4px 22px 6px; }
.summary dl > div{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:12px 0; border-top:1px solid var(--line); }
.summary dl > div:first-child{ border-top:0; }
.summary dt{ color:var(--ink-soft); font-size:14.5px; }
.summary dd{ font-weight:700; font-variant-numeric:tabular-nums; }
.summary-foot{ padding:14px 22px; border-top:1px solid var(--line); font-size:14.5px; }
@media (min-width:768px) and (max-width:1479px){
  .summary dl{ display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }
  .summary dl > div:nth-child(2){ border-top:0; }
}
.forms{ display:flex; flex-wrap:wrap; gap:10px; }
.share-cell{ display:flex; align-items:center; gap:12px; }
.share-cell .bar{ flex:1; }
.share-cell span:last-child{ flex:none; font-variant-numeric:tabular-nums; color:var(--ink-soft); }
.data tbody tr.hi{ background:var(--accent-soft); }
.crosslinks{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 40px; }
@media (max-width:860px){ .crosslinks{ grid-template-columns:1fr; gap:28px; } }
/* Колонка перелинковки — заголовок и список ссылок под ним. */
.crosslinks > *{ display:flex; flex-direction:column; gap:6px; }
.crosslinks h3{ font-family:var(--f-text); font-size:15px; font-weight:700; }