/* ---------- Ratgeber-Zeichnungen (site/guide_figs.py) ---------- */
.fig{margin:28px 0;padding:14px 14px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}
.fig svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;color:var(--ink)}
.fig figcaption{margin:10px 4px 0;font-size:14px;line-height:1.55;color:var(--muted);text-align:center}
.fig .fs{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fig .fm{stroke:var(--line2)}
.fig .fb{fill:var(--surface)}
.fig .fs-a{stroke:var(--accent)}.fig .fs-t{stroke:var(--teal)}.fig .fs-g{stroke:var(--gold)}
.fig .ff-a{fill:var(--accent-soft)}.fig .ff-t{fill:var(--teal-soft)}.fig .ff-g{fill:var(--gold-soft)}
.fig .card{fill:var(--surface2);stroke:var(--line);stroke-width:1.2}
.fig .chip{fill:var(--teal-soft)}
.fig .zt{fill:var(--teal-soft)}.fig .zg{fill:var(--gold-soft)}.fig .zr{fill:var(--red-soft)}
.fig .bt{fill:var(--teal-soft);stroke:var(--teal);stroke-width:1.6}
.fig .ba{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.6}
.fig .bm{fill:var(--bg2);stroke:var(--line2);stroke-width:1.6}
.fig .dots{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:0 10.5}
.fig .seal{fill:none;stroke:var(--accent);stroke-opacity:.35;stroke-width:7}
.fig .blob{fill:var(--accent);stroke:none}
.fig .seal-fill{fill:var(--teal);stroke:none}
.fig text{font-family:inherit;font-size:14px;font-weight:600;fill:var(--ink2)}
.fig .ft-m{font-weight:500;fill:var(--muted);font-size:13px}
.fig .ft-xs{font-size:12px}
.fig .ft-s{font-weight:500;font-size:12.5px;fill:var(--ink2)}
.fig .ft-h{font-size:15px;font-weight:700;fill:var(--ink)}
.fig .ft-a{fill:var(--accent)}.fig .ft-t{fill:var(--teal)}.fig .ft-g{fill:var(--gold)}.fig .ft-r{fill:var(--red)}
@media(max-width:560px){.fig{padding:10px 8px;margin:22px 0}.fig figcaption{font-size:13px}}