/* Flossen-Finder: Kacheln, Icons, Teaser (meerjungfrauen-uf, agent C). Geladen überall, wo [mjf_finder_teaser] steht; finder.css baut darauf auf. */
.mjf-fi-teaser [hidden]{display:none!important}
/* tiles */
.mjf-fi-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
@media (min-width:720px){.mjf-fi-kacheln--4{grid-template-columns:repeat(4,minmax(0,1fr))}.mjf-fi-kacheln--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mjf-fi-kacheln--3>:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:720px){.mjf-fi-kacheln--3>:last-child:nth-child(odd){grid-column:auto}}
.mjf-fi-kachel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:132px;padding:14px 10px 12px;text-align:center;background:var(--mjf-weiss);border:2px solid var(--mjf-linie);border-radius:var(--fi-r);color:var(--mjf-tiefsee);cursor:pointer;text-decoration:none;transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s}
.mjf-fi-kachel:hover{border-color:var(--mjf-mauve);transform:translateY(-1px);box-shadow:0 6px 16px rgba(36,60,71,.08)}
.mjf-fi-kachel input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mjf-fi-kachel:has(input:checked){border-color:var(--mjf-beere);background:var(--mjf-mauve-hell);box-shadow:inset 0 0 0 1px var(--mjf-beere)}
.mjf-fi-kachel:has(input:checked)::after{content:"";position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--mjf-beere) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.mjf-fi-kachel:has(input:focus-visible),a.mjf-fi-kachel:focus-visible{outline:3px solid var(--mjf-beere);outline-offset:2px}
.mjf-fi-kachel__bild{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--mjf-meer-hell);margin-bottom:4px}
.mjf-fi-kachel:has(input:checked) .mjf-fi-kachel__bild{background:var(--mjf-weiss)}
.mjf-fi-kachel__titel{font-weight:700;font-size:16.5px;line-height:1.25}
.mjf-fi-kachel__unter{font-size:13.5px;line-height:1.3;color:var(--mjf-text-2)}
.mjf-fi-kacheln--klein .mjf-fi-kachel{min-height:104px}
.mjf-fi-kacheln--klein .mjf-fi-kachel__bild{width:52px;height:52px}

/* icons */
.mjf-fi-ic{width:44px;height:44px;fill:none;stroke:var(--mjf-beere);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mjf-fi-ic .f0{fill:var(--mjf-beere)}
.mjf-fi-ic .f1{fill:var(--mjf-mauve-hell)}
.mjf-fi-ic .f2{fill:var(--mjf-mauve)}
.mjf-fi-ic .f3{fill:var(--mjf-lagune-hell);stroke:var(--mjf-lagune)}
.mjf-fi-ic .f4{fill:#F0D9C4;stroke:#9A5B2E}
.mjf-fi-ic .f5{fill:var(--mjf-gold-hell);stroke:var(--mjf-gold)}
.mjf-fi-ic .f6{fill:var(--mjf-meer-hell);stroke:var(--mjf-meer-tief)}
.mjf-fi-ic__mass{stroke:var(--mjf-leise);stroke-width:1.2;stroke-dasharray:2 2}

/* ---------- teaser ---------- */
.mjf-fi-teaser{padding:22px clamp(16px,3vw,28px);border-radius:var(--mjf-radius-gross,18px);background:var(--mjf-weiss) linear-gradient(180deg,var(--mjf-mauve-hell),var(--mjf-weiss) 70%);border:1px solid var(--mjf-linie)}
.mjf-fi-teaser__titel{margin:0 0 4px;font-size:clamp(22px,3vw,28px);font-weight:700}
.mjf-fi-teaser__unter{margin:0 0 14px;color:var(--mjf-text-2)}
.mjf-fi-teaser__frage{margin:0 0 8px;font-weight:700;font-size:17px}
.mjf-fi-teaser .mjf-fi-kacheln li{display:flex}
.mjf-fi-teaser .mjf-fi-kachel{flex:1}
.mjf-fi-teaser__fuss{margin:12px 0 0;font-size:13.5px;color:var(--mjf-leise)}

@media (prefers-reduced-motion:reduce){.mjf-fi-kachel{transition:none}.mjf-fi-kachel:hover{transform:none}}