/* Componenti grafici degli articoli generati da AI Articoli Autopilot */

.aaa-box{border:1px solid #e2e6ef;background:#f5f7fb;border-radius:12px;padding:16px 20px;margin:22px 0}
.aaa-box>:first-child{margin-top:0}
.aaa-box>:last-child{margin-bottom:0}
.aaa-box-info{background:#eef4ff;border-color:#c7d7fb}
.aaa-box-tip{background:#ecfdf3;border-color:#a7f3c4}
.aaa-box-warn{background:#fff7ed;border-color:#fed7aa}

.aaa-lead{font-size:1.15em;font-weight:500;color:#1d2b53;margin-bottom:1.4em}

.aaa-steps{counter-reset:step;list-style:none;padding:0;margin:20px 0}
.aaa-steps>li{counter-increment:step;position:relative;padding:0 0 18px 48px;margin:0}
.aaa-steps>li::before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#3a4cbf;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}

.aaa-checklist{list-style:none;padding:0;margin:18px 0}
.aaa-checklist>li{position:relative;padding:6px 0 6px 30px}
.aaa-checklist>li::before{content:"\2713";position:absolute;left:0;color:#1f9d55;font-weight:700}

.aaa-compare,.aaa-spec{width:100%;border-collapse:collapse;margin:20px 0}
.aaa-compare th,.aaa-compare td{border:1px solid #e2e6ef;padding:10px 12px;text-align:left;vertical-align:top}
.aaa-compare th{background:#1d2b53;color:#fff}
.aaa-spec th,.aaa-spec td{border-bottom:1px solid #e2e6ef;padding:9px 10px;text-align:left}
.aaa-spec th{width:40%;color:#1d2b53}

.aaa-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
@media (max-width:640px){.aaa-proscons{grid-template-columns:1fr}}
.aaa-pros,.aaa-cons{list-style:none;margin:0;padding:14px 18px;border-radius:10px}
.aaa-pros{background:#ecfdf3}
.aaa-cons{background:#fef2f2}
.aaa-pros>li::before{content:"+ ";color:#1f9d55;font-weight:700}
.aaa-cons>li::before{content:"\2013  ";color:#c53030;font-weight:700}

.aaa-faq-item{border-left:4px solid #3a4cbf;padding:2px 0 2px 16px;margin:18px 0}
.aaa-faq-item h3{margin:0 0 6px}

.aaa-quote{border-left:4px solid #3a4cbf;background:#f5f7fb;border-radius:0 10px 10px 0;margin:26px 0;padding:14px 22px;font-size:1.15em;font-style:italic;color:#1d2b53}

/* Varianti per modello */
.aaa-tpl-approfondimento .aaa-lead{border-left:4px solid #c53030;padding-left:14px}
.aaa-tpl-checklist .aaa-checklist>li{border-bottom:1px dashed #e2e6ef}
.aaa-tpl-recensione .aaa-spec th{background:#f5f7fb}
.aaa-tpl-confronto .aaa-compare tr:nth-child(even) td{background:#fafbfd}