/* Indexcheck: alleen wat de gedeelde .fs-tool-klassen niet hebben. */
.fs-tool[data-engine="index-checker"] .fs-index-example { margin: 0; display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; padding: 10px 14px; border-radius: var(--fs-radius-sm); background: var(--fs-cream); color: var(--fs-muted); font-size: .92rem; }
.fs-tool[data-engine="index-checker"] .fs-index-example span { padding: 3px 10px; border-radius: 999px; background: var(--fs-navy); color: #fff; font-weight: 700; font-size: .8rem; }
.fs-tool[data-engine="index-checker"] .fs-index-snippet { padding: 14px 16px; border: 1px solid var(--fs-line); border-radius: var(--fs-radius-sm); background: #fff; font-family: Arial, Helvetica, sans-serif; min-width: 0; }
.fs-tool[data-engine="index-checker"] .fs-index-snippet p { margin: 0; overflow-wrap: anywhere; }
.fs-tool[data-engine="index-checker"] .fs-index-snippet-crumb { color: #4d5156; font-size: .82rem; line-height: 1.4; }
.fs-tool[data-engine="index-checker"] .fs-index-snippet-title { margin-top: 2px; font-size: 1.12rem; line-height: 1.35; }
.fs-tool[data-engine="index-checker"] .fs-index-snippet-title a { color: #1a0dab; text-decoration: none; }
.fs-tool[data-engine="index-checker"] .fs-index-snippet-title a:hover, .fs-tool[data-engine="index-checker"] .fs-index-snippet-title a:focus-visible { text-decoration: underline; }
.fs-tool[data-engine="index-checker"] .fs-index-snippet-desc { margin-top: 4px; color: #4d5156; font-size: .9rem; line-height: 1.55; }
.fs-tool[data-engine="index-checker"] .fs-index-pages h2, .fs-tool[data-engine="index-checker"] .fs-index-steps h2 { margin: 0 0 12px; }
.fs-tool[data-engine="index-checker"] .fs-index-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.fs-tool[data-engine="index-checker"] .fs-index-steps { padding: 18px 20px; border-radius: var(--fs-radius-md); background: var(--fs-cream); }
.fs-tool[data-engine="index-checker"] .fs-index-steps ol { margin: 0; padding-left: 1.3em; display: grid; gap: 10px; line-height: 1.55; }
.fs-tool[data-engine="index-checker"] .fs-index-steps strong { color: var(--fs-navy); }
.fs-tool[data-engine="index-checker"] .fs-index-steps a { color: var(--fs-navy); }
.fs-tool[data-engine="index-checker"] .fs-tool-hint code { font-size: .86rem; overflow-wrap: anywhere; }
