/* Fase 2: "In het kort", agentkaarten, vragen en de pagina /ai-agents. Bouwt op pages.css. */
.dl-kort{margin-block:8px 0}
.dl-kort-text{max-width:860px;margin:10px 0 0;padding:22px 26px;border-radius:22px;background:var(--sand,#ece6db);color:var(--ink);font-size:clamp(17px,1.6vw,20px);line-height:1.55;letter-spacing:-.01em}
.dl-hub-index{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0}
.dl-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.dl-agent-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-agent-card{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--pages-line,var(--line));border-radius:22px;background:#fff}
.dl-agent-card h3{margin:0;font-size:20px;letter-spacing:-.03em}
.dl-agent-card h3 a{color:inherit;text-decoration:none}
.dl-agent-card h3 a:hover,.dl-agent-card h3 a:focus-visible{color:var(--blue)}
.dl-agent-card p{margin:0;color:var(--muted);line-height:1.6}
.dl-agent-control{margin-top:auto!important;padding-top:8px;font-size:13px;font-weight:600;color:var(--ink)!important}
.dl-agent-control::before{content:"✓ ";color:var(--blue)}
.dl-agents-more{margin:22px 0 0}
.dl-faq-list{max-width:860px;border-top:1px solid var(--pages-line,var(--line))}
.dl-hub-agent{scroll-margin-top:110px}
.dl-hub-does{max-width:760px;margin:0;font-size:18px;line-height:1.6}
.dl-hub-label{margin:22px 0 8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dl-hub-examples{max-width:760px;margin:0;padding-left:1.1em;display:grid;gap:8px;color:var(--muted);line-height:1.6}
.dl-hub-examples a{color:var(--ink);font-weight:600}
.dl-hub-agent .dl-agent-control{margin-top:18px!important}
.dl-hub-honest p{max-width:760px;margin:0;padding:18px 22px;border:1px dashed var(--pages-line,var(--line));border-radius:18px;color:var(--muted)}
@media (max-width:1000px){.dl-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dl-agent-grid,.dl-agent-grid[data-count="4"]{grid-template-columns:1fr}}
@media (max-width:760px){.dl-kort-text{padding:18px;border-radius:18px}.dl-agent-card{padding:20px}}