/* Startseite und Textseiten des Phishing-Schutzes */
.fp-start{display:flex;flex-direction:column;gap:36px}
.fp-start .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.fp-start .tile{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:16px;background:var(--surface);border:1px solid var(--line-2);text-decoration:none !important;color:var(--fg) !important;min-width:0;transition:border-color .2s, transform .2s}
.fp-start .tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.fp-start .tile .ico{color:var(--accent)}
.fp-start .tile h2{margin:0;font-size:1.6rem;line-height:1.2;font-weight:600}
.fp-start .tile p{margin:0;color:var(--muted)}
.fp-start .tile .go{margin-top:auto;align-self:flex-start;font-weight:600;padding:12px 20px;border-radius:8px;background:var(--accent);color:var(--accent-ink)}
.fp-start .tile.alt .go{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.fp-start .sos{border-radius:16px;padding:24px 28px;background:var(--danger-soft);border:1px solid var(--danger);display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.fp-start .sos div{flex:1 1 320px;min-width:0}
.fp-start .sos h2{margin:0 0 4px;font-size:1.3rem;font-weight:600}
.fp-start .sos p{margin:0;color:var(--fg)}
.fp-start .tel{font-family:var(--mono);font-size:1.6rem;font-weight:600;user-select:all;color:var(--fg)}
.fp-start .rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.fp-start .rule{padding:18px 20px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;gap:6px}
.fp-start .rule b{font-size:1.05rem}
.fp-start .rule span{color:var(--muted);font-size:.95rem}
.fp-start .note{color:var(--muted);font-size:.9rem;max-width:72ch;margin:0}
.fp-start .note a{color:var(--accent)}

.fp-text{max-width:780px;display:flex;flex-direction:column;gap:14px}
.fp-text h2{margin:22px 0 0;font-size:1.3rem;font-weight:600}
.fp-text p,.fp-text ul{margin:0;color:var(--fg)}
.fp-text ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.fp-text .box{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:18px 20px}
.fp-text .dim{color:var(--muted)}
.fp-text a{color:var(--accent)}

.fp-check .fp-hinweis{color:var(--muted);font-size:13px;margin:0;text-align:center}
.fp-pruefer .privacy,.fp-hero-privacy{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;color:var(--text-secondary,#9aa7b8);margin-top:14px}
.fp-hero-privacy svg{color:var(--accent,#00e5a8);flex-shrink:0}

/* Eigener Inhaltsbereich statt .content der Hauptseite, deren Listen- und Ueberschriften-Stile sonst ins Werkzeug greifen */
.fp-bereich{padding:56px 0 88px;position:relative;z-index:1}
@media (max-width:720px){.fp-bereich{padding:36px 0 64px}}