/* AI-zichtbaarheidscheck: alleen wat de gedeelde .fs-tool-klassen niet dekken. */
.fs-tool[data-engine="ai-zichtbaarheid-check"] .fs-tool-field textarea { min-height: 72px; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-examples { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: -4px; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-examples .fs-tool-hint { flex-basis: 100%; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-example { max-width: 100%; padding: 7px 12px; border: 1px solid var(--fs-line); border-radius: 999px; background: var(--fs-paper); color: var(--fs-navy); font: inherit; font-size: .88rem; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-example:hover { border-color: var(--fs-gold); background: var(--fs-cream); }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-example:focus-visible,
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer a:focus-visible,
.fs-tool[data-engine="ai-zichtbaarheid-check"] .fs-tool-table a:focus-visible { outline: 3px solid var(--fs-gold); outline-offset: 2px; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-status { margin: 20px 0 0; padding: 12px 14px 12px 42px; border-radius: var(--fs-radius-sm); background: var(--fs-cream); color: var(--fs-navy); position: relative; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-status::before { content: ""; position: absolute; left: 14px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border: 2.5px solid var(--fs-line); border-top-color: var(--fs-navy); border-radius: 50%; animation: fs-ai-spin .9s linear infinite; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-status[hidden] { display: none; }
@keyframes fs-ai-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-status::before { animation: none; } }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-sample { margin: -6px 0 0; color: var(--fs-muted); font-size: .92rem; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-verdict { padding: 18px 20px; border-radius: var(--fs-radius-md); border-left: 6px solid var(--fs-line); background: var(--fs-cream); }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-verdict.is-yes { border-left-color: var(--fs-green); background: #e8f3ee; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-verdict.is-no { border-left-color: #b3261e; background: #fbeaea; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-verdict-title { margin: 0; font-size: 1.25rem; font-weight: 800; line-height: 1.3; color: var(--fs-navy); overflow-wrap: anywhere; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-verdict-text { margin: 6px 0 0; color: var(--fs-text); }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-block { display: grid; gap: 10px; min-width: 0; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-block h2 { margin: 0; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-question { margin: 0; font-weight: 600; color: var(--fs-navy); }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-question span { color: var(--fs-muted); font-weight: 400; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer { padding: 18px 20px; border: 1px solid var(--fs-line); border-radius: var(--fs-radius-md); background: var(--fs-paper); line-height: 1.6; max-height: 560px; overflow: auto; overflow-wrap: anywhere; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer > :first-child { margin-top: 0; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer > :last-child { margin-bottom: 0; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer p,
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer ul,
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer ol { margin: 0 0 12px; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer ul,
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer ol { padding-left: 1.3em; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer .ai-answer-head { font-weight: 800; color: var(--fs-navy); }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer a { color: var(--fs-navy); }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer mark { background: rgba(215, 168, 58, .38); color: inherit; padding: 0 2px; border-radius: 3px; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-chips li { padding: 6px 12px; border-radius: 999px; background: var(--fs-cream); color: var(--fs-navy); font-size: .92rem; overflow-wrap: anywhere; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .fs-tool-table tr.is-own td { background: #e8f3ee; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-own { display: inline-block; margin-left: 4px; padding: 1px 8px; border-radius: 999px; background: var(--fs-green); color: #fff; font-size: .75rem; font-weight: 700; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-note { padding: 14px 16px; border-radius: var(--fs-radius-sm); background: var(--fs-cream); }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-note p { margin: 0; font-size: .95rem; }
@media (max-width: 520px) {
  .fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-answer { padding: 14px; max-height: 480px; }
  .fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-verdict { padding: 14px 16px; }
  .fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-verdict-title { font-size: 1.1rem; }
}
.fs-tool[data-engine="ai-zichtbaarheid-check"] .fs-tool-sample { justify-self: start; }
.fs-tool[data-engine="ai-zichtbaarheid-check"] .ai-block > p { margin: 0; }