/* Analisi accessibilità — estende servizi.css + site-extra.css (sistema "un solo filo") */
.a11y-skip{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 14px;background:#ededeb;color:#050506;font-weight:600;text-decoration:none}
.a11y-skip:focus{top:12px}
main:focus{outline:none}
.a11y-accent{background:linear-gradient(90deg,#22d3ee,#5b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.a11y-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Modulo */
.a11y-tool{max-width:820px;margin-top:40px}
.a11y-form label{display:block;margin-bottom:10px;color:#ededeb;font:500 13px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.a11y-row{display:flex;gap:0;border:1px solid #3a3a3e;background:#0b0b0d}
.a11y-row:focus-within{border-color:#22d3ee}
.a11y-form input{flex:1;min-width:0;padding:18px 18px;border:0;background:transparent;color:#fff;font:400 18px/1.3 "Inter Tight",Inter,system-ui,sans-serif}
.a11y-form input::placeholder{color:#8a8a87}
.a11y-form input:focus-visible{outline:2px solid #22d3ee;outline-offset:-2px}
.a11y-form input[aria-invalid="true"]{box-shadow:inset 0 0 0 2px #ff8a8a}
.a11y-btn{flex:0 0 auto;padding:0 26px;min-height:48px;border:1px solid #ededeb;background:#ededeb;color:#050506;font:600 15px/1 "Inter Tight",Inter,system-ui,sans-serif;cursor:pointer;transition:background .3s,border-color .3s}
.a11y-btn:hover{background:#22d3ee;border-color:#22d3ee}
.a11y-btn:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.a11y-btn[disabled]{cursor:progress;background:#b4b4b0;border-color:#b4b4b0}
.a11y-btn-ghost{background:transparent;color:#ededeb;border-color:#3a3a3e;min-height:44px;padding:0 18px;font-size:14px}
.a11y-btn-ghost:hover{background:#ededeb;color:#050506;border-color:#ededeb}
.a11y-hint{margin:10px 0 0;font-size:15px}
.a11y-error{margin:10px 0 0;color:#ff9b9b;font-weight:500}
.a11y-error::before{content:"⚠ ";speak:never}

/* Stati */
.a11y-status{min-height:1.6em;margin-top:22px;color:#ededeb;display:flex;align-items:center;gap:12px}
.a11y-status:empty{margin-top:0;min-height:0}
.a11y-status.is-done{color:#7ee2b8}
.a11y-spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid #3a3a3e;border-top-color:#22d3ee;border-radius:50%;animation:a11y-spin .9s linear infinite}
@keyframes a11y-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.a11y-spinner{animation:none;border-top-color:#22d3ee;border-right-color:#22d3ee}}
.a11y-alert{margin-top:22px;padding:16px 18px;border:1px solid #6b2b2b;border-left:3px solid #ff8a8a;background:#160b0b;color:#ffd6d6;line-height:1.6}
.a11y-disclaimer{margin-top:26px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid #22d3ee;background:#0b0b0d;color:#c9c9c5;font-size:15px;line-height:1.65}
.a11y-disclaimer strong{color:#fff}

/* Report */
.a11y-report{scroll-margin-top:20px}
.a11y-report-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px}
.a11y-report-head h2{margin:10px 0 0;width:100%}
.a11y-report-head h2:focus{outline:none}
.a11y-report-head h2:focus-visible{outline:2px solid #22d3ee;outline-offset:4px}
.a11y-actions{display:flex;flex-wrap:wrap;gap:10px}
.a11y-meta{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:0;margin:30px 0 0;border-top:1px solid var(--line)}
.a11y-meta dt,.a11y-meta dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.a11y-meta dt{color:#9a9a96;font:500 12px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.04em;padding-right:16px}
.a11y-meta dd{color:#ededeb;overflow-wrap:anywhere}
.a11y-url{font:400 14px/1.5 var(--mono);color:#ededeb;overflow-wrap:anywhere}
.a11y-summary-box{margin-top:44px}
.a11y-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.a11y-card{display:flex;flex-direction:column;gap:6px;padding:20px;background:#0b0b0d;color:#b4b4b0;font-size:14px}
.a11y-num{font:600 38px/1 "Inter Tight",sans-serif;color:#fff;letter-spacing:-.03em}
.a11y-card.is-bad .a11y-num{color:#ff9b9b}
.a11y-card.is-warn .a11y-num{color:#ffd27a}
.a11y-card.is-ok .a11y-num{color:#7ee2b8}
.a11y-table{width:100%;margin-top:24px;border-collapse:collapse;font-size:15px}
.a11y-table caption{text-align:left;padding-bottom:10px;color:#9a9a96;font:500 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em}
.a11y-table th,.a11y-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}
.a11y-table thead th{color:#9a9a96;font-weight:500;font-size:13px}
.a11y-table tbody th{color:#ededeb;font-weight:500}
.a11y-table td{color:#ededeb;font-variant-numeric:tabular-nums}
.a11y-note{margin-top:22px;padding:14px 16px;border:1px solid var(--line);background:#0b0b0d;color:#c9c9c5}
.a11y-group{margin-top:56px}
.a11y-group>h3{font-size:clamp(24px,3vw,32px);margin:0 0 18px}
.a11y-issue{margin-top:16px;padding:24px;border:1px solid var(--line);border-left:3px solid #6b6b6b;background:#0b0b0d}
.a11y-impact-critical{border-left-color:#ff6b6b}
.a11y-impact-serious{border-left-color:#ff9b6b}
.a11y-impact-moderate{border-left-color:#ffd27a}
.a11y-impact-minor{border-left-color:#7ab8ff}
.a11y-manual{border-left-color:#ffd27a}
.a11y-manual .a11y-badge{border-color:#ffd27a;color:#ffe2a8}
.a11y-issue-head{display:flex;flex-direction:column;gap:10px}
.a11y-issue h4{margin:0;font-size:20px;line-height:1.3;color:#fff;letter-spacing:-.01em}
.a11y-badge{align-self:flex-start;padding:4px 8px;border:1px solid #3a3a3e;color:#ededeb;font:500 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.04em}
.a11y-impact-critical .a11y-badge{border-color:#ff6b6b;color:#ffb3b3}
.a11y-impact-serious .a11y-badge{border-color:#ff9b6b;color:#ffc9ad}
.a11y-impact-moderate .a11y-badge{border-color:#ffd27a;color:#ffe2a8}
.a11y-impact-minor .a11y-badge{border-color:#7ab8ff;color:#b9d9ff}
.a11y-desc{margin:12px 0 0}
.a11y-facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:16px 0 0;font-size:15px}
.a11y-facts dt{color:#9a9a96}
.a11y-facts dd{margin:0;color:#ededeb}
.a11y-wcag{margin:0;padding:0;list-style:none}
.a11y-fix{margin-top:16px;padding:14px 16px;background:#101114;border-top:1px solid #3a3a3e}
.a11y-fix strong{color:#fff;font:500 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.04em}
.a11y-fix p{margin:6px 0 0;color:#d8d8d4}
.a11y-nodes{margin-top:16px}
.a11y-nodes summary,.a11y-more summary{cursor:pointer;color:#22d3ee;font-weight:500;padding:6px 0}
.a11y-nodes summary:focus-visible,.a11y-more summary:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.a11y-nodes ol{margin:10px 0 0;padding-left:22px}
.a11y-nodes li{padding:12px 0;border-bottom:1px solid var(--line);color:#b4b4b0}
.a11y-label{display:block;margin-top:8px;color:#9a9a96;font:500 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.a11y-selector{display:block;color:#ededeb;font:400 13px/1.5 var(--mono);overflow-wrap:anywhere}
.a11y-snippet{margin:4px 0 0;padding:12px;max-width:100%;overflow-x:auto;background:#000;border:1px solid var(--line);color:#e6e6e2;font:400 13px/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.a11y-summary{margin:4px 0 0;font-size:14px;white-space:pre-line}
.a11y-doc{margin:14px 0 0;font-size:15px}
.a11y-doc a,.a11y-report p a{color:#22d3ee}
.a11y-more{margin-top:28px;padding:14px 0;border-top:1px solid var(--line)}
.a11y-brief{columns:2;column-gap:32px;margin:12px 0 0;padding:0;list-style:none;font-size:14px}
.a11y-brief li{break-inside:avoid;padding:6px 0;color:#c9c9c5;display:flex;flex-wrap:wrap;gap:4px 10px}
.a11y-brief code{color:#8a8a87;font:400 12px var(--mono)}
.a11y-final{margin-top:56px}
.a11y-report code{font-family:var(--mono)}
.a11y-info .step span{color:#a3a3a0}

/* Controllo mensile */
.a11y-mon-form{display:grid;gap:18px}
.a11y-field label,.a11y-mon-form>label{display:block;margin-bottom:8px;color:#ededeb;font:500 13px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.a11y-field input{width:100%;padding:14px 16px;border:1px solid #3a3a3e;background:#0b0b0d;color:#fff;font:400 17px/1.3 "Inter Tight",Inter,system-ui,sans-serif}
.a11y-field input::placeholder{color:#8a8a87}
.a11y-field input:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}
.a11y-field input[aria-invalid="true"]{border-color:#ff8a8a}
.a11y-check{display:flex;gap:12px;align-items:flex-start}
.a11y-check input{flex:0 0 auto;width:22px;height:22px;margin:2px 0 0;accent-color:#22d3ee}
.a11y-check input:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}
.a11y-check label{color:#c9c9c5;font-size:15px;line-height:1.55}
.a11y-mon-form .a11y-btn{justify-self:start;padding:0 24px}
.a11y-privacy{margin-top:22px}
.a11y-privacy p{font-size:14px;line-height:1.65}
.a11y-privacy a,.a11y-check a{color:#22d3ee}
.a11y-mon-action{margin-top:26px;padding:22px;border:1px solid #22d3ee;background:#0b0b0d}
.a11y-mon-action:focus{outline:none}
.a11y-mon-action-title{margin:0 0 8px;font-size:24px}
/* Installazione del widget */
.a11y-install-lead{max-width:760px;font-size:18px}
.a11y-install .a11y-disclaimer{max-width:820px}
.a11y-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:36px;background:var(--line);border:1px solid var(--line)}
.a11y-install-card{padding:28px;background:#0b0b0d;min-width:0}
.a11y-install-card h3,.a11y-install-badge h3{margin:0 0 14px;font-size:24px}
.a11y-install-card ol{margin:0 0 18px;padding-left:20px;color:#b4b4b0;line-height:1.7}
.a11y-install-card code,.a11y-install-badge code{font:400 13px var(--mono);color:#ededeb;background:#15161a;padding:1px 5px}
.a11y-install .a11y-snippet code{background:none;padding:0}
.a11y-download{display:inline-flex;align-items:center;text-decoration:none;padding:0 22px}
.a11y-install-badge{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.a11y-badge-preview{margin:18px 0}
@media(max-width:880px){.a11y-cards{grid-template-columns:repeat(2,1fr)}.a11y-cards .a11y-card:last-child{grid-column:1/-1}}
@media(max-width:760px){
  .a11y-mon-form .a11y-btn{width:100%;justify-self:stretch}
  .a11y-install-grid{grid-template-columns:1fr}
  .a11y-install-card{padding:20px}
  .a11y-row{flex-direction:column}
  .a11y-btn{width:100%;min-height:52px}
  .a11y-meta{grid-template-columns:1fr}
  .a11y-meta dt{padding-bottom:0;border-bottom:0}
  .a11y-brief{columns:1}
  .a11y-issue{padding:18px}
  .a11y-facts{grid-template-columns:1fr}
  .a11y-facts dd{margin-bottom:8px}
}

/* Stampa: solo il report, testo scuro su bianco, dettagli espansi */
@media print{
  @page{margin:16mm}
  body{background:#fff!important;color:#000!important}
  header,footer,.site-footer,.a11y-hero,.a11y-info,.a11y-actions,.a11y-skip,.a11y-final .cta,.a11y-monitor,.a11y-install{display:none!important}
  .a11y-report{display:block!important;padding:0;border:0}
  .wrap{width:100%!important}
  .a11y-report *{color:#000!important;background:transparent!important;box-shadow:none!important;-webkit-text-fill-color:#000}
  .a11y-issue,.a11y-card,.a11y-note,.a11y-disclaimer,.a11y-fix{border-color:#999!important;break-inside:avoid}
  .a11y-cards{gap:0;border:1px solid #999!important}
  .a11y-report .a11y-card{background:#fff!important;border:1px solid #999}
  .a11y-snippet{border:1px solid #999!important;white-space:pre-wrap}
  .a11y-nodes>*:not(summary),.a11y-more>*:not(summary){display:block!important}
  .a11y-doc a::after{content:" (" attr(href) ")";font-size:11px}
  .a11y-final{border:1px solid #999!important;padding:16px!important}
  .rv{opacity:1!important;transform:none!important}
}
