/* Ratgeber / guides (SCRUM-372). Builds on .legal (narrow column) in app.css. */
.guide-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: var(--s-2); margin: 0 0 var(--s-4); padding: 0; }
.guide-crumbs li + li::before { content: "›"; margin-right: var(--s-2); color: var(--ink-faint); }
.guide-crumbs a { color: var(--ink-muted); }
.guide-lead { font-size: 19px; line-height: 29px; margin-top: var(--s-4); }
.guide section { margin-top: var(--s-6); }
.guide section ul { padding-left: var(--s-5); }
.guide section li + li { margin-top: var(--s-1); }
.guide-faq .faq-item { border-bottom: 1px solid var(--line); padding-block: var(--s-3); }
.guide-faq summary { cursor: pointer; font-weight: 600; }
.guide-cta { margin-top: var(--s-7); padding: var(--s-5); }
.guide-cta .btn { margin-top: var(--s-3); }
.guide-more { margin-top: var(--s-6); }
.guide-more ul { padding-left: var(--s-5); }
.guide-list { list-style: none; margin: var(--s-6) 0 0; padding: 0; display: grid; gap: var(--s-4); }
.guide-list .card { padding: var(--s-5); }
.guide-list h2 { margin: 0 0 var(--s-2); }