*:focus:not(:focus-visible) {
outline: none;
} *:focus-visible {
outline: 5px solid #0066ff !important;
outline-offset: 4px !important;
background-color: rgba(255, 222, 22, 0.15) !important;
box-shadow: none !important;
transition: none !important;
transform: none !important;
} .skip-to-content {
position: absolute;
top: -100px;
left: 0;
background: #ffde16;
color: #000;
padding: 12px 24px;
text-decoration: none;
font-weight: bold;
z-index: 9999;
border-radius: 0 0 4px 0;
}
.skip-to-content:focus-visible,
.skip-to-content:focus {
top: 0;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only:focus-visible,
.sr-only:focus {
position: static;
width: auto;
height: auto;
padding: inherit;
margin: inherit;
overflow: visible;
clip: auto;
white-space: normal;
}   @keyframes focusPulse {
0%, 100% {
box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(0, 102, 255, 0.4), 0 0 20px rgba(0, 102, 255, 0.3);
}
50% {
box-shadow: 0 0 0 2px #fff, 0 0 0 8px rgba(0, 102, 255, 0.6), 0 0 30px rgba(0, 102, 255, 0.5);
}
} *:focus:not(:focus-visible) {
outline: none;
} *:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  a:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
} .prose a:focus-visible {
text-decoration: underline;
text-decoration-thickness: 2px;
text-decoration-color: #ffde16;
} .prose:focus,
.prose:focus-visible,
div.prose:focus-visible {
outline: none !important;
box-shadow: none !important;
background-color: transparent !important;
} nav a:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
} .rotating-content-link {
display: block;
text-decoration: none;
color: inherit;
transition: all 0.3s ease-in-out;
} .rotating-content-link:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  button:focus-visible,
[role="button"]:focus-visible,
.cursor-pointer:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  a.rounded-full:focus-visible,
a.bg-brand-100:focus-visible,
a[href*="tipologia"]:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  a img:focus-visible,
.cursor-pointer img:focus-visible {
outline: 3px solid #ffde16;
outline-offset: -3px;
} a.rounded-xl:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  a.focus-ring:focus-visible,
.link-most-readed:focus-visible,
a.block.overflow-hidden:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  article:focus-within {
outline: 2px solid rgba(255, 222, 22, 0.5);
outline-offset: 4px;
border-radius: 8px;
} article h3 a:focus-visible,
article h4 a:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
} input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  .skip-to-content {
position: absolute;
top: -100px;
left: 0;
background: #ffde16;
color: #000;
padding: 12px 24px;
text-decoration: none;
font-weight: bold;
z-index: 9999;
border-radius: 0 0 4px 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.skip-to-content:focus {
top: 0;
outline: 5px solid #0066ff;
outline-offset: 4px;
background-color: rgba(255, 222, 22, 0.15);
box-shadow: none;
transition: none;
}  table tr:focus-within {
outline: 2px solid #ffde16;
outline-offset: 2px;
background-color: rgba(255, 222, 22, 0.05);
} li:has(a:focus-visible) {
background-color: rgba(255, 222, 22, 0.05);
border-radius: 4px;
}  @media (prefers-contrast: high) {
*:focus-visible {
outline-width: 4px;
outline-color: currentColor;
outline-offset: 4px;
}
a:focus-visible {
outline: 4px solid currentColor;
text-decoration: underline;
text-decoration-thickness: 3px;
}
}  @media (prefers-reduced-motion: reduce) {
*:focus-visible,
button:focus-visible,
a:focus-visible {
transition: none;
transform: none;
} *:focus-visible {
transition: none !important;
}
}  @media (prefers-color-scheme: dark) {
*:focus-visible {
outline-color: #ffde16;
}
a:focus-visible {
background-color: rgba(255, 222, 22, 0.15);
}
.skip-to-content {
background: #ffde16;
color: #000;
}
}  .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
} .sr-only:focus {
position: static;
width: auto;
height: auto;
padding: inherit;
margin: inherit;
overflow: visible;
clip: auto;
white-space: normal;
}  [aria-current="page"]:focus-visible,
[aria-selected="true"]:focus-visible {
outline: 4px solid #ffde16;
outline-offset: 2px;
background-color: rgba(255, 222, 22, 0.2);
}  @-moz-document url-prefix() {
*:focus-visible {
outline-style: solid;
}
} @supports (-webkit-backdrop-filter: blur(1px)) {
*:focus-visible {
outline-style: auto;
}
} *:focus-visible {
outline: 5px solid #0066ff !important;
outline-offset: 4px !important;
background-color: rgba(255, 222, 22, 0.15) !important;
box-shadow: none !important;
transition: none !important;
transform: none !important;
}