@props(['stats' => []])

<section class="max-w-layout mx-auto mt-12 px-8">
    <div class="grid items-center gap-7 p-6 bg-bg-card-warm border border-bg-rule-strong"
         style="grid-template-columns: auto 1fr auto;">
        <div class="w-11 h-11 rounded-full flex-shrink-0 bg-white border border-bg-rule-strong flex items-center justify-center text-brand">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path d="M12 2l9 4v6c0 5-3.5 9-9 10-5.5-1-9-5-9-10V6z" stroke="currentColor" stroke-width="1.6" fill="none" />
                <path d="M8 12l3 3 5-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
        </div>
        <div>
            <div class="eyebrow mb-1">Redaktioneller Qualitätsstandard</div>
            <div class="text-[13.5px] text-ink leading-[1.5] font-medium">
                Alle Pressemitteilungen werden redaktionell geprüft.
                <span class="text-ink-2 font-normal">
                    Mindestqualität gewährleistet durch unseren Content-Score — eine Bewertung von Quellenqualität, Verifizierungsstatus und redaktioneller Relevanz.
                </span>
            </div>
        </div>
        <a href="{{ route('faq') }}" class="text-[12px] font-semibold text-brand whitespace-nowrap underline underline-offset-[3px] decoration-brand/40 cursor-pointer hover:text-brand-deep hover:decoration-brand transition-colors">
            Redaktionsrichtlinien →
        </a>
    </div>
</section>