.indeks-hasel {
  display: grid;
  gap: var(--skok-3);
  max-width: unset;
  margin: unset;
  margin-top: var(--skok-12);
  padding: unset;
  list-style: none;
}

.indeks-hasel__pozycja {
  margin: unset;
}

.indeks-hasel__karta {
  display: flex;
  align-items: center;
  gap: var(--skok-4);
  padding: var(--skok-6);
  border-radius: var(--promien-m);
  background: var(--surface);
  text-decoration: none;
  transition: background var(--czas-signal) var(--krzywa-wyjscie);
}

.indeks-hasel__karta:hover {
  background: var(--surface-hi);
}

.indeks-hasel__numer,
.indeks-hasel__strzalka {
  color: var(--signal-lime);
  font-family: var(--krój-mono);
  font-size: var(--stopien-xs);
}

.indeks-hasel__tytul {
  flex: auto;
  margin: unset;
  font-size: var(--stopien-l);
  line-height: var(--interlinia-l);
}

/* Keep the official publication distinct from the existing website entries. */
.glossary-publication,
.glossary-entries {
  width: calc(100% - 2 * var(--gutter));
  max-width: 1160px;
  margin-inline: auto;
}

.glossary-publication {
  display: grid;
  grid-template-columns: minmax(200px, 280px) minmax(0, 1fr);
  gap: clamp(36px, 6vw, 84px);
  align-items: start;
  padding-block: 76px;
}

.glossary-publication__cover { margin: 0; }
.glossary-publication__cover img { width: 100%; height: auto; }
.glossary-publication__copy { min-width: 0; }
.glossary-publication__copy .eyebrow { color: var(--launch-color-11); }
.glossary-publication h2,
.glossary-entries > h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.2; }
.glossary-publication h2 { margin-top: 18px; }
.glossary-publication__authors { margin-block: 15px 24px; font-weight: 600; }
.glossary-publication__copy > p { max-width: 60ch; }
.glossary-publication__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  list-style: none;
  padding: 20px 0;
  margin: 25px 0;
  max-width: none;
  border-block: 1px solid var(--line-light);
  font: 13px/1.6 var(--mono);
  color: var(--launch-color-11);
}
.glossary-publication__meta li { margin: 0; }
.glossary-publication__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 26px; }
.glossary-publication__source { padding-block: 12px; font-size: 15px; }
.glossary-publication__source:hover,
.glossary-publication__doi a:hover { color: var(--launch-color-12); }
.glossary-publication__copy .glossary-publication__doi {
  margin-top: 22px;
  font: 12px/1.8 var(--mono);
  overflow-wrap: anywhere;
  color: var(--launch-color-11);
}
.glossary-publication__copy .glossary-publication__boundary {
  margin-top: 20px;
  color: var(--launch-color-11);
  font-size: 14px;
  line-height: 1.75;
}
.glossary-entries { padding-top: 44px; border-top: 1px solid var(--line-light); }
.glossary-entries__intro { margin-top: 20px; color: var(--launch-color-11); max-width: 63ch; }
.glossary-entries .indeks-hasel { margin-top: 34px; gap: 0; border-top: 1px solid var(--line-light); }
.glossary-entries .indeks-hasel__karta {
  color: var(--ink);
  background: transparent;
  border-bottom: 1px solid var(--line-light);
  border-radius: 0;
  padding: 24px 0;
  gap: 24px;
}
.glossary-entries .indeks-hasel__karta:hover .indeks-hasel__tytul { text-decoration: underline; text-underline-offset: .2em; }
.glossary-entries .indeks-hasel__numer,
.glossary-entries .indeks-hasel__strzalka { color: var(--launch-color-11); }
.glossary-entries .indeks-hasel__tytul { font-size: 22px; line-height: 1.4; letter-spacing: -.025em; }

@media (max-width: 700px) {
  .glossary-publication { grid-template-columns: minmax(0, 1fr); padding-block: 40px 48px; gap: 30px; }
  .glossary-publication__cover { max-width: 210px; }
  .glossary-publication__actions { align-items: stretch; flex-direction: column; gap: 6px; }
  .glossary-publication__actions .button { max-width: 350px; }
  .glossary-publication__source { align-self: flex-start; }
  .glossary-entries { padding-top: 32px; }
  .glossary-entries .indeks-hasel__karta { gap: 16px; padding-block: 20px; }
  .glossary-entries .indeks-hasel__tytul { font-size: 19px; }
}