/* Integrazioni: pagina "pronto a integrarsi". Riusa da home.css: .integr-strip, .cta-final, .contact-list */

/* schema AppE20 al centro (SVG scalabile; i font seguono il sistema di stile) */
.hub{margin:0;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);width:min(100%,560px);margin-inline:auto;
  padding:clamp(14px,.8rem + 1vw,26px) clamp(14px,.8rem + 1vw,26px) 16px}
.hub svg{width:100%;height:auto;display:block;overflow:visible}
.hub text{font-family:var(--font-d);font-size:16px;fill:var(--ink);text-anchor:middle}
.hub text.big{font-size:24px}
.hub text.sub{font-family:var(--font-t);font-size:11px;fill:var(--muted)}
.hub text.on-red{fill:#fff}
.hub text.on-red.sub{fill:#FBEAE9;font-size:10.5px}
.hub .node{fill:#fff;stroke:var(--ink);stroke-width:1.5}
.hub .node--now{stroke:var(--red);stroke-width:2}
.hub .link{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 5}
.hub .link--now{stroke:var(--red);stroke-dasharray:none}
.hub__note{font-size:.75rem;color:var(--muted);text-align:center;margin:12px 0 0;line-height:1.4}

/* destinazioni tipiche sotto le card */
.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.card .tags .pill{align-self:auto}

/* tabella di mappatura (esempio illustrativo dentro la cornice browser) */
.map{width:100%;border-collapse:collapse;font-size:.8125rem}
.map th{text-align:left;font-family:var(--font-d);font-size:.6875rem;text-transform:uppercase;letter-spacing:var(--track);color:var(--muted);padding:0 8px 10px}
.map td{padding:9px 8px;border-top:1px solid var(--line);vertical-align:middle;color:var(--ink)}
.map td:first-child{font-family:var(--font-d)}
.map .arr{color:var(--red);text-align:center;width:28px;font-family:var(--font-d)}
.map .val{display:inline-block;background:var(--panel);border-radius:6px;padding:4px 9px}
.map .ok{color:#1B7A43;font-family:var(--font-d)}
@media (max-width:420px){.map{font-size:.75rem}.map td{padding:8px 4px}.map .val{padding:3px 6px}}

.int-faq{max-width:820px}