/* content.css — opmaak voor uitgebreide toolcontent (uitleg, FAQ, bronnen, gerelateerd) */
.seo-content{line-height:1.7;color:var(--text)}
.seo-content h2{font-size:1.15rem;font-weight:700;margin:1.6rem 0 .6rem}
.seo-content h2:first-child{margin-top:0}
.seo-content h3{font-size:1rem;font-weight:600;margin:1.2rem 0 .4rem}
.seo-content p{color:var(--muted);margin:.5rem 0}
.seo-content ul,.seo-content ol{color:var(--muted);margin:.5rem 0 .75rem 1.25rem;padding:0}
.seo-content li{margin:.35rem 0}
.seo-content table{border-collapse:collapse;margin:.75rem 0;width:100%;font-size:.92rem}
.seo-content th,.seo-content td{border:1px solid var(--border);padding:.4rem .6rem;text-align:left}
.seo-content a{color:var(--accent)}
.faq-item{border:1px solid var(--border);border-radius:8px;padding:.65rem .9rem;margin:.5rem 0;background:var(--bg)}
.faq-item summary{cursor:pointer;font-weight:600;font-size:.95rem}
.faq-item .faq-a{margin-top:.5rem}
.bronnen li{margin:.3rem 0}
.content-note{font-size:.8rem;color:var(--muted);opacity:.8;margin-top:1.25rem}
.rel-tools{display:flex;flex-wrap:wrap;gap:.5rem}
.rel-tool{display:inline-block;padding:.45rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--accent);text-decoration:none;font-size:.88rem;font-weight:600}
.rel-tool:hover{border-color:var(--accent)}