/* Порождено _tools/build_css.py из _tools/css/langlist.css.
   Правьте ИСХОДНИК: здесь правка живёт до следующей сборки.
   Комментарии сняты намеренно - они составляют 80% веса. */
@font-face { font-family:'Slide Arabic'; font-display:swap;
  src:url('../fonts/slide-arabic.woff2') format('woff2') }
@font-face { font-family:'Slide Devanagari'; font-display:swap;
  src:url('../fonts/slide-devanagari.woff2') format('woff2') }
@font-face { font-family:'Slide Georgian'; font-display:swap;
  src:url('../fonts/slide-georgian.woff2') format('woff2') }
@font-face { font-family:'Slide Han'; font-display:swap;
  src:url('../fonts/slide-han.woff2') format('woff2') }
@font-face { font-family:'Slide Han'; font-display:swap;
  src:url('../fonts/slide-han-2.woff2') format('woff2') }
@font-face { font-family:'Slide Han'; font-display:swap;
  src:url('../fonts/slide-han-3.woff2') format('woff2') }
@font-face { font-family:'Slide Han'; font-display:swap;
  src:url('../fonts/slide-han-4.woff2') format('woff2') }
@font-face { font-family:'Slide Han'; font-display:swap;
  src:url('../fonts/slide-han-5.woff2') format('woff2') }
.langlist {
  list-style: none; margin: var(--gap-lg) 0 0; padding: 0;
  display: grid; gap: 1.75rem;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 34rem) {
  .langlist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 56rem) {
  .langlist { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.langlist li { display: grid; }
.langlist a {
  display: block; text-decoration: none; color: var(--ink);
  padding: 1.4rem 1.5rem 1.6rem;
  background: var(--bg); border-top: 3px solid var(--link);
  transition: background-color .2s ease;
}
.band--navy .langlist a { border-top-color: var(--blue); }
.band--white .langlist a { background: var(--bg-alt); }
.langlist a:hover, .langlist a:focus-visible { background: var(--bg-alt); }
.band--white .langlist a:hover,
.band--white .langlist a:focus-visible { background: var(--bg); }
.langlist-lang {
  display: block; margin-bottom: .35rem;
  font-family: var(--sans-nav); font-size: var(--fs-label); font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--ink);
}
.langlist-title {
  display: block;
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.25;
}
.langlist a:hover .langlist-title,
.langlist a:focus-visible .langlist-title {
  color: var(--link); text-decoration: underline;
}
.langlist-title:lang(ar) { font-family: 'Slide Arabic', var(--serif); }
.langlist-title:lang(hi) { font-family: 'Slide Devanagari', var(--serif); }
.langlist-title:lang(zh) { font-family: 'Slide Han', var(--serif); }
.langlist-title:lang(ka) { font-family: 'Slide Georgian', var(--serif); }
.langlist-lang:lang(ar) { font-family: 'Slide Arabic', var(--sans-nav); }
.langlist-lang:lang(hi) { font-family: 'Slide Devanagari', var(--sans-nav); }
.langlist-lang:lang(zh) { font-family: 'Slide Han', var(--sans-nav); }
.langlist-lang:lang(ka) { font-family: 'Slide Georgian', var(--sans-nav); }
@media (prefers-reduced-motion: reduce) {
  .langlist a { transition: none; }
}