.russian-names-page{
  gap:18px;
}

.russian-names-head{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.russian-names-title{
  font-size:34px;
  line-height:1.05;
  font-weight:700;
}

.russian-names-summary{
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
}

.russian-names-summary p{
  margin:0 0 10px;
}

.russian-names-summary p:last-child,
.russian-names-summary ul:last-child{
  margin-bottom:0;
}

.russian-names-summary.is-collapsed > :not(:first-child){
  display:none;
}

.russian-names-summary ul{
  margin:8px 0;
  padding-left:20px;
}

.russian-names-summary-toggle{
  padding:0;
  border:0;
  background:transparent;
  color:rgba(186,230,253,.88);
  font:inherit;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
}

.russian-names-summary-toggle[hidden]{
  display:none !important;
}

.russian-names-summary-toggle--more{
  display:inline;
  margin-left:4px;
}

.russian-names-summary-toggle--less{
  align-self:flex-start;
  margin-top:-2px;
}

.russian-names-summary-toggle:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}

.russian-names-tools{
  --russian-names-control-h:44px;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.03);
}

.russian-names-filter-row{
  display:grid;
  grid-template-columns:minmax(0, .7fr) minmax(0, 1fr);
  gap:10px;
}

.russian-names-tabs{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  min-height:var(--russian-names-control-h);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(0,0,0,.10);
}

.russian-names-filter-row > .russian-names-tabs:first-child{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.russian-names-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:10px 8px;
  border-right:1px solid var(--line);
  color:var(--muted);
  font-size:14px;
  font-weight:500;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
}

.russian-names-tab:last-child{
  border-right:0;
}

.russian-names-tab:hover{
  background:rgba(255,255,255,.055);
  color:var(--txt);
}

.russian-names-tab.is-active{
  background:rgba(125,211,252,.14);
  color:var(--txt);
}

.russian-names-search{
  width:100%;
  height:var(--russian-names-control-h);
  box-sizing:border-box;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
  color:var(--txt);
  outline:none;
  font:inherit;
}

.russian-names-nav{
  max-width:100%;
  padding:0;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  overflow:hidden;
}

.russian-names-pages{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(78px, auto);
  min-height:76px;
}

.russian-names-pages-letters{
  display:grid;
  grid-template-columns:repeat(var(--letter-columns), minmax(38px, 1fr));
  grid-template-rows:repeat(2, 38px);
  grid-auto-flow:row;
}

.russian-names-page-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  padding:6px 8px;
  border:0;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:0;
  color:rgba(244,246,251,.88);
  background:transparent;
  text-decoration:none;
  font-size:16px;
  font-weight:650;
  line-height:1.2;
}

.russian-names-page-link--empty{
  pointer-events:none;
}

.russian-names-pages-letters .russian-names-page-link.is-bottom-row{
  border-bottom:0;
}

.russian-names-page-link--all{
  align-items:center;
  flex-direction:column;
  border-right:0;
  border-bottom:0;
}

.russian-names-page-link span{
  color:var(--muted);
  font-size:12px;
  font-weight:500;
}

.russian-names-page-link:hover,
.russian-names-page-link.is-active{
  background:rgba(125,211,252,.10);
  color:var(--txt);
}

.russian-names-list,
.russian-names-search-results{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.russian-names-search-results[hidden]{
  display:none !important;
}

.russian-names-list[hidden]{
  display:none !important;
}

.russian-names-search-meta{
  color:var(--muted);
  font-size:13px;
}

.russian-names-group{
  display:grid;
  grid-template-columns:44px minmax(0, 1fr);
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.russian-names-search-results .russian-names-group{
  margin-bottom:8px;
}

.russian-names-group-title{
  color:rgba(186,230,253,.86);
  font-size:19px;
  font-weight:700;
  line-height:1.2;
}

.russian-names-pairs{
  columns:1;
  column-gap:22px;
}

.russian-names-pair{
  display:block;
  break-inside:avoid;
  padding:0 0 5px;
  font-size:15px;
  line-height:1.35;
}

.russian-names-source{
  color:var(--txt);
  font-weight:600;
}

.russian-names-eq{
  margin:0 4px;
  color:var(--muted);
}

.russian-names-targets{
  color:var(--muted);
}

.russian-names-empty{
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  color:var(--muted);
  background:rgba(255,255,255,.03);
}

.russian-names-empty[hidden],
.russian-names-pair[hidden],
.russian-names-group[hidden]{
  display:none !important;
}

@media (max-width:700px), (pointer:coarse){
  .russian-names-filter-row{
    grid-template-columns:1fr;
  }

  .russian-names-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding:4px;
    overflow:visible;
  }

  .russian-names-tab{
    flex:1 1 140px;
    border-right:0;
    border-radius:10px;
    padding:9px 6px;
  }

  .russian-names-pages{
    grid-template-columns:1fr;
  }

  .russian-names-pages-letters{
    grid-template-columns:repeat(auto-fit, minmax(42px, 1fr));
    grid-template-rows:none;
    grid-auto-flow:row;
  }

  .russian-names-page-link,
  .russian-names-page-link--all{
    min-height:38px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }

  .russian-names-page-link--all{
    flex-direction:row;
    border-right:0;
    border-bottom:0;
  }

  .russian-names-group{
    grid-template-columns:1fr;
    gap:8px;
  }

  .russian-names-pairs{
    columns:1;
  }
}

@media (min-width:760px){
  .russian-names-title{
    font-size:46px;
  }

  .russian-names-summary{
    font-size:17px;
    line-height:1.5;
  }

  .russian-names-pairs{
    columns:3 210px;
  }
}

@media (min-width:1180px){
  .russian-names-pairs{
    columns:4 210px;
  }
}

html[data-theme="light"] .russian-names-tools,
html[data-theme="light"] .russian-names-nav,
html[data-theme="light"] .russian-names-empty{
  background:rgba(255,255,255,.72);
}

html[data-theme="light"] .russian-names-tabs{
  background:rgba(15,23,42,.035);
}

html[data-theme="light"] .russian-names-tab.is-active{
  background:rgba(37,99,235,.10);
}

html[data-theme="light"] .russian-names-tab:hover{
  background:rgba(15,23,42,.06);
}

html[data-theme="light"] .russian-names-page-link{
  color:rgba(15,23,42,.84);
  background:rgba(15,23,42,.025);
}

html[data-theme="light"] .russian-names-page-link:hover,
html[data-theme="light"] .russian-names-page-link.is-active{
  border-color:rgba(37,99,235,.18);
  background:rgba(37,99,235,.08);
  color:rgba(15,23,42,.90);
}

html[data-theme="light"] .russian-names-group{
  border-bottom-color:rgba(15,23,42,.10);
}

html[data-theme="light"] .russian-names-group-title{
  color:rgba(30,64,175,.86);
}

html[data-theme="light"] .russian-names-summary-toggle{
  color:rgba(30,64,175,.86);
}