/* Tema CHIARO ad alto contrasto, WCAG-friendly */
.com-sin{
  --bg:#ffffff; --ink:#0b0f14; --muted:#374151; --line:#d1d5db; --brand:#0b5cab;
  --chip:#f3f4f6; --chip-ink:#111827; --card:#ffffff; --focus:#0b5cab;
  margin:auto; max-width:1080px; padding:1rem; color:var(--ink); background:var(--bg);
  font-size:16.5px; line-height:1.5;
}
.com-sin *{box-sizing:border-box}
.com-sin__title-page{font-size:2rem; margin:.25rem 0 1rem 0; color:#0b3d59}
.com-sin__filters{
  background:#f9fafb; color:var(--ink); padding:1rem; border:1px solid var(--line);
  border-radius:16px; display:grid; gap:.75rem
}
@media(min-width:760px){.com-sin__filters{grid-template-columns:1fr 220px auto; align-items:center}}
.com-sin__search,.com-sin__select{
  width:100%; padding:.7rem .9rem; border:2px solid var(--line); border-radius:12px;
  background:#ffffff; color:var(--ink); font-size:1rem;
}
.com-sin__chips{display:flex; flex-wrap:wrap; gap:.5rem}
.com-sin__chips label{
  display:flex; align-items:center; gap:.45rem; background:var(--chip); color:var(--chip-ink);
  padding:.45rem .75rem; border-radius:999px; font-size:.95rem; border:1px solid #cbd5e1
}
.com-sin__year{border:1px solid var(--line); border-radius:16px; margin:.9rem 0; background:#ffffff}
.com-sin__year>summary{
  list-style:none; cursor:pointer; padding:1rem; display:flex; align-items:center; gap:.6rem; color:var(--ink)
}
.com-sin__year>summary::-webkit-details-marker{display:none}
.com-sin__year-title{font-weight:700}
.com-sin__count{color:var(--muted); font-size:1rem; margin-left:auto}
.com-sin__list{display:grid; gap:.7rem; padding:0 1rem 1rem; margin:0}
.com-sin__item{list-style:none}
.com-sin__card{
  display:grid; grid-template-columns:160px 1fr auto; gap:.9rem; align-items:center;
  padding:1rem; background:var(--card); border:1.5px solid var(--line); border-radius:14px;
  text-decoration:none; color:var(--ink); transition:transform .06s ease, border-color .12s, box-shadow .12s;
}
.com-sin__card:hover{transform:translateY(-1px); border-color:var(--brand); box-shadow:0 2px 14px rgba(0,0,0,.08)}
@media(max-width:640px){.com-sin__card{grid-template-columns:1fr; gap:.4rem}}
.com-sin__date{font-variant-numeric:tabular-nums; color:#1f2937; font-weight:600}
.com-sin__title{margin:0; font-size:1.05rem; line-height:1.35}
.com-sin__badges{display:flex; gap:.45rem; flex-wrap:wrap; justify-self:end}
.com-sin__badge{font-size:.8rem; padding:.3rem .55rem; border-radius:999px; border:1px solid #e5e7eb; background:#f3f4f6}
.com-sin__badge--type{text-transform:capitalize; border-color:#bde5c8; background:#e8f7ee}
.com-sin__badge--ext{border-color:#e5e7eb; background:#eef2f7}

/* Focus states per accessibilità (tastiera/screen reader) */
.com-sin a:focus-visible, .com-sin input:focus-visible, .com-sin select:focus-visible, .com-sin summary:focus-visible, .com-sin label:focus-within{
  outline:3px solid var(--focus); outline-offset:2px; border-color:var(--focus);
}
.com-sin__title {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
}