Risques perçus et objections vis-à-vis des robots de service

.robot-wrapper { max-width: 900px; margin: 0 auto; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.6; color: #111827; } .robot-wrapper h1, .robot-wrapper h2, .robot-wrapper h3 { font-weight: 700; color: #111827; } .robot-wrapper h1 { font-size: 2rem; margin-top: 1.5rem; margin-bottom: 1rem; border-bottom: 3px solid #dc2626; padding-bottom: 0.5rem; } .robot-wrapper h2 { font-size: 1.6rem; margin-top: 2rem; margin-bottom: 0.75rem; } .robot-wrapper h3 { font-size: 1.25rem; margin-top: 1.5rem; margin-bottom: 0.5rem; } .robot-wrapper p, .robot-wrapper ul { margin-bottom: 0.75rem; } .robot-encadre { border-radius: 10px; padding: 18px 20px; margin: 24px 0; background: #f9fafb; border: 1px solid #e5e7eb; } .turquoise { border-left: 4px solid #14b8a6; } .bleu { border-left: 4px solid #2563eb; } .rouge { border-left: 4px solid #dc2626; } .robot-encadre-titre { font-weight: 700; text-transform: uppercase; font-size: 0.9rem; margin-bottom: 0.5rem; letter-spacing: 0.05em; } .robot-breadcrumb { font-size: 0.85rem; color: #6b7280; margin-bottom: 0.75rem; } .robot-breadcrumb a { color: #2563eb; text-decoration: none; } .robot-breadcrumb a:hover { text-decoration: underline; } .robot-tag-list { margin: 0.5rem 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; } .robot-tag { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.8rem; background: #fee2e2; color: #b91c1c; } .robot-ref-list li { margin-bottom: 0.4rem; } @media (max-width: 768px) { .robot-wrapper { padding: 0 10px; } }