/* Componenti editoriali comuni */
  .sf6p .sf6p__summary {
    position: relative;
    z-index: 2;
    width: min(100% - 40px, 1160px) !important;
    display: grid !important;
    grid-template-columns: minmax(180px, 0.34fr) minmax(0, 1.2fr) !important;
    gap: 38px !important;
    margin: 38px auto 0 !important;
    padding: 28px 30px !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 16px 44px rgba(12, 45, 66, 0.07) !important;
  }
  .sf6p .sf6p__summary-label span {
    display: block !important;
    margin-bottom: 7px !important;
    color: var(--accent) !important;
    font:
      800 10px/1.2 "Manrope",
      Arial,
      sans-serif !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
  }
  .sf6p .sf6p__summary-label h2 {
    margin: 0 !important;
    color: var(--dark) !important;
    font:
      800 24px/1.15 "Manrope",
      Arial,
      sans-serif !important;
    letter-spacing: -0.025em !important;
  }
  .sf6p .sf6p__summary ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .sf6p .sf6p__summary li {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 13px 15px !important;
    border-radius: 9px !important;
    background: var(--pale) !important;
  }
  .sf6p .sf6p__summary li span {
    color: var(--accent) !important;
    font:
      800 10px/1.4 "Manrope",
      Arial,
      sans-serif !important;
  }
  .sf6p .sf6p__summary li strong {
    color: var(--dark) !important;
    font:
      700 14px/1.42 "Manrope",
      Arial,
      sans-serif !important;
  }
  .sf6p .sf6p__split-panel > .sf6p__list {
    grid-template-columns: 1fr !important;
  }
  .sf6p .sf6p__item-text,
  .sf6p .sf6p__list a {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  @media (min-width: 941px) {
    .sf6p .sf6p__cards--count-2,
    .sf6p .sf6p__cards--count-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .sf6p .sf6p__cards--count-5 {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
    .sf6p .sf6p__cards--count-5 > .sf6p__card {
      grid-column: span 2 !important;
    }
    .sf6p .sf6p__cards--count-5 > .sf6p__card:nth-child(n + 4) {
      grid-column: span 3 !important;
    }
  }
  @media (min-width: 641px) and (max-width: 940px) {
    .sf6p .sf6p__cards--count-3 > .sf6p__card:last-child,
    .sf6p .sf6p__cards--count-5 > .sf6p__card:last-child {
      grid-column: 1/-1 !important;
    }
  }
  .sf6p .sf6p__faq {
    padding: 76px 0 !important;
    border-top: 1px solid var(--line) !important;
    background: linear-gradient(180deg, #fff, var(--paper)) !important;
  }
  .sf6p .sf6p__faq-head {
    display: grid !important;
    grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1.1fr) !important;
    gap: 56px !important;
    margin-bottom: 28px !important;
  }
  .sf6p .sf6p__faq-head .sf6p__eyebrow {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .sf6p .sf6p__faq-head h2 {
    grid-column: 2 !important;
    margin: 0 !important;
    color: var(--dark) !important;
    font:
      800 clamp(30px, 4vw, 44px) / 1.1 "Manrope",
      Arial,
      sans-serif !important;
    letter-spacing: -0.035em !important;
  }
  .sf6p .sf6p__faq-list {
    max-width: 900px !important;
    margin-left: auto !important;
    border-top: 1px solid var(--line) !important;
  }
  .sf6p .sf6p__faq-item {
    border-bottom: 1px solid var(--line) !important;
    background: transparent !important;
  }
  .sf6p .sf6p__faq-item summary {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 28px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 20px 4px !important;
    color: var(--dark) !important;
    font:
      800 16px/1.35 "Manrope",
      Arial,
      sans-serif !important;
    cursor: pointer !important;
    list-style: none !important;
    transition: color 180ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  }
  .sf6p .sf6p__faq-item summary::-webkit-details-marker {
    display: none !important;
  }
  .sf6p .sf6p__faq-item summary span {
    color: var(--accent) !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }
  .sf6p .sf6p__faq-item summary::after {
    content: "+" !important;
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    color: var(--accent) !important;
    background: var(--pale) !important;
    font:
      700 18px/1 "Manrope",
      Arial,
      sans-serif !important;
    transition:
      transform 180ms cubic-bezier(0.23, 1, 0.32, 1),
      background 180ms ease !important;
  }
  .sf6p .sf6p__faq-item[open] summary::after {
    transform: rotate(45deg) !important;
    background: color-mix(in srgb, var(--accent) 15%, #fff) !important;
  }
  .sf6p .sf6p__faq-item summary:hover,
  .sf6p .sf6p__faq-item summary:focus-visible {
    color: var(--accent) !important;
  }
  .sf6p .sf6p__faq-item summary:focus,
  .sf6p .sf6p__faq-item summary:focus-visible {
    outline: 3px solid var(--accent) !important;
    outline-offset: 4px !important;
    border-radius: 8px !important;
  }
  .sf6p .sf6p__faq-item > div {
    padding: 0 42px 20px 54px !important;
  }
  .sf6p .sf6p__faq-item p {
    max-width: 70ch !important;
    margin: 0 !important;
    color: var(--muted) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
  .sf6p[data-enhanced="true"] .sf6-reveal {
    transition-duration: 260ms !important;
    transition-delay: var(--sf7-delay, 0ms) !important;
  }
  /* SF7.1 MOTION LAYER — transform/opacity, fallback visibile e reduced motion */
  .sf6p .sf7p__progress {
    position: fixed !important;
    z-index: 999 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
  }
  .sf6p .sf7p__progress span {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: var(--accent) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    will-change: transform !important;
  }
  .sf6p .sf6p__button > span,
  .sf6p .sf6p__text-link > span {
    display: inline-block !important;
    width: auto !important;
    background: transparent !important;
    transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  }
  .sf6p .sf6p__button:hover > span,
  .sf6p .sf6p__button:focus-visible > span,
  .sf6p .sf6p__text-link:hover > span,
  .sf6p .sf6p__text-link:focus-visible > span {
    transform: translateX(4px) !important;
  }
  .sf6p .sf6p__page-nav a {
    position: relative !important;
    transition:
      color 180ms cubic-bezier(0.23, 1, 0.32, 1),
      background 180ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  }
  .sf6p .sf6p__page-nav a::after {
    content: "" !important;
    position: absolute !important;
    right: 10px !important;
    bottom: 3px !important;
    left: 10px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: var(--accent) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  }
  .sf6p .sf6p__page-nav a:hover::after,
  .sf6p .sf6p__page-nav a:focus-visible::after,
  .sf6p .sf6p__page-nav a.is-active::after {
    transform: scaleX(1) !important;
  }
  .sf6p .sf6p__page-nav a:focus-visible {
    outline: 3px solid var(--accent) !important;
    outline-offset: 2px !important;
  }
  .sf6p:focus {
    outline: 3px solid var(--accent) !important;
    outline-offset: -3px !important;
  }
  .sf6p .sf6p__card::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 3px !important;
    background: var(--accent) !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: transform 220ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  }
  .sf6p .sf6p__card:hover::after,
  .sf6p .sf6p__card:focus-within::after {
    transform: scaleX(1) !important;
  }
  .sf6p .sf6p__summary li,
  .sf6p .sf6p__list li,
  .sf6p .sf6p__steps li,
  .sf6p .sf6p__trust-item,
  .sf6p .sf6p__guide {
    transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  }
  .sf6p .sf6p__faq-item[open] > div {
    animation: sf7-faq-in 220ms cubic-bezier(0.23, 1, 0.32, 1) both !important;
  }
  @keyframes sf7-faq-in {
    from {
      opacity: 0.25;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .sf6p .sf6p__summary li:hover {
      transform: translateX(4px) !important;
    }
    .sf6p .sf6p__list li:hover,
    .sf6p .sf6p__steps li:hover {
      transform: translateY(-2px) !important;
    }
    .sf6p .sf6p__trust-item:hover {
      transform: translateY(-2px) !important;
    }
    .sf6p .sf6p__guide:hover {
      transform: translateY(-3px) !important;
    }
  }
  /* Variante 1 — Canali: visione ampia e percorsi di accesso */
  .sf6p[data-layout="channel"] .sf6p__hero {
    padding: 92px 0 70px !important;
    background:
      radial-gradient(
        circle at 82% 35%,
        color-mix(in srgb, var(--accent) 32%, transparent),
        transparent 34%
      ),
      linear-gradient(
        135deg,
        var(--dark),
        color-mix(in srgb, var(--dark) 82%, var(--accent))
      ) !important;
  }
  .sf6p[data-layout="channel"] .sf6p__hero::before {
    opacity: 0.32 !important;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
  }
  .sf6p[data-layout="channel"] .sf6p__hero::after {
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  .sf6p[data-layout="channel"] h1 {
    max-width: 15ch !important;
    color: #fff !important;
    font-size: clamp(48px, 6.1vw, 78px) !important;
  }
  .sf6p[data-layout="channel"] .sf6p__lead {
    color: rgba(255, 255, 255, 0.78) !important;
  }
  .sf6p[data-layout="channel"] .sf6p__tag {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.23) !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }
  .sf6p[data-layout="channel"] .sf6p__tag--accent {
    color: var(--dark) !important;
    background: #fff !important;
    border-color: #fff !important;
  }
  .sf6p[data-layout="channel"] .sf6p__guide {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
  }
  .sf6p[data-layout="channel"] .sf6p__guide-label,
  .sf6p[data-layout="channel"] .sf6p__guide li::before {
    color: #fff !important;
  }
  .sf6p[data-layout="channel"] .sf6p__guide li {
    color: rgba(255, 255, 255, 0.72) !important;
  }
  .sf6p[data-layout="channel"] .sf6p__button--secondary {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: transparent !important;
  }
  .sf6p[data-layout="channel"] .sf6p__button--secondary:hover {
    color: var(--dark) !important;
    background: #fff !important;
  }
  .sf6p[data-layout="channel"] .sf6p__summary {
    margin-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    border-top: 4px solid var(--accent) !important;
  }
  .sf6p[data-layout="channel"] .sf6p__cards {
    gap: 20px !important;
  }
  .sf6p[data-layout="channel"] .sf6p__card {
    border-radius: 18px 4px 18px 4px !important;
  }
  /* Variante 2 — Istituzionale: autorevolezza, governance, informazione */
  .sf6p[data-layout="institutional"] .sf6p__hero {
    border-bottom: 6px solid var(--accent) !important;
    background: linear-gradient(
      100deg,
      #fff 0%,
      #fff 58%,
      var(--pale) 58%,
      var(--pale) 100%
    ) !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__hero-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr) !important;
    align-items: center !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__guide {
    border-radius: 2px 18px 2px 18px !important;
    box-shadow: 14px 14px 0 color-mix(in srgb, var(--accent) 12%, #fff) !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__summary {
    box-shadow: none !important;
    border-left: 5px solid var(--accent) !important;
    border-radius: 3px !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__section-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.8fr) !important;
    gap: 54px !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__section-head {
    display: block !important;
    margin: 0 !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__section-head h2,
  .sf6p[data-layout="institutional"]
    .sf6p__section-head
    > p:not(.sf6p__eyebrow) {
    grid-column: auto !important;
  }
  .sf6p[data-layout="institutional"]
    .sf6p__section-head
    > p:not(.sf6p__eyebrow) {
    font-size: 16px !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__cards,
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__list,
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__steps,
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__feature,
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__split-panel,
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__notice {
    grid-column: 2 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__note,
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__evidence,
  .sf6p[data-layout="institutional"] .sf6p__section-inner > .sf6p__embed-note {
    grid-column: 2 !important;
    margin-left: 0 !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__cards--people {
    grid-column: 1/-1 !important;
  }
  .sf6p[data-layout="institutional"] .sf6p__faq .sf6p__section-inner {
    display: block !important;
  }
  /* Variante 3 — Servizi: scelta rapida, processo e attivazione */
  .sf6p[data-layout="service"] .sf6p__hero {
    padding: 68px 0 52px !important;
    background: linear-gradient(115deg, var(--pale) 0%, #fff 64%) !important;
  }
  .sf6p[data-layout="service"] .sf6p__hero::after {
    right: 8% !important;
    bottom: -310px !important;
    width: 620px !important;
    height: 620px !important;
    border-width: 2px !important;
    border-color: color-mix(in srgb, var(--accent) 20%, transparent) !important;
  }
  .sf6p[data-layout="service"] h1 {
    max-width: 16ch !important;
    font-size: clamp(43px, 5.2vw, 66px) !important;
  }
  .sf6p[data-layout="service"] .sf6p__guide {
    border-top: 4px solid var(--accent) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
  }
  .sf6p[data-layout="service"] .sf6p__summary {
    grid-template-columns: 220px minmax(0, 1fr) !important;
    background: var(--dark) !important;
    border-color: var(--dark) !important;
  }
  .sf6p[data-layout="service"] .sf6p__summary-label span {
    color: color-mix(in srgb, #fff 65%, var(--accent)) !important;
  }
  .sf6p[data-layout="service"] .sf6p__summary-label h2 {
    color: #fff !important;
  }
  .sf6p[data-layout="service"] .sf6p__summary li {
    background: rgba(255, 255, 255, 0.08) !important;
  }
  .sf6p[data-layout="service"] .sf6p__summary li span {
    color: color-mix(in srgb, #fff 65%, var(--accent)) !important;
  }
  .sf6p[data-layout="service"] .sf6p__summary li strong {
    color: #fff !important;
  }
  .sf6p[data-layout="service"] .sf6p__card {
    border-top: 4px solid var(--accent) !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: none !important;
  }
  .sf6p[data-layout="service"] .sf6p__steps {
    position: relative !important;
    gap: 2px !important;
  }
  .sf6p[data-layout="service"] .sf6p__steps li {
    border-top: 0 !important;
    border-left: 3px solid var(--accent) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--pale) !important;
  }
  /* Variante 4 — Evidenze e Innovazione: stato, metodo, verificabilità */
  .sf6p[data-layout="evidence"] .sf6p__hero {
    border-left: 12px solid var(--accent) !important;
    background: linear-gradient(135deg, #fff 0%, var(--pale) 72%) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__hero-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(270px, 0.58fr) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__guide {
    color: #fff !important;
    background: var(--dark) !important;
    border-color: var(--dark) !important;
    box-shadow: none !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__guide-label,
  .sf6p[data-layout="evidence"] .sf6p__guide li::before {
    color: color-mix(in srgb, #fff 60%, var(--accent)) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__guide li {
    color: rgba(255, 255, 255, 0.75) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__summary {
    border: 0 !important;
    border-radius: 4px !important;
    background: var(--pale) !important;
    box-shadow: none !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__section-inner {
    border-left: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
    padding-left: 42px !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__eyebrow {
    position: relative !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__eyebrow::before {
    content: "" !important;
    position: absolute !important;
    left: -48px !important;
    top: 4px !important;
    width: 11px !important;
    height: 11px !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    background: var(--accent) !important;
    box-shadow: 0 0 0 1px var(--accent) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__notice {
    border-radius: 4px !important;
    border-left: 5px solid var(--accent) !important;
  }
  .sf6p[data-layout="evidence"] .sf6p__card {
    border-radius: 4px !important;
    box-shadow: none !important;
  }
  @media (max-width: 940px) {
    .sf6p[data-layout="institutional"] .sf6p__hero-grid,
    .sf6p[data-layout="evidence"] .sf6p__hero-grid {
      grid-template-columns: 1fr !important;
      gap: 38px !important;
    }
    .sf6p[data-layout="institutional"] .sf6p__section-inner {
      display: block !important;
    }
    .sf6p[data-layout="institutional"] .sf6p__section-inner > * {
      grid-column: 1 !important;
    }
  }
  @media (max-width: 640px) {
    .sf6p .sf6p__summary {
      width: min(100% - 28px, 1160px) !important;
      grid-template-columns: 1fr !important;
      gap: 20px !important;
      padding: 22px !important;
    }
    .sf6p .sf6p__summary ul {
      grid-template-columns: 1fr !important;
    }
    .sf6p .sf6p__faq {
      padding: 58px 0 !important;
    }
    .sf6p .sf6p__faq-head {
      grid-template-columns: 1fr !important;
      gap: 10px !important;
    }
    .sf6p .sf6p__faq-head .sf6p__eyebrow,
    .sf6p .sf6p__faq-head h2 {
      grid-column: 1 !important;
    }
    .sf6p .sf6p__faq-item summary {
      grid-template-columns: 30px minmax(0, 1fr) 26px !important;
      padding: 18px 0 !important;
      font-size: 15px !important;
    }
    .sf6p .sf6p__faq-item > div {
      padding: 0 30px 18px 42px !important;
    }
    .sf6p[data-layout="channel"] .sf6p__hero {
      padding: 64px 0 52px !important;
    }
    .sf6p[data-layout="channel"] h1 {
      font-size: clamp(39px, 12vw, 52px) !important;
    }
    .sf6p[data-layout="institutional"] .sf6p__hero {
      background: linear-gradient(180deg, #fff, var(--pale)) !important;
    }
    .sf6p[data-layout="service"] .sf6p__summary {
      grid-template-columns: 1fr !important;
    }
    .sf6p[data-layout="evidence"] .sf6p__hero {
      border-left-width: 6px !important;
    }
    .sf6p[data-layout="evidence"] .sf6p__section-inner {
      border-left: 0 !important;
      padding-left: 0 !important;
    }
    .sf6p[data-layout="evidence"] .sf6p__eyebrow::before {
      display: none !important;
    }
    .sf6p .sf7p__backtop {
      right: 12px !important;
      bottom: 12px !important;
      width: 42px !important;
      height: 42px !important;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .sf6p .sf7p__backtop,
    .sf6p .sf7p__backtop span,
    .sf6p .sf6p__button > span,
    .sf6p .sf6p__text-link > span,
    .sf6p .sf6p__page-nav a,
    .sf6p .sf6p__page-nav a::after,
    .sf6p .sf6p__card::after,
    .sf6p .sf6p__summary li,
    .sf6p .sf6p__list li,
    .sf6p .sf6p__steps li,
    .sf6p .sf6p__trust-item,
    .sf6p .sf6p__guide,
    .sf6p .sf6p__faq-item[open] > div {
      animation: none !important;
      transition: none !important;
    }
  }