/* Anleitungen im Redesign-Stil: schlanke Kopfleiste, ruhige Karten, Suche mit Icon. */
.guides-page { max-width: 1040px; }
.guides-page .page-header { display: flex; }
.guides-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  color: #d7d3cf;
  font-size: .82rem;
  font-weight: 500;
  text-decoration: none;
}
.guides-back:hover { background: #2e2c2a; color: #fff; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.guides-toolbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin: 0 0 12px;
  padding: 10px 0;
  background: #f6f5f3;
}
.guides-nav { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.guides-nav a { min-height: 30px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 8px; color: #4a4541; font-size: .85rem; font-weight: 500; text-decoration: none; }
.guides-nav a:hover { background: var(--hover); color: var(--ink); }
.guides-search { position: relative; flex: 1 1 280px; display: flex; align-items: center; margin: 0; }
.guides-search svg { position: absolute; left: 12px; color: #8a837c; }
.guides-search input { margin: 0; height: 38px; padding-left: 36px; border-color: var(--line); background: #fff; }
#guide-status { margin: 4px 2px 10px; color: var(--muted); font-size: .82rem; }
#guide-status:empty { display: none; }
.guides-version { margin: 18px 2px 0; color: #8a837c; font-size: .75rem; line-height: 1.5; }

.guides-page .guide-section {
  margin: 0 0 16px;
  padding: 22px 24px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  scroll-margin-top: 70px;
}
.guides-page .guide-section h2 { margin: 0 0 4px; font-size: 1.15rem; font-weight: 600; }
.guides-page .guide-section > p { margin: 0 0 12px; color: var(--muted); font-size: .9rem; }
.guides-page .guide-part {
  margin: 0;
  padding: 14px 0;
  border: 0;
  border-top: 1px solid #f1ede9;
  border-radius: 0;
  background: transparent;
  scroll-margin-top: 70px;
}
.guides-page .guide-part:first-of-type { border-top: 0; }
.guides-page .guide-part h3 { margin: 0 0 6px; font-size: .95rem; font-weight: 600; }
.guides-page .guide-part p, .guides-page .guide-part li { color: #4a4541; font-size: .88rem; line-height: 1.6; }
.guides-page .guide-part ul, .guides-page .guide-part ol { margin: 6px 0; padding-left: 20px; }
.guides-page .guide-part li { margin-bottom: 4px; }
.guides-page .guide-part a { color: var(--brand-dark); }
.guides-page .guide-snippet { margin: 10px 0 4px; }
.guides-page .guide-snippet pre {
  margin: 0 0 8px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #faf8f6;
  color: var(--ink);
  font-size: .82rem;
}
.guides-page .guide-snippet button { min-height: 30px; font-size: .8rem; }

@media (max-width: 850px) {
  .guides-toolbar { position: static; }
  .guides-page .guide-section { padding: 16px; }
}