.idiom-guide .article-content > section {
  margin-block: clamp(1.9rem, 4.2vw, 3.1rem);
}
.idiom-guide .idiom-example,
.idiom-guide .idiom-note {
  margin-block: 1rem;
  padding: .95rem 1.15rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--cream);
}
.idiom-guide :is(.idiom-example, .idiom-note) > :first-child {
  margin-top: 0;
}
.idiom-guide :is(.idiom-example, .idiom-note) > :last-child {
  margin-bottom: 0;
}
.idiom-guide .idiom-example p[lang="de"] {
  font-weight: 650;
}
.idiom-guide .idiom-dialogue + .idiom-dialogue {
  margin-top: 2rem;
}
.idiom-guide .idiom-turns {
  border: 1px solid var(--line);
  border-radius: 12px;
  margin-block: 1rem;
}
.idiom-guide .idiom-turn {
  display: grid;
  grid-template-columns: minmax(5rem, max-content) minmax(0, 1fr);
  gap: .35rem 1rem;
  padding: .65rem 1rem;
}
.idiom-guide .idiom-turn + .idiom-turn {
  border-top: 1px solid var(--line);
}
.idiom-guide .idiom-turn dt {
  font-weight: 650;
}
.idiom-guide .idiom-turn dd,
.idiom-guide .idiom-turn p {
  margin: 0;
}
.idiom-guide .idiom-turn .idiom-translation {
  margin-top: .2rem;
}
.idiom-discovery-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1.4rem;
}
.idiom-discovery-links li {
  margin-block: .3rem;
}
@media (max-width: 600px) {
  .idiom-guide .idiom-turn,
  .idiom-discovery-links {
    grid-template-columns: 1fr;
  }
  .idiom-guide .table-wrap table {
    min-width: 0;
    width: 100%;
    table-layout: fixed;
  }
  .idiom-guide .table-wrap :is(caption, th, td) {
    padding: .65rem .5rem;
    overflow-wrap: break-word;
  }
}