/* DC Native 1.101 — riscontri coerenti su mouse, tastiera e touch.
 * Le frecce aria-hidden nei link del tema sono decorative: si muove solo
 * il glifo, mai il numero di un indice o l'etichetta del collegamento.
 * Caricato dopo navigation-v1.css. Nessun nuovo JavaScript.
 */
.site-main a :is(span,b)[aria-hidden="true"],
.site-main .dc-dark-links a::after,
.site-footer--navigation .dc-footer-studio a > span[aria-hidden="true"] {
  display: inline-block;
  transition: transform 180ms ease, color 180ms ease;
}
.site-main :is(.dc-insights-articles,.dc-insights-related__grid) a {
  transition: background-color 180ms ease, border-color 180ms ease;
}
.site-main :is(.dc-insights-articles h4,.dc-insights-related__grid h3,.dc-insights-read),
.site-main :is(.dc-insights-context-link,.dc-dark-links a,.side-quote a,.related a),
.site-main :is(.detail-content,.dc-vr-references) a,
.site-main .dc-vr-references summary {
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

/* Stati equivalenti per chi usa la tastiera o preme sullo schermo. */
.site-main a:is(:focus-visible,:active) :is(span,b)[aria-hidden="true"],
.site-main .dc-dark-links a:is(:focus-visible,:active)::after,
.site-footer--navigation .dc-footer-studio a:is(:focus-visible,:active) > span[aria-hidden="true"] {
  transform: translateX(4px);
}
.site-main a[href^="#"]:is(:focus-visible,:active) :is(span,b)[aria-hidden="true"] {
  transform: translateY(3px);
}
.site-main :is(.dc-insights-articles,.dc-insights-related__grid) a:is(:focus-visible,:active) {
  background-color: rgba(221,228,221,.38);
  border-color: var(--accent);
}
.site-main :is(.dc-insights-articles,.dc-insights-related__grid) a:is(:focus-visible,:active) :is(h4,h3),
.site-main .dc-insights-articles a:is(:focus-visible,:active) .dc-insights-read,
.site-main :is(.dc-insights-context-link,.side-quote a,.related a):is(:focus-visible,:active),
.site-main :is(.detail-content,.dc-vr-references) a:is(:focus-visible,:active),
.site-main .dc-vr-references summary:is(:focus-visible,:active) {
  color: var(--accent-dark);
  text-decoration: underline;
}
.site-main .dc-dark-links a:is(:focus-visible,:active) {
  color: var(--ivory);
  background-color: rgba(255,255,255,.1);
  border-color: #efb79f;
  text-decoration: underline;
}
.site-main .dc-dark-links a:is(:focus-visible,:active)::after { color: #efb79f; }
.site-main :is(.dc-insights-articles,.dc-insights-related__grid) a:focus-visible,
.site-main :is(.dc-insights-context-link,.side-quote a,.related a):focus-visible,
.site-main :is(.detail-content,.dc-vr-references) a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
.site-main .dc-dark-links a:focus-visible {
  outline: 2px solid #efb79f;
  outline-offset: 3px;
}
:is(.site-header--v1,.site-main) .button:is(:focus-visible,:active) {
  background: var(--accent-dark);
  border-color: var(--accent-dark);
  color: var(--white);
}

/* any-hover copre anche un puntatore secondario, come il trackpad su tablet. */
@media (hover: hover) and (pointer: fine), (any-hover: hover) and (any-pointer: fine) {
  .site-main a:hover :is(span,b)[aria-hidden="true"],
  .site-main .dc-dark-links a:hover::after,
  .site-footer--navigation .dc-footer-studio a:hover > span[aria-hidden="true"] { transform: translateX(4px); }
  .site-main a[href^="#"]:hover :is(span,b)[aria-hidden="true"] { transform: translateY(3px); }
  .site-main :is(.dc-insights-articles,.dc-insights-related__grid) a:hover {
    background-color: rgba(221,228,221,.38);
    border-color: var(--accent);
  }
  .site-main :is(.dc-insights-articles,.dc-insights-related__grid) a:hover :is(h4,h3),
  .site-main .dc-insights-articles a:hover .dc-insights-read,
  .site-main :is(.dc-insights-context-link,.side-quote a,.related a):hover,
  .site-main :is(.detail-content,.dc-vr-references) a:hover,
  .site-main .dc-vr-references summary:hover {
    color: var(--accent-dark);
    text-decoration: underline;
  }
  .site-main .dc-dark-links a:hover {
    color: var(--ivory);
    background-color: rgba(255,255,255,.1);
    border-color: #efb79f;
    text-decoration: underline;
  }
  .site-main .dc-dark-links a:hover::after { color: #efb79f; }
}

/* Il touch usa :active e :focus-visible; nessun sollevamento persistente. */
@media (hover: none) and (any-hover: none) {
  :is(.site-header--v1,.site-main) .button:hover,
  .site-main :is(.dc-insight,.path-card):hover { transform: none; }
}

/* Riduzione movimento: restano colore, sottolineatura e focus, senza spostamenti. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  :is(.site-header--v1,.site-main,.site-footer--navigation) *,
  :is(.site-header--v1,.site-main,.site-footer--navigation) *::before,
  :is(.site-header--v1,.site-main,.site-footer--navigation) *::after {
    transition-duration: .01ms !important;
  }
  .site-main a:is(:hover,:focus-visible,:active) :is(span,b)[aria-hidden="true"],
  .site-main .dc-dark-links a:is(:hover,:focus-visible,:active)::after,
  .site-footer--navigation .dc-footer-studio a:is(:hover,:focus-visible,:active) > span[aria-hidden="true"],
  :is(.site-header--v1,.site-main) .button:is(:hover,:focus-visible,:active),
  .site-main :is(.dc-insight,.path-card):is(:hover,:focus-visible,:active),
  .brand-logo:is(:hover,:focus-visible) .brand-logo__symbol,
  .footer-brand-lockup:is(:hover,:focus-visible) .footer-brand-lockup__symbol {
    transform: none !important;
  }
}
@media (forced-colors: active) {
  .site-main :is(.dc-insights-articles,.dc-insights-related__grid) a:is(:hover,:focus-visible,:active),
  .site-main .dc-dark-links a:is(:hover,:focus-visible,:active) {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
}