/* FLORIN+ Situations-Finder — gemeinsame Komponente für tools.html & blog/index.html
   Farben/Token werden pro Seite via --sfx-* gemappt (ap-* auf tools, fp-* im Blog). */
.sfx{max-width:1080px;margin:0 auto;padding:44px 20px 8px}
.sfx-overline{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sfx-teal-dark,#007a72);font-weight:700;margin:0 0 6px}
.sfx-title{font-size:clamp(1.35rem,3.6vw,1.8rem);font-weight:700;color:var(--sfx-ink,#1d1d1f);margin:0 0 6px;letter-spacing:-.01em}
.sfx-sub{color:var(--sfx-muted,#6e6e73);margin:0 0 20px;line-height:1.5;max-width:38em}
.sfx-q{font-weight:600;color:var(--sfx-ink,#1d1d1f);margin:22px 0 12px;font-size:.98rem}
.sfx-chips{display:flex;flex-wrap:wrap;gap:10px}
.sfx-chip{appearance:none;font:inherit;border:1px solid var(--sfx-line,#d2d2d7);background:var(--sfx-white,#fff);border-radius:999px;padding:10px 18px;font-size:.93rem;color:var(--sfx-ink,#1d1d1f);cursor:pointer;line-height:1.25;transition:border-color .15s ease,background .15s ease}
.sfx-chip:hover{border-color:var(--sfx-teal,#00afa3)}
.sfx-chip.is-active{background:var(--sfx-tint,#e6f7f5);border-color:var(--sfx-teal,#00afa3);font-weight:600}
.sfx-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 2px;font-size:.9rem;color:var(--sfx-muted,#6e6e73)}
.sfx-crumb b{color:var(--sfx-ink,#1d1d1f);font-weight:600}
.sfx-reset{appearance:none;font:inherit;border:0;background:none;color:var(--sfx-teal-dark,#007a72);cursor:pointer;font-size:.88rem;padding:2px 4px;text-decoration:underline}
.sfx-result{display:none;margin-top:16px}
.sfx-result.is-open{display:block}
.sfx-plan{display:grid;gap:12px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(3,1fr)}
.sfx-tile{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--sfx-line,#d2d2d7);border-radius:16px;padding:16px 18px;background:var(--sfx-white,#fff);text-decoration:none;transition:border-color .15s ease}
.sfx-tile:hover{border-color:var(--sfx-teal,#00afa3)}
.sfx-num{flex:0 0 26px;height:26px;border-radius:50%;background:var(--sfx-tint,#e6f7f5);color:var(--sfx-teal-dark,#007a72);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;margin-top:2px}
.sfx-start{display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sfx-teal-dark,#007a72);margin-bottom:2px}
.sfx-tile__t{display:block;font-weight:600;color:var(--sfx-ink,#1d1d1f);margin:0 0 3px;font-size:.95rem}
.sfx-tile__d{font-size:.86rem;color:var(--sfx-muted,#6e6e73);margin:0;line-height:1.45}
.sfx-guide{margin-top:14px;border-left:3px solid var(--sfx-teal,#00afa3);border-radius:0 12px 12px 0;background:var(--sfx-bg,#f5f5f7);padding:12px 16px;font-size:.9rem;color:var(--sfx-ink,#1d1d1f)}
.sfx-guide a{color:var(--sfx-teal-dark,#007a72);font-weight:600;text-decoration:none}
.sfx-guide a:hover{text-decoration:underline}
.sfx-hub{margin-top:10px;font-size:.9rem}
.sfx-hub a{color:var(--sfx-teal-dark,#007a72)}
@media(max-width:900px){.sfx-plan{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sfx-plan{grid-template-columns:1fr}.sfx-chip{padding:11px 16px;font-size:.92rem}.sfx{padding:36px 16px 4px}}