/* Fabrika Servizi — agenti AI: esploratore (shortcode/archivio) e pagina singola. Scope .fsa-* */
.fsa-explorer { --fsa-fg: inherit; --fsa-muted: rgba(127,127,127,.95); --fsa-line: rgba(127,127,127,.3); --fsa-accent: currentColor; margin: 0 auto; }
.fsa-explorer__title { margin: 0 0 28px; }
.fsa-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 32px; }
.fsa-tab { appearance: none; background: transparent; border: 1px solid var(--fsa-line); border-radius: 999px; padding: 12px 20px; font: inherit; color: inherit; cursor: pointer; line-height: 1; }
.fsa-tab.is-active { background: #111; color: #fff; border-color: #111; }
@media (prefers-color-scheme: dark) { .fsa-tab.is-active { background: #fff; color: #111; border-color: #fff; } }
body.dark-mode .fsa-tab.is-active, .fsa-explorer.-on-dark .fsa-tab.is-active { background: #fff; color: #111; border-color: #fff; }
.fsa-panel { display: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: start; }
.fsa-panel.is-active { display: grid; }
.fsa-list { list-style: none; margin: 0; padding: 0; }
.fsa-list li { border-bottom: 1px solid var(--fsa-line); }
.fsa-item { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; text-decoration: none; color: inherit; opacity: .55; transition: opacity .15s; }
.fsa-item.is-active, .fsa-item:hover, .fsa-item:focus { opacity: 1; }
.fsa-item__arrow { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; transition: background .15s, color .15s; }
.fsa-item.is-active .fsa-item__arrow { background: #111; color: #fff; }
@media (prefers-color-scheme: dark) { .fsa-item.is-active .fsa-item__arrow { background: #fff; color: #111; } }
body.dark-mode .fsa-item.is-active .fsa-item__arrow, .fsa-explorer.-on-dark .fsa-item.is-active .fsa-item__arrow { background: #fff; color: #111; }
.fsa-detail { display: none; }
.fsa-detail.is-active { display: block; }
.fsa-detail h3 { margin: 0 0 20px; }
.fsa-detail__label { margin: 18px 0 2px; opacity: .7; }
.fsa-detail__text { margin: 0; line-height: 1.6; }
.fsa-detail__more { margin: 24px 0 0; }
.fsa-detail__more a { font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; }
@media (max-width: 782px) { .fsa-panel.is-active { grid-template-columns: 1fr; gap: 24px; } .fsa-item { padding: 14px 0; } }
/* Pagina agente: estensioni allo stile .fs-page del Content Studio */
.fs-agent .fs-hero .fs-subtitle{font-size:1.35em}
.fs-agent .fs-two-col h2{margin-top:0}
.fs-agent .fs-problem ul,.fs-agent .fs-limits ul{margin:0 0 1em 1.2em;padding:0}
.fs-agent .fs-problem li,.fs-agent .fs-limits li{margin:0 0 .6em}
.fs-agent .fs-solution ol{list-style:none;margin:0 0 1em;padding:0;counter-reset:step}
.fs-agent .fs-solution ol li{position:relative;padding:.2em 0 1em 3em;counter-increment:step}
.fs-agent .fs-solution ol li::before{content:counter(step);position:absolute;left:0;top:0;width:2.1em;height:2.1em;border-radius:50%;background:var(--fs-accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95em}
.fs-agent .fs-steps li strong .fs-badge{margin-left:.5em;font-weight:400;vertical-align:middle}
.fs-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.fs-stat{background:var(--fs-soft)}
.fs-stat .fs-label{margin-bottom:.6em}
.fs-stat__after{font-size:1.5em;font-weight:700;line-height:1.15;margin:0 0 .25em;color:var(--fs-ink)}
.fs-stat__before{margin:0 0 .5em;color:var(--fs-muted);font-size:.92em}
.fs-stat .fs-muted{margin:0;font-size:.85em}
.fs-agent .fs-answer p:last-child{margin:0}
.fs-agent .fs-answer p{font-size:1em;margin:0 0 .8em}
.fs-agent .fs-related p{margin:0 0 1em}
.fs-agent .fs-price-box .fs-price{margin:0 0 .8em}
.fs-agent a.fs-card{text-decoration:none;color:inherit;display:block}
/* Esploratore: tema chiaro di default (palette del sito), scuro con theme="dark" */
.fsa-explorer{--fsa-line:#e2d8ca;--fsa-muted:#5b5a55;--fsa-accent:#604d3c}
.fsa-explorer:not(.-on-dark) .fsa-tab.is-active{background:#604d3c;color:#fff;border-color:#604d3c}
.fsa-explorer:not(.-on-dark) .fsa-item.is-active .fsa-item__arrow{background:#604d3c;color:#fff}
.fsa-explorer:not(.-on-dark) .fsa-detail__more a{color:#604d3c}
.fsa-explorer.-on-dark{color:#fff;background:#111;padding:48px;border-radius:20px}
.fsa-explorer.-on-dark .fsa-tab{color:#fff;border-color:rgba(255,255,255,.3)}