/* Erzeugt von Werkzeuge/lernen_bauen.py — nicht von Hand bearbeiten. */
.lern-suche { margin-top: 1.5rem; max-width: 36rem; }
.lern-suche input {
  width: 100%; font: inherit; font-size: 1.05rem; padding: .8rem 1rem;
  border: 1px solid var(--line); border-radius: 12px;
  background: var(--paper); color: var(--ink);
}
.lern-suche input:focus { outline: 2px solid var(--lk, var(--accent)); outline-offset: 2px; }
.lern-keintreffer { margin-top: .6rem; color: var(--ink-mute); }
.lern-fragen ul { list-style: none; padding: 0; margin: 1.25rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.lern-fragen a {
  display: inline-block; padding: .35rem .75rem; border-radius: 999px;
  border: 1px solid var(--line); color: var(--ink-body); text-decoration: none; font-size: .92rem;
}
.lern-fragen a:hover { border-color: var(--lk, var(--accent)); color: var(--ink); }
.lern-einheit {
  border: 1px solid var(--line-soft); border-radius: 16px; padding: 1.25rem 1.4rem;
  margin-top: 1.25rem; background: var(--paper); scroll-margin-top: 5rem;
}
.lern-einheit h3 { margin: 0 0 .75rem; font-size: 1.2rem; }
.lern-einheit h3 a { color: inherit; text-decoration: none; }
.lern-einheit:target { border-color: var(--lk, var(--accent)); }
.lern-koerper { display: grid; gap: 1.25rem; }
@media (min-width: 760px) { .lern-koerper:has(.lern-bild) { grid-template-columns: 1fr 15rem; align-items: start; } }
@media (min-width: 760px) { .lern-koerper:has(video) { grid-template-columns: 1fr 20rem; } }
.lern-schritte { margin: 0; padding-left: 1.3rem; color: var(--ink-body); line-height: 1.55; }
.lern-schritte li + li { margin-top: .35rem; }
.lern-bild { margin: 0; }
.lern-bild img, .lern-bild video { display: block; width: 100%; height: auto; border-radius: 10px; border: 1px solid var(--line-soft); }
.lern-tipp {
  margin: 1rem 0 0; padding: .7rem .9rem; border-radius: 10px;
  background: var(--paper-tint); color: var(--ink-body); font-size: .95rem;
}
.lern-mehr { color: var(--ink-mute); }
.lern-ansicht { display: inline-flex; margin-top: .9rem; border: 1px solid var(--line); border-radius: 999px; padding: 3px; }
.lern-ansicht[hidden] { display: none; }
.lern-ansicht button {
  font: inherit; font-size: .92rem; border: 0; background: none; color: var(--ink-body);
  padding: .35rem .9rem; border-radius: 999px; cursor: pointer;
}
.lern-ansicht button[aria-pressed="true"] { background: var(--lk, var(--accent)); color: #fff; }
.lern-weiter { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; }
.lern-weiter[hidden] { display: none; }
.lern-weiter button {
  font: inherit; border: 1px solid var(--line); background: var(--paper); color: var(--ink);
  padding: .55rem 1.1rem; border-radius: 10px; cursor: pointer;
}
.lern-weiter button.lern-vor { background: var(--lk, var(--accent)); border-color: transparent; color: #fff; }
.lern-weiter button:disabled { opacity: .35; cursor: default; }
.lern-weiter .lern-stand { color: var(--ink-mute); font-size: .92rem; margin-right: auto; }
.lern-einheit[hidden], .lern-pfad[hidden], .lern-fragen li[hidden] { display: none; }