.in-chiaro-blocco { margin: 24px 0; padding: 20px 18px; border: 1px solid var(--bordo-schede); border-left: 6px solid var(--primario); border-radius: var(--raggio);
  background: #fff; box-shadow: var(--ombra); display: grid; gap: 14px; justify-items: start; }
.in-chiaro-home { margin: 28px 0 0; }
.in-chiaro-testa h2 { margin: 0 0 6px; font-size: 1.375rem; }
.in-chiaro-testa p { margin: 0; max-width: 46rem; }
a.in-chiaro-gara { display: grid; gap: 4px; width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 10px; background: var(--superficie);
  color: var(--testo); text-decoration: none; }
a.in-chiaro-gara:hover, a.in-chiaro-gara:focus-visible { background: var(--blu-chiaro); }
a.in-chiaro-gara b { font: 700 1.0625rem/1.4 var(--titoli); overflow-wrap: anywhere; }
.in-chiaro-ente { color: var(--secondario); }
.in-chiaro-dati { color: var(--testo); font-weight: 600; }
.posto-in-chiaro .in-chiaro-blocco { margin: 8px 0 16px; }
.lettura-in-chiaro { margin: 20px 0; }
.in-chiaro-nota { margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: var(--blu-chiaro); color: var(--primario-scuro); font-weight: 600; }
.in-chiaro-azioni { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
@media (max-width: 640px) { .in-chiaro-blocco { padding: 16px 14px; } .in-chiaro-azioni .pulsante, .in-chiaro-vai { width: 100%; box-sizing: border-box; } }
@media print { .in-chiaro-azioni, .in-chiaro-vai { display: none; } }

.hm-eroe .in-chiaro-home { margin: 0; align-content: start; align-self: start; padding: 26px 26px 28px; border: 0; border-radius: 18px; background: #E8EEFF;
  color: var(--hm-navy); box-shadow: 0 0 0 3px var(--hm-giallo); gap: 16px; }
.hm-eroe .in-chiaro-home h2 { font-size: 1.75rem; line-height: 1.2; color: var(--primario); }
.hm-eroe .in-chiaro-home a.in-chiaro-gara b { font-size: 1.1875rem; }
.hm-eroe .in-chiaro-home .in-chiaro-testa p { color: var(--hm-navy); }
.hm-eroe .in-chiaro-home a.in-chiaro-gara { background: #fff; color: var(--hm-navy); padding: 14px 16px; box-shadow: inset 0 0 0 1px #C9D6F5; }
.hm-eroe .in-chiaro-home a.in-chiaro-gara:hover, .hm-eroe .in-chiaro-home a.in-chiaro-gara:focus-visible { background: #F4F6FB; }
.in-chiaro-maiuscolo { font-weight: 400; }
.hm-eroe .in-chiaro-home .in-chiaro-vai { background: var(--primario); border-color: var(--primario); color: #fff; }
.hm-eroe .in-chiaro-home .in-chiaro-vai:hover, .hm-eroe .in-chiaro-home .in-chiaro-vai:focus-visible { background: var(--primario-scuro); border-color: var(--primario-scuro); color: #fff; }
.hm-eroe .in-chiaro-home a:focus-visible { outline-color: var(--hm-navy); }

@media (max-width: 939px) {
  .hm-eroe .hm-in:has(.in-chiaro-home) { gap: 16px; justify-items: start; }
  .hm-eroe .hm-in:has(.in-chiaro-home) .hm-testo { display: contents; }
  .hm-eroe .hm-in:has(.in-chiaro-home) .hm-numero, .hm-eroe .hm-in:has(.in-chiaro-home) .hm-lotti { order: -2; }
  .hm-eroe .in-chiaro-home { order: -1; justify-self: stretch; margin: 6px 0 10px; padding: 20px 18px 22px; }
  .hm-eroe .in-chiaro-home h2 { font-size: 1.5rem; }
}

.in-chiaro-analizzate { margin: 12px 0 16px; padding: 8px 12px; border-left-width: 5px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; justify-items: initial; box-shadow: none; }
.in-chiaro-analizzate .in-chiaro-testa { flex: 0 0 auto; }
.in-chiaro-analizzate .in-chiaro-testa h2 { margin: 0; font-size: 1rem; }
.in-chiaro-analizzate .in-chiaro-testa p, .in-chiaro-analizzate .in-chiaro-ente { display: none; }
.in-chiaro-analizzate a.in-chiaro-gara { flex: 1 1 320px; width: auto; min-width: 0; display: flex; align-items: baseline; gap: 4px 14px; padding: 6px 10px; }
.in-chiaro-analizzate a.in-chiaro-gara b { flex: 0 1 auto; min-width: 0; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in-chiaro-analizzate .in-chiaro-dati { flex: 0 0 auto; font-weight: 500; font-size: .9375rem; }
.in-chiaro-analizzate .in-chiaro-vai { min-height: 36px; padding: 4px 14px; font-size: .9375rem; }
@media (max-width: 640px) {
  .in-chiaro-analizzate a.in-chiaro-gara { flex-wrap: wrap; }
  .in-chiaro-analizzate a.in-chiaro-gara b { flex: 1 1 100%; }
  .in-chiaro-analizzate .in-chiaro-dati { flex: 1 1 100%; }
}