/* Fascia "Rete Ingrossidea" — UGUALE sui 3 siti (ingrossidea.it, mythossentinel.com, vocity.it).
   Prende colori e font del sito che la ospita (inherit/currentColor): niente colori propri,
   così resta coerente con lo stile unico deciso da "grafica". File esterno: va bene con CSP style-src 'self'. */
.rete { margin: 0 0 32px; padding: 28px 0; border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-bottom: 1px solid color-mix(in srgb, currentColor 18%, transparent); color: inherit; font: inherit; }
.rete-titolo { margin: 0 0 16px; font-size: .78rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .7; }
.rete-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.rete-voce { margin: 0; }
.rete-voce a, .rete-voce > span { display: block; height: 100%; padding: 14px 16px; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: var(--rete-raggio, 10px); color: inherit; text-decoration: none; }
.rete-voce a:hover, .rete-voce a:focus-visible { border-color: currentColor; }
.rete-voce a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.rete-nome { display: block; font-weight: 700; font-size: 1rem; }
.rete-cosa { display: block; margin-top: 4px; font-size: .86rem; opacity: .75; line-height: 1.4; }
.rete-voce > span { opacity: 1; border-style: dashed; }
.rete-voce > span .rete-nome::after { content: " · sei qui"; font-weight: 400; font-size: .8rem; }
.rete-extra { margin: 14px 0 0; font-size: .9rem; }
.rete-extra a { color: inherit; text-underline-offset: 3px; }